黑马程序员--WPF学习笔记二-----WPF常用页面布局

------- Windows Phone 7手机开发、.Net培训、期待与您交流！ -------

1.XAML页面中常用的的几个布局容器:StackPanel\Grid\DockPanel
2.StackPanel栈布局:
StackPanel栈布局--(通过Orientation的Horizontal或者Vertical来控制水平还是垂直排列)其运用地方,如:button按钮只能有一个content属性设置,通过StackPanel"占位"，可以设置多个。

<Button>
                        <Button.Content>
                                <StackPanel Orientation="Vertical">
                                        <Image Source="a.jpg"></Image>
                                        <TextBlock Text="hi"></TextBlock>
                                </StackPanel>
                        </Button.Content>
                </Button>

3.DockPanel固定面板布局：
     在里面的控件可以随着面板的变换而变化，应用举例如下：

        <Grid>
                <DockPanel>
                <Menu    DockPanel.Dock="Top" HorizontalAlignment="Left"    Height="26" Margin="0,0,0,0" VerticalAlignment="Top" Width="264">
                        <MenuItem Header="文件">
                                <MenuItem Header="打开">
                                        <MenuItem Header="1.txt"></MenuItem>
                                        <MenuItem Header="2.txt"></MenuItem>
                                        <MenuItem Header="3.txt"></MenuItem>
                                </MenuItem>
                                <MenuItem Header="保存"></MenuItem>
                                <MenuItem Header="另存为"></MenuItem>
                                <MenuItem Header="退出"></MenuItem>
                        </MenuItem>
                        <MenuItem Header="编辑">
                                <MenuItem Header="复制"></MenuItem>
                                <MenuItem Header="粘贴"></MenuItem>
                        </MenuItem>
                </Menu>
                        <TextBox    TextWrapping="Wrap" DockPanel.Dock="Bottom"    ScrollViewer.VerticalScrollBarVisibility="Auto"></TextBox>
                </DockPanel>
        </Grid>

4.Grid网格布局:
       使用网格布局,使用拖动控件到向指定的位置,在grid中控制控件位置的是其margin属性.
margin有四个值:left\top\right\bottom,其代表距离父控件的左上右下的距离。
举例:  定义3行4列以及在其中放置控件

<Grid >
                        <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                                <RowDefinition></RowDefinition>
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions>
                                <ColumnDefinition></ColumnDefinition>
                                <ColumnDefinition></ColumnDefinition>
                                <ColumnDefinition></ColumnDefinition>
                                <ColumnDefinition></ColumnDefinition>                                
                        </Grid.ColumnDefinitions>
                        <TextBlock Grid.Row="1" Grid.Column="1" VerticalAlignment="Center" Text="(1,1)"></TextBlock>                        
     <Image Source="1.jpg" Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="2"></Image>
<Image Source="1.jpg" Grid.Row="0" Grid.Column="0" Grid.RowSpan="2"></Image>
                </Grid>

小应用,创建连连看布局,可以使用Grid布局,其思路:
1.生产10*10的一个grid

2.生产10*10个图片Image,随即指定他们的Source图片路径
3.动态创建控件对象

 

------- Windows Phone 7手机开发、.Net培训、期待与您交流！ -------