#眉標=特別報導
#副標=新一代智慧型手機平台Windows Phone 7開發專欄(3)
#大標=令人興奮的Silverlight開發技術
#作者=文／圖 董大偉


-----------程式碼----------------------
private void button1_Click(object sender, RoutedEventArgs e)
{
    //init services
    ServiceReference1.WebService1SoapClient proxy = new ServiceReference1.WebService1SoapClient();

    proxy.getAllDataCompleted += (ss, arg) => {
        //將抓取到的資料 arg.Result 進行資料繫結
        this.listBox1.ItemsSource = arg.Result;
    };
    //呼叫Web/WCF Services抓取遠端資料
    proxy.getAllDataAsync();
}

----------------End-----------------


--------------------程式碼----------------------
<!--套版樣式-->
<DataTemplate x:Key="DataTemplate1">
	<Grid Height="151" Width="446">
        <Image HorizontalAlignment="Left" Source="{Binding PictureURL}" Margin="8,8,0,8" Width="120"/>
        <TextBlock Margin="132,8,8,0" TextWrapping="Wrap" Text="{Binding cName}" FontSize="34.667" Foreground="#FF00E2FF" Height="53" VerticalAlignment="Top"/>
        <TextBlock Margin="132,63,8,58" TextWrapping="Wrap" Text="{Binding TEL_Mobile}" MouseLeftButtonDown="TextBlock_MouseLeftButtonDown" Foreground="#FFD2D2D2"/>
        <TextBlock Margin="132,0,8,8" TextWrapping="Wrap" Text="{Binding Address}" Foreground="#FFD2D2D2" Height="44" VerticalAlignment="Bottom"/>
	</Grid>
</DataTemplate>
<!--主場景描述-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
	 <!--主要的ListBox-->
    <ListBox Height="523" HorizontalAlignment="Left" 
    Name="listBox1" VerticalAlignment="Top" Width="456"
     ItemTemplate="{StaticResource DataTemplate1}" />  <!--注意ItemTemplate標記-->
</Grid>
--------------------End---------------------

--------------------程式碼----------------------
this.webBrowser1.Navigate(new Uri("http://www.google.com.tw"));
--------------------End---------------------

--------------------程式碼----------------------
   this.webBrowser1.NavigateToString("<font size=20>Hello WP7!</font>");
--------------------End--------------------

--------------------程式碼----------------------

<!--Panorama 控制項-->
<controls:Panorama Title="my application">
    <controls:Panorama.Background>
        <!--背景圖片-->
        <ImageBrush ImageSource="PanoramaBackground.png"/>
    </controls:Panorama.Background>
    <!--第一頁-->
    <controls:PanoramaItem Header="first item">
        <!--  第一頁中的內容-->
    </controls:PanoramaItem>
      <!--第二頁-->
    <controls:PanoramaItem Header="second item">
           <!--  ...略... -->
    </controls:PanoramaItem>
         <!--  ...略... -->
</controls:Panorama>
</Grid>
--------------------End----------------------

--------------------程式碼----------------------

<!--Pivot Control-->
<controls:Pivot Title="MY APPLICATION">
    <!--Pivot item 1-->
    <controls:PivotItem Header="第一頁">
        <!--每一頁都可以有各自的內容-->
        <Grid >
            <TextBox Height="72" HorizontalAlignment="Left" Margin="220,295,0,0" Name="textBox1" Text="TextBox" VerticalAlignment="Top" Width="460" />
            <Button Content="Button" Height="72" HorizontalAlignment="Left" Margin="67,79,0,0" Name="button2" VerticalAlignment="Top" Width="160" />
        </Grid>
    </controls:PivotItem>
    <!--Pivot item 2-->
    <controls:PivotItem Header="第二頁"> 
        <Grid >
                   <!-- ...略... -->
        </Grid>
    </controls:PivotItem>
      <!--Pivot item 3-->
    <controls:PivotItem Header="第三頁">
        <Grid >
                   <!-- ...略... -->
        </Grid>
    </controls:PivotItem>
</controls:Pivot>
--------------------End---------------------


--------------------程式碼----------------------
// Constructor
public MainPage()
{
    InitializeComponent();
        //偵測Image1的手勢行為
       GestureListener gestureListener = GestureService.GetGestureListener(this.image1);
        //當image1被快速連續按兩下
       gestureListener.DoubleTap += new EventHandler<GestureEventArgs>(gestureListener_DoubleTap);
        //當image1上有Flick手勢
       gestureListener.Flick += new EventHandler<FlickGestureEventArgs>(gestureListener_Flick);
      //當image1上有Pinch手勢
       gestureListener.PinchCompleted += new EventHandler<PinchGestureEventArgs>(gestureListener_PinchCompleted);
}
 //當image1上有Pinch手勢
void gestureListener_PinchCompleted(object sender, PinchGestureEventArgs e)
{
    //取得Pinxh的距離
    this.textBlock1.Text = e.DistanceRatio.ToString();
    //縮放圖示
    (image1.RenderTransform as CompositeTransform).ScaleX = e.DistanceRatio;
    (image1.RenderTransform as CompositeTransform).ScaleY= e.DistanceRatio;
}
 //當image1上有Flick手勢
void gestureListener_Flick(object sender, FlickGestureEventArgs e)
{
   //顯示Flick方向，具體角度與力道
    this.textBlock1.Text = e.Direction.ToString() + "\n" + e.Angle.ToString() +"\n"+e.HorizontalVelocity.ToString()+"\n"+e.VerticalVelocity.ToString();
}
//當image1被快速連續按兩下
void gestureListener_DoubleTap(object sender, GestureEventArgs e)
{
    MessageBox.Show("DoubleTap");
}
--------------------End----------------------