一起学Windows Phone7开发(十三.二 按钮控件)

 

   在Silverlight中有多种按钮控件，这些控件在Windows phone7中也都得到了很好的支持。

一.Button： 这个控件只是一个基础控件，通过blend可以创建出多种效果的按钮来。

<Button Content="Button1" Height="81" HorizontalAlignment="Left" Margin="135,99,0,0" Name="button1" VerticalAlignment="Top" Width="213" Click="button1_Click"  Background="Red" Foreground="Beige" BorderBrush="Yellow" BorderThickness="5"  />

Click：响应点击的事件。

 

通过使用blend工具可以设置按钮的多种效果：

<Button Content="Button2" Height="81" HorizontalAlignment="Left" Margin="135,237,0,0" x:Name="button2" VerticalAlignment="Top" Width="213" Foreground="Beige" BorderBrush="Yellow" BorderThickness="5"  >

                <Button.Background>

<LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">

                                   <GradientStop Color="#FFF9F9F9" Offset="0.543"/>

                                   <GradientStop Color="#FFF90808" Offset="0.996"/>

                                   <GradientStop Color="Red" Offset="0.03"/>

                         </LinearGradientBrush>

                </Button.Background>

            </Button>

            <Button Content="Button3" Height="81" HorizontalAlignment="Left" Margin="135,394,0,0" x:Name="button3" VerticalAlignment="Top" Width="213" Foreground="Beige" BorderBrush="Yellow" BorderThickness="5" ClickMode="Press"  >

                <Button.Background>

                         <ImageBrush ImageSource="/Chrysanthemum.jpg" Stretch="UniformToFill"/>

                </Button.Background>

            </Button>

 

二.HyperlinkButton： 超链接按钮，这个和silverlight有明显的区别，在wp7中是不能navigate到web的。

<HyperlinkButton Content="HyperlinkButton" Height="61" HorizontalAlignment="Left" Margin="111,117,0,0" Name="hyperlinkButton1" VerticalAlignment="Top" Width="233" NavigateUri="/Windows1.xaml" >

NavigateUri：只能用Relative的链接。

 三.RepeatButton： 可以在按下后，不断的发出click事件。这样就可以完成不断需要变化的需求了，如翻页、移动等。

<RepeatButton Content="RepeatButton" Height="100" HorizontalAlignment="Left" Margin="76,196,0,0" Name="repeatButton1" VerticalAlignment="Top" Width="315"  Click="repeatButton1_Click"/>

 四.ToggleButton: 触发按钮，可以使按钮有二种(Checked、UnChecked)还是三种状态(多了一个Indeterminate状态)。

<ToggleButton  Content="ToggleButton" Height="182" HorizontalAlignment="Left" Margin="104,177,0,0" Name="toggleButton1" VerticalAlignment="Top" Width="268" IsThreeState="True" Checked="toggleButton1_Checked" Unchecked="toggleButton1_Unchecked"  Indeterminate="toggleButton1_Indeterminate"/>

IsThreeState：设置是否有三种状态

 

 <Button.Content>

    <Image Source="Chrysanthemum.jpg"/>

 </Button.Content>