. 功能需求

使用TemplatePart實現(xiàn)上篇文章的兩個需求(Header為空時隱藏HeaderContentPresenter,鼠標沒有放在控件上時HeaderContentPresent半透明),雖然功能已經(jīng)實現(xiàn),但這樣實現(xiàn)的話基本上也就別想擴展了。譬如開發(fā)者做不到通過繼承或修改ControlTemplate實現(xiàn)如下功能:

  • 半透明時的Opacity不是0.7,而是0.5。

  • 半透明和不透明之前切換時有漸變動畫。

當然也并不是不可以用代碼實現(xiàn)這些需求,只是會復雜很多。大部分的開發(fā)者都是對C#熟悉,對XAML陌生,很容易就選擇盡量使用C#實現(xiàn)全部功能,將所有功能集中在同一個地方并用熟悉的語言處理,當然也有這樣做的優(yōu)點,不過既然在用XAML平臺,就應該盡可能利用XAML平臺UI和代碼分離的優(yōu)點。

這篇文章用ContentView2示例講解VisualState如何實現(xiàn)上述的需求,ContentView2和上篇文章的ContentView一樣繼承自HeaderedContentControl。

2. VisualState

在實現(xiàn)需求前首先解釋VisualState的概念。

VisualState 指定控件處于特定狀態(tài)時的外觀??丶拇a指定控件處于何種狀態(tài),控件的ControlTemplate中根節(jié)點包含VisualStateManager.VisualStateGroups附加屬性,并在其中確定各個VisualState的外觀。

以CheckBox為例,CheckBox基本上包含Unchecked、Checked、Indeterminate三種狀態(tài),它通過IsChecked的值在這三種狀態(tài)中轉(zhuǎn)換。
seo優(yōu)化培訓,網(wǎng)絡推廣培訓,網(wǎng)絡營銷培訓,SEM培訓,網(wǎng)絡優(yōu)化,在線營銷培訓

這三種狀態(tài)的外觀如下所示:
seo優(yōu)化培訓,網(wǎng)絡推廣培訓,網(wǎng)絡營銷培訓,SEM培訓,網(wǎng)絡優(yōu)化,在線營銷培訓

實際上Checkbox的VisualState復雜很多,這里是簡化的模型。

3. 確定VisualState

要使用VisualState,首先要明確控件中包含哪些VisualState。在ContentView2中有兩組VisualState:

  • CommonStates: 默認是“Normal”,當鼠標進入控件時是“PointerOver”。

  • HeaderStates: 默認是“NoHeader”,當Header屬性的值不為空時是“HasHeader”。

其中“CommonStates”、“HeaderStates”稱為VisualStateGroup,“Normal”、“PointerOver”等稱為VisualState。在同一個VisualStateGroup中的VisualState是互

網(wǎng)友評論