概要:

  Silverlight3提供了一些控件,现在我们学习一下这些控件的应用。在TerryLee的《《Silverlight 2完美征程》一书中有更多更详细的用法。现在我对一些简单的控件用法,做扩展。

ToggleButton:

  ToggleButton属于Button控件的一种,在Ajax中有广范的应用。具有翻转效果,选定效果等。在vs2010中控件工具箱我并没找到此控件,但是可以手打出来。
ToggleButton具有翻转效果,仔细观察会发现点击之后控件颜色(原是下色重上色轻)会翻转过来。
IsThreeState此属性,默认为false,即控件有选中/非选中两个状态。改为true后,会增加一个Null状态。(个人认为最重要的属性)
Cursor - 鼠标移动到ToggleButton上面时,鼠标指针的样式
            Arrow - 箭头
            Hand - 手形
            Wait - 沙漏
            IBeam - “I”字形
            Stylus - 点
            Eraser - 橡皮
            None - 无
 ClickMode - 触发单击事件的类型 [System.Windows.Controls.ClickMode枚举]
            ClickMode.Press - 鼠标左键单击
            ClickMode.Release - 鼠标左键单击并放开
            ClickMode.Hover - 鼠标经过
为控件加图片
   <ToggleButton x:Name="btn3" ClickMode="Hover" Margin="226,156,39,47">
            <ToggleButton.Content>
                <Image Source="/SilverlightAppDemo2;component/aspxba8205_20081025143826_2.jpg" Height="100" Width="100"></Image>
            </ToggleButton.Content>
        </ToggleButton>
下面是示例的代码:
<Grid x:Name="LayoutRoot" Background="#46461F">
<ToggleButton x:Name="btn1" Background="Red" Content="两种状态,会变漏斗" Cursor="Wait" Margin="42,12,208,176"></ToggleButton>

<ToggleButton x:Name="btn2" Background="Red" Content="三种状态" IsThreeState="True" Margin="226,12,36,176"></ToggleButton>

<ToggleButton x:Name="btn3" ClickMode="Hover" Margin="226,156,39,47">
<ToggleButton.Content>
<Image Source="/SilverlightAppDemo2;component/aspxba8205_20081025143826_2.jpg" Height="100" Width="100"></Image>
</ToggleButton.Content>
</ToggleButton>
<Button Content="ToggleButton的选中状态" HorizontalAlignment="Left" Click="Button_Click" Margin="42,156,0,45" Width="130" />
</Grid>

相关文章: