. 功能需求
使用TemplatePart實現(xiàn)上篇文章的兩個需求（Header為空時隱藏HeaderContentPresenter，鼠標沒有放在控件上時HeaderContentPresent半透明），雖然功能已經(jīng)實現(xiàn)，但這樣實現(xiàn)的話基本上也就別想擴展了。譬如開發(fā)者做不到通過繼承或修改ControlTemplate實現(xiàn)如下功能：
半透明時的Opacity不是0.7，而是0.5。
半透明和不透明之前切換時有漸變動畫。
當然也并不是不可以用代碼實現(xiàn)這些需求，只是會復(fù)雜很多。大部分的開發(fā)者都是對C#熟悉，對XAML陌生，很容易就選擇盡量使用C#實現(xiàn)全部功能，將所有功能集中在同一個地方并用熟悉的語言處理，當然也有這樣做的優(yōu)點，不過既然在用XAML平臺，就應(yīng)該盡可能利用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)換。
這三種狀態(tài)的外觀如下所示：
實際上Checkbox的VisualState復(fù)雜很多，這里是簡化的模型。
3. 確定VisualState
要使用VisualState，首先要明確控件中包含哪些VisualState。在ContentView2中有兩組VisualState：
CommonStates: 默認是“Normal”，當鼠標進入控件時是“PointerOver”。
HeaderStates: 默認是“NoHeader”，當Header屬性的值不為空時是“HasHeader”。
其中“CommonStates”、“HeaderStates”稱為VisualStateGroup，“Normal”、“PointerOver”等稱為VisualState。在同一個VisualStateGroup中的VisualState是互
