談談Silverlight 2中的視覺狀態管理 Part1
[2] 談談Silverlight 2中的視覺狀態管理 Part1
[3] 談談Silverlight 2中的視覺狀態管理 Part1
[4] 談談Silverlight 2中的視覺狀態管理 Part1
概述
在WPF和Silverlight中的控件模板支持自定義控件的觀感,所謂的外觀,指控件的視覺效果;而感覺則是控件交互的響應性,如在控件上按下鼠標、控件獲得焦點等狀態的改變。微軟在Silverlight 2 Beta 2中引進了一個新的概念視覺狀態管理(Visual State Manager),為我們創建交互性的控件模板提供了極大的方便。接下來我將會用幾篇文章來介紹一下Silverlight 2中的視覺狀態管理。
在定義控件時,我們需要嚴格區分控件的視覺效果和控件的邏輯,這樣當我們修改控件外觀時將不會影響控件邏輯。Silverlight 2 Beta 2中提出的部件和狀態模型,能夠很好的解決這一問題,本文我們先來看一些基本的概念。
部件(Parts)
所謂的部件(Parts)是指在空間模板中元素,控件邏輯將會控制這些部件來完成一些特定的控件,但它并不關心這些部件的視覺效果,如下圖所示對于一個Silder控件來說:
在上圖中的Silder控件由四個部件構成:一個名為HorizontalThumb的Thumb控件,一個名為HorizontalLargeChangeIncrease的RepeatButton控件,一個名為HorizontalLargeChangeDecrease的RepeatButton控件,一個名為HorizontalTemplate的FrameworkElement元素。這些元素都將會在控件邏輯中進行控制,如當按下HorizontalLargeChangeIncrease時滑塊將向右移動,按下HorizontalLargeChangeDecrease時滑塊將向左移動。
需要注意的一點是并不是所有的控件都具有部件,有些控件可能沒有部件,大家可以去查閱Silverlight 2 SDK。