天天看點

關于DatePicker控件在IsEnabled為False視覺效果沒有明顯辨識度的處理方法

DatePicker控件在IsEnabled為False時界面沒有讓人看上去不可用(背景為灰色等)的效果。容易讓使用者迷惑。

可以用下面的代碼增加設定透明度的觸發器來解決(XAML以及C#方式):

1    <UserControl.Resources>
2         <Style TargetType="{x:Type js:DatePickerEx}" >
3             <Style.Triggers>
4                 <Trigger Property="IsEnabled" Value="False">
5                     <Setter Property="Opacity" Value="0.2"/>
6                 </Trigger>
7             </Style.Triggers>
8         </Style>
9     </UserControl.Resources>      

上述XAML中的資源定義用C#代碼代碼實作如下:

DateTimePickerEx.OnApplyTemplate()增加如下代碼:

1             Trigger isEnabledTrigger = new Trigger { Property = DatePickerEx.IsEnabledProperty, Value = false };
2             isEnabledTrigger.Setters.Add(new Setter(DatePickerEx.OpacityProperty, 0.2));
3             Style style = new Style(typeof(DatePickerEx));
4             style.Triggers.Add(isEnabledTrigger);
5             this.Style = style;      

繼續閱讀