学步园

基础的控件里面都在里面了

  

  

  

  

 

<phone:PhoneApplicationPage 
x:Class="PhoneApp_Grid.TestPage"
    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:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="False"

>

<!--LayoutRoot 包含放置所有其他頁面的根資料格-->
<Grid x:Name="LayoutRoot">
<controls:Panorama Title="控件" >

<!--Panorama 項目 1-->
<controls:PanoramaItem Header="Grid布局">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="197" />
<ColumnDefinition Width="223" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="133" />
<RowDefinition Height="139" />
<RowDefinition Height="226" />
</Grid.RowDefinitions>
<TextBlock Text="我在0行1列" Grid.Row="0" Grid.Column="1"></TextBlock>
<Border Grid.Row="1" Grid.ColumnSpan="2"
                            Background="Red"
>
<TextBlock Text="我在1行0-1列" TextAlignment="Center"></TextBlock>
</Border>
</Grid>
</controls:PanoramaItem>

<!--Panorama 項目 2-->
<controls:PanoramaItem Header="PopUp">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="206" />
<ColumnDefinition Width="214" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="409" />
<RowDefinition Height="89" />
</Grid.RowDefinitions>
<Popup
x:Name="my_PopUp"
                        IsOpen="False"
                        Margin="96,118,124,97" Width="200" Grid.ColumnSpan="2">
<Border Background="Blue" Width="200" Height="200"
                             Opacity="0.8" BorderThickness="0.5"
>
<TextBlock Text="PopUp" TextAlignment="Center" VerticalAlignment="Center"></TextBlock>
</Border>
</Popup>
<TextBlock Text="我在下面" Margin="147,191,163,150" Height="68" Width="110" Grid.ColumnSpan="2"></TextBlock>
<Button Content="显示PopUp" Grid.Row="1" Grid.Column="0" x:Name="ShowPopup" Click="ShowPopup_Click"></Button>
<Button Content="隐藏PopUp" Grid.Row="1" Grid.Column="1" x:Name="HidePopup" Click="HidePopup_Click"></Button>
</Grid>
</controls:PanoramaItem>
<controls:PanoramaItem Header="TextBox">
<Grid>
<TextBox Margin="7,135,15,291" Name="textBox1" 
>
<TextBox.InputScope>
<InputScope>
<InputScopeName NameValue="Number"></InputScopeName>
</InputScope>
</TextBox.InputScope>
</TextBox>
<TextBox Margin="4,243,18,183" Name="textBox2" 
>
<TextBox.InputScope>
<InputScope>
<InputScopeName NameValue="Url"></InputScopeName>
</InputScope>
</TextBox.InputScope>
</TextBox>
</Grid>

</controls:PanoramaItem>
<controls:PanoramaItem Header="PasswordBox">
<Grid>
<PasswordBox Height="72" HorizontalAlignment="Left" Margin="13,147,0,0" Name="passwordBox1" VerticalAlignment="Top" Width="393" 
                                 PasswordChar="·"
/>
<PasswordBox Height="72" HorizontalAlignment="Left" Margin="15,260,0,0" Name="passwordBox2" VerticalAlignment="Top" Width="393" 
                                 PasswordChar="@"
/>
</Grid>

</controls:PanoramaItem>
<controls:PanoramaItem Header="TextBlock">
<Grid>

<TextBlock TextWrapping="Wrap" Text="我可以自动换行哦..........................." Height="57" Margin="108,152,75,289" Width="237"></TextBlock>
<ScrollViewer ScrollViewer.HorizontalScrollBarVisibility="Auto" ScrollViewer.VerticalScrollBarVisibility="Disabled"
                                  Width="217" Height="46" Margin="107,230,96,222">
<TextBlock Text="我不能自动换行哦..............但是我有滚动条" Height="57"  ></TextBlock>
</ScrollViewer>
</Grid>
</controls:PanoramaItem>
<controls:PanoramaItem Header="Border">
<Grid>
<Border Height="152" Width="257" 
                            BorderThickness="0"
                            Background="Bisque"
                            CornerRadius="20,20,20,20"
>


</Border>
<!--CornerRadius 圆角-->
</Grid>

