Windows Phone 7 button控件

System.Windows.Controls.Button button控件

一、button控件的各種樣式的展示

可以通過

<phone:PhoneApplicationPage.Resources>

<Style x:Key="ButtonStyle1" TargetType="Button">

……

</Style>

</phone:PhoneApplicationPage.Resources>

來給控件定義公共的樣式

調用樣式的方法：在Button控件上添加樣式的屬性 Style="{StaticResource ButtonStyle1}"

<Button Content="前往下一頁" Height="88" HorizontalAlignment="Left" Margin="160,513,0,0" Name="button2" VerticalAlignment="Top" Width="288" Click="button2_Click" />

Margin屬性定義了Button控件的相對整體界面的于左上右下的距離。

Height控件的高度

Width控件的寬度

Content控件顯示的内容

Click單擊觸發的事件

HorizontalAlignment水準位置

VerticalAlignment垂直位置

MainPage.xaml

private void button2_Click(object sender, RoutedEventArgs e)

{

NavigationService.Navigate(new Uri("/SecondPage.xaml", UriKind.Relative));//導航建立新的頁面

}

private void Button_Click(object sender, RoutedEventArgs e)

MessageBox.Show("button click");//彈出對話框

二、旋轉的按鈕控件

SecondPage.xaml

代碼

<phone:PhoneApplicationPage

    x:Class="buttonDemo.SecondPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"

    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    FontFamily="{StaticResource PhoneFontFamilyNormal}"

    FontSize="{StaticResource PhoneFontSizeNormal}"

    Foreground="{StaticResource PhoneForegroundBrush}"

    SupportedOrientations="Portrait" Orientation="Portrait"

    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"

    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->

    <Grid x:Name="LayoutRoot" Background="Transparent">

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto"/>

            <RowDefinition Height="*"/>

        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->

        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">

            <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>

            <TextBlock x:Name="PageTitle" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>

        </StackPanel>

        <!--ContentPanel - place additional content here-->

        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">

            <Button x:Name="btnCreateButton" Content="產生按鈕" Height="74" Margin="0,8,0,0" VerticalAlignment="Top" HorizontalAlignment="Right" Width="210" Click="btnCreateButton_Click" />

            <TextBox x:Name="txtCount" Height="68" Margin="181,8,204,0" TextWrapping="Wrap" Text="10" VerticalAlignment="Top"/>

            <Canvas x:Name="cvContent" Margin="8,88,8,96"/>

            <Button Content="前往下一頁" Height="88" HorizontalAlignment="Left" Margin="168,519,0,0" Name="button2" VerticalAlignment="Top" Width="288" Click="button2_Click" />

            <TextBlock HorizontalAlignment="Left" Height="29" Margin="89,30,0,0" TextWrapping="Wrap" Text="按鈕數量" VerticalAlignment="Top" Width="92"/>

        </Grid>

    </Grid>

</phone:PhoneApplicationPage>

Storyboard1.Stop();

//(Storyboard1.Children[0] as DoubleAnimation).From = 0;

//(Storyboard1.Children[0] as DoubleAnimation).To = 150;

//Storyboard.SetTargetName( Storyboard1, "button1");

Storyboard1.Begin();