更改telerik:RadTimeBar间隔标签颜色

问题描述 投票:0回答:1

我正在使用telerik:RadTimeBar,正如标题所示,我正在尝试更改间隔标签颜色的颜色。以下是我的RadTimeBar

<telerik:RadTimeBar x:Name="PoCTimeBar" Width="450"
                    Height="100"                        
                    HorizontalAlignment="Center"
                    VerticalAlignment="Top"                                                                                     
                    Background="#FF435061"                                    
                    BorderBrush="{x:Null}"
                    BorderThickness="1,0,1,1"
                    Content=""
                    Cursor="Hand"
                    EnableSparklineVirtualization="False"
                    PeriodEnd="{Binding Tab.CurrentPoC.EndDate, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                    PeriodStart="{Binding Tab.CurrentPoC.StartDate}"
                    ScrollMode="None"
                    SelectionEnd="{Binding Tab.CurrentPoC.PickEnd, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                    SelectionStart="{Binding Tab.CurrentPoC.PickStart, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                    SelectionTitleFormatString="{}{0:dd/MM/yy-HH:mm} - {1:dd/MM/yy-HH:mm}"
                    VisiblePeriodEnd="{Binding Tab.CurrentPoC.EndDate, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                    VisiblePeriodStart="{Binding Tab.CurrentPoC.StartDate}">
    <telerik:RadTimeBar.Intervals>
        <telerik:HourInterval />
        <telerik:DayInterval />
        <telerik:MonthInterval />
        <telerik:YearInterval />
    </telerik:RadTimeBar.Intervals>
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="SelectionChanged">
            <Custom:EventToCommand Command="{Binding Tab.IRefreshSpanPoC, Mode=OneWay}" />
        </i:EventTrigger>
    </i:Interaction.Triggers>
</telerik:RadTimeBar>

[能否请您帮我弄清楚该如何实现?非常感谢。

wpf telerik
1个回答
0
投票

RadTimeBar控件中有两个时间间隔的标题,最上面的一个和下面的一个。对于顶部的一个,可以通过设置父级Foregroundtelerik:ItemControl来更改其颜色,对于底部的一个,可以将telerik:GroupControl定位为目标:

 <Grid>
    <telerik:RadTimeBar PeriodStart="1-Jan-2019 12:00:00 AM"  
                        PeriodEnd="31-Dec-2019 11:59:59 PM" 
                        VisiblePeriodStart="14-March-2019 12:00:00 AM"  
                        VisiblePeriodEnd="11-Nov-2019 11:59:59 PM"  >
        <telerik:RadTimeBar.Resources>
            <Style TargetType="telerik:ItemControl">
                <Setter Property="Foreground" Value="Red" />
            </Style>
            <Style TargetType="telerik:GroupControl">
                <Setter Property="Foreground" Value="Blue" />
            </Style>
        </telerik:RadTimeBar.Resources>
        <telerik:RadTimeBar.Intervals>
            <telerik:YearInterval />
            <telerik:MonthInterval />
            <telerik:WeekInterval />
            <telerik:DayInterval />
        </telerik:RadTimeBar.Intervals>
    </telerik:RadTimeBar>
</Grid>

enter image description here

我怎么知道?

除了文档之外,您还可以在这些情况下使用两个工具:

  • 混合:您选择控件>右键单击,然后编辑模板>编辑副本。
  • Snoop
© www.soinside.com 2019 - 2024. All rights reserved.