</controls:PanoramaItem>
<controls:PanoramaItem Header="ProgressBar">
<Grid>
<ProgressBar x:Name="Pro" Margin="76,82,84,348" Height="68" Width="260" Minimum="0" Maximum="100"></ProgressBar>
<ProgressBar Margin="81,244,79,186" IsIndeterminate="True" Height="68" Width="260"></ProgressBar>
<Button Content="启动" x:Name="Pro_status" Height="72" HorizontalAlignment="Left" Margin="127,154,0,0" VerticalAlignment="Top" Width="160" Click="Pro_status_Click" />
</Grid>
</controls:PanoramaItem>
<controls:PanoramaItem Header="Slider"
                                   Loaded="PanoramaItem_Loaded"
>
<Grid>
<Slider Height="84" HorizontalAlignment="Left" Margin="42,104,0,0" Name="slider1" VerticalAlignment="Top" Width="327" />
<Slider Height="241" HorizontalAlignment="Left" Margin="26,172,0,0" Name="slider2" VerticalAlignment="Top" Width="102"
                            Orientation="Vertical"
                            Minimum="1"
                            Maximum="10" 
                            ValueChanged="slider2_ValueChanged"

/>
<TextBlock Height="30" HorizontalAlignment="Left" Margin="139,193,0,0"  Text="1" VerticalAlignment="Top" 
                               x:Name="Slider_Num"
/>
</Grid>
</controls:PanoramaItem>
<controls:PanoramaItem Header="ScrollViewer">
<Grid>
<ScrollViewer Height="33"
                                  ScrollViewer.HorizontalScrollBarVisibility="Auto"
                                  ScrollViewer.VerticalScrollBarVisibility="Disabled"
                                  Margin="56,233,56,0" Name="scrollViewer1" VerticalAlignment="Top" Width="308">
<TextBlock Text="ScrollViewerScrollViewerScrollViewerScrollViewerScrollViewerScrollViewerScrollViewerScrollViewerScrollViewerScrollViewerScrollViewerScrollViewer">

</TextBlock>
</ScrollViewer>
</Grid>
</controls:PanoramaItem>
<controls:PanoramaItem Header="Button">
<Grid>
<Button Content="我是按钮" Height="76" Margin="114,23,94,399" Width="212"></Button>
<Button Content="我是按钮，我有背景色"
                            Background="Bisque"
                            Foreground="Black"
                            Height="103" Margin="36,134,35,261" Width="349">

</Button>
<Button 
Content="我是按钮，我有背景图"
                            Foreground="Black"
                            Height="100" Margin="36,134,35,264" Width="349">
<Button.Background>
<ImageBrush ImageSource="bg.jpg"></ImageBrush>
</Button.Background>
</Button>
</Grid>

</controls:PanoramaItem>
<controls:PanoramaItem Header="ToggleButton">
<Grid>

<ToggleButton Height="80"
                                  Content="Unchecked"
                                  IsThreeState="True"
                                  Checked="toggleButton1_Checked"
                                  Unchecked="toggleButton1_Unchecked"
                                  Indeterminate="toggleButton1_Indeterminate"
                                  Margin="69,115,91,0" Name="toggleButton1" VerticalAlignment="Top" />

<ToggleButton Height="80"
                                  Content="Unchecked"
                                  Checked="toggleButton2_Checked"
                                  Unchecked="toggleButton2_Unchecked"
                                  Margin="69,0,91,107" Name="toggleButton2" VerticalAlignment="Bottom" />
<TextBlock Height="30" HorizontalAlignment="Left" Margin="78,82,0,0" Name="textBlock1" Text="IsThreeState=True" VerticalAlignment="Top" />
<TextBlock Height="30" HorizontalAlignment="Left" Margin="70,278,0,0" Name="textBlock2" Text="IsThreeState=False" VerticalAlignment="Top" />
</Grid>
</controls:PanoramaItem>
<controls:PanoramaItem Header="CheckBox">
<Grid>

<CheckBox Content="CheckBox" Height="72" HorizontalAlignment="Left" Margin="88,84,0,0" Name="checkBox1" VerticalAlignment="Top" />
<CheckBox Content="CheckBox"
                              Background="White"
                              Foreground="DarkCyan"
                              Height="83" HorizontalAlignment="Left" Margin="90,150,0,0" Name="checkBox2" VerticalAlignment="Top" Width="174">

