WP7的控件开发入门（一）

首先讲的是容器控件Grid

看代码：

   

           

               

               

               

           

           

               

               

               

           

           

           

             

 

注意点：Image控件自己的大小，对其等格式优先级高于网格的格式，也就是如果Image自己有大小等格式，那么图片会超出网格定义的大小，上面的代码就是为了所有的提片全都显示在网格之内所以才把Image自身的格式全部都删除的 

 Canvas控件

           

               

               

           

 

注意点：对于此控件与Grid的区别我就看出多了一个Z轴，其他的至今还没看出来，感觉它们同属于容器控件，发挥的作用很是形似。

StackPanel控件

 

               

               

                   

                   

                   

               

 

注意点：这个控件就是用来组织子控件的排列方式的，是水平或者是垂直，有一点跟Grid不一样，里面的Image控件大小若果超出了StackPanel控件定义的大小，超出部分将被隐藏 

 Border控件

 

                    Height="300" 

                    BorderBrush="Blue" 

                    Background="Pink" 

                    BorderThickness="10"

                    CornerRadius="20,200,20,20">

               

                         Height="100"

                         VerticalAlignment="Bottom"

                         Background="Pink"

                         BorderBrush="Pink">

               

注意点：该空间的目的就是加一个边框，从上面的代码可以看出该控件的几个常用的属性，边框颜色，背景颜色，边框圆角，边框粗细。它的子控件的大小如果大于它，那么还是按Border的大小说了算，注意调整子控件的不同属性，已达到与边框控件合二为一的效果。 

 Popup控件

           

                   Width="400"

                   Height="500">

               

                         Width="300"

                         Height="400">

                   

               

             

注意点：该控件本身是不会有任何显示效果的，他就是控制内部的控件的开关，如果IsOpen="True"那内部控件就是看见的，反之就是不可见的，如果它的内部不定义任何控件，是看不到该控件本身的 

 ScrollView控件

                          Height="300"

                          HorizontalScrollBarVisibility="Auto"

                          VerticalScrollBarVisibility="Auto">

               

 注意点:把内部的图片调整到本来的大小，超出部分会被上下滑动而出来，记得加上HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto"这两条属性

Button控件

  

               Margin="145,128,0,0"

               VerticalAlignment="Top"

               HorizontalAlignment="Left"

               BorderBrush="Yellow"

               Background="Blue"

               Content="hello world"

               Foreground="Red"

              >

 

 

              Margin="145,400,0,0"

              VerticalAlignment="Top"

              HorizontalAlignment="Left"

              >

           

                   

           

 注意点：该控件是最常用的了，其中的margin单独使用是通过四个方向来定位的，但是加上 VerticalAlignment="Top" ，HorizontalAlignment="Left"这两个属性后就只在左侧和上侧设置了，就像这样Margin="145,400,0,0"

RepeatButton控件 

  

只要按着按钮一直不放就会一直触发Click事件 

 ToggleButton控件

 

                          Checked="Checked_1"

                           Unchecked="Checked_2"

                          Indeterminate="Checked_3"/> 

该控件有连续的三个事件响应，点击一次触发Checked_1,点击两次Checked_2,点击第三次的时候触发Checked_3