MakeIT II

<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="24,24,0,12">
            <TextBlock x:Name="ApplicationTitle" Text="ApplicationBar Demo" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="XAML" Margin="-3,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentGrid" Grid.Row="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="84*" />
                <RowDefinition Height="87*" />
                <RowDefinition Height="446*" />
            </Grid.RowDefinitions>
            <TextBox Height="69" HorizontalAlignment="Left" Margin="16,6,0,0" Name="tbSelectedItem" Text="TextBox" VerticalAlignment="Top" Width="334" />
            <Slider Grid.Row="2" Height="31" HorizontalAlignment="Left" 
                    Margin="6,21,0,0" Name="sdChangeOpacity" VerticalAlignment="Top" 
                    Width="468" Minimum="0" Maximum="100" ValueChanged="sdChangeOpacity_ValueChanged"/>
            <Button Content="Change Visible" Grid.Row="1" Height="76" HorizontalAlignment="Left" Margin="33,11,0,0" Name="btnShowAppBar" 
                    VerticalAlignment="Top" Width="412" Click="btnShowAppBar_Click"/>
        </Grid>
    </Grid>
    
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton x:Name="appbar_button1" 
                                            IconUri="/Images/img0.png" 
                                            Text="Icon-0" Click="IconButton_Click"></shell:ApplicationBarIconButton>
            <shell:ApplicationBarIconButton x:Name="appbar_button2" 
                                            IconUri="/Images/img1.png" 
                                            Text="Icon-1" Click="IconButton_Click"></shell:ApplicationBarIconButton>
            <shell:ApplicationBarIconButton x:Name="appbar_button3" 
                                            IconUri="/Images/img2.png" 
                                            Text="Icon-2" Click="IconButton_Click"></shell:ApplicationBarIconButton>
            <shell:ApplicationBarIconButton x:Name="appbar_button4" 
                                            IconUri="/Images/img3.png" 
                                            Text="Icon-3" Click="IconButton_Click"></shell:ApplicationBarIconButton>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem x:Name="menuItem1" Text="MenuItem 1"></shell:ApplicationBarMenuItem>
                <shell:ApplicationBarMenuItem x:Name="menuItem2" Text="MenuItem 2"></shell:ApplicationBarMenuItem>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

{
    public partial class MainPage : PhoneApplicationPage
    {

        // Constructor
        public MainPage()
        {
            InitializeComponent();
        }

        //改變ApplicationBar的透明度
        void sdChangeOpacity_ValueChanged(object sender, RoutedPropertyChangedEventArgs e)
        {
            if (this.ApplicationBar == null)
                return;
            this.ApplicationBar.Opacity = e.NewValue / 100;
        }

        void btnShowAppBar_Click(object sender, RoutedEventArgs e)
        {
            this.ApplicationBar.IsVisible = !this.ApplicationBar.IsVisible;
        }

        //applicationBar按鈕按下時的動作
        void IconButton_Click(object sender, EventArgs e)
        {
            ApplicationBarIconButton item = sender as ApplicationBarIconButton;
            tbSelectedItem.Text = item.Text;
        }
    }
}