<!--<CheckBox.RenderTransform>
                            <CompositeTransform SkewX="2" SkewY="2"></CompositeTransform>
                        </CheckBox.RenderTransform>-->
</CheckBox>
</Grid>
</controls:PanoramaItem>
<controls:PanoramaItem Header="RadioButton">
<Grid>
<Grid Height="121" Margin="46,94,47,283" Width="327">
<RadioButton Content="1" Height="72" HorizontalAlignment="Left" Margin="26,17,0,0" Name="radioButton1" VerticalAlignment="Top" />
<RadioButton Content="2" Height="72" HorizontalAlignment="Left" Margin="116,18,0,0" Name="radioButton2" VerticalAlignment="Top" />
<RadioButton Content="3" Height="72" HorizontalAlignment="Left" Margin="214,19,0,0" Name="radioButton3" VerticalAlignment="Top" />
</Grid>

<Grid Margin="37,259,43,104" Height="135" Width="340">
<RadioButton Content="1" Height="72" HorizontalAlignment="Left" Margin="22,15,0,0" Name="radioButton4" VerticalAlignment="Top" />
<RadioButton Content="2" Height="72" HorizontalAlignment="Left" Margin="121,17,0,0" Name="radioButton5" VerticalAlignment="Top" />
</Grid>
<TextBlock Height="30" HorizontalAlignment="Left" Margin="36,223,0,0" Name="textBlock3" Text="第二组" VerticalAlignment="Top" />
<TextBlock Height="30" HorizontalAlignment="Left" Margin="45,47,0,0" Name="textBlock4" Text="第一组" VerticalAlignment="Top" />
</Grid>

</controls:PanoramaItem>
<controls:PanoramaItem Header="ListBox"
                                   Loaded="PanoramaItem_Loaded_1">
<Grid>
<ListBox

Height="472" HorizontalAlignment="Left" Margin="3,8,0,0" x:Name="listBox1" VerticalAlignment="Top" Width="410">
<ListBox.ItemTemplate>
<DataTemplate>
<TextBlock FontSize="30" Text="{Binding Str}"></TextBlock>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>

</Grid> 
</controls:PanoramaItem>
</controls:Panorama>

</Grid>

<!--Panorama 應用程式不應該顯示 ApplicationBar-->

</phone:PhoneApplicationPage>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;
using System.Threading;
using System.Collections.ObjectModel;
namespace PhoneApp_Grid
{
    public partial class TestPage : PhoneApplicationPage
    {
        public TestPage()
        {
            InitializeComponent();
        }



        private void HidePopup_Click(object sender, RoutedEventArgs e)
        {
            this.my_PopUp.IsOpen = false;
        }

        private void ShowPopup_Click(object sender, RoutedEventArgs e)
        {
            this.my_PopUp.IsOpen = true;
        }

        private void Pro_status_Click(object sender, RoutedEventArgs e)
        {
            this.Pro.Value = 0;
            new Thread(new ThreadStart(StatusProgressBar)).Start();
        }
        #region
        //ProgressBar
        delegate void StatusProgressBardelegate();
        private void StatusProgressBar() {
            Thread.Sleep(500);
            Dispatcher.BeginInvoke(new StatusProgressBardelegate(StatusProgressBar_UI));
        }
        private void StatusProgressBar_UI() {
            if (this.Pro.Value < this.Pro.Maximum) {
                this.Pro.Value++;
                new Thread(new ThreadStart(StatusProgressBar)).Start();
            }
        }
        #endregion

        delegate void SliderValuedelegate(double D);
        private void slider2_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            Dispatcher.BeginInvoke(new SliderValuedelegate(ShowSliderValue),e.NewValue);
        }
        private void ShowSliderValue(double D) {
            this.Slider_Num.Text = D.ToString() ;
        }

        private void PanoramaItem_Loaded(object sender, RoutedEventArgs e)
        {
            this.Slider_Num.Text = "test1";
        }

        private void toggleButton1_Checked(object sender, RoutedEventArgs e)
        {
            this.toggleButton1.Content = "Checked";
        }

        private void toggleButton1_Unchecked(object sender, RoutedEventArgs e)
        {
            this.toggleButton1.Content = "Unchecked";
        }













														

返回