SilverLight:布局(3)StackPanel 对象

简介:
ylbtech-SilverLight-Layout: 布局(3)StackPanel 对象
  • A, Nesting Layout Containers(内嵌布局容器)
  • B, StackPanel(队列面板)对象
  • C, StackPanel(队列面板)对象 Orientation="Horizontal"
  • D, StackPanel(队列面板)对象之 Alignment
  • E, StackPanel(队列面板)对象之 Margins
1.A, Nesting Layout Containers(内嵌布局容器)返回顶部
1,
2,
复制代码
<Grid ShowGridLines="True" Background="SteelBlue" HorizontalAlignment="Center" VerticalAlignment="Center">
    <Grid.RowDefinitions>
        <RowDefinition Height="*"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
    </Grid.RowDefinitions>
    <TextBlock Margin="10" Grid.Row="0" Foreground="White"
                Text="This a simply test of the nested containers."></TextBlock>
    <StackPanel Grid.Row="1" HorizontalAlignment="Right" Orientation="Horizontal">
        <Button Margin="10,10,2,10" Padding="3" Content="Ok"></Button>
        <Button Margin="2,10,10,10" Padding="3" Content="Cancel"></Button>
    </StackPanel>
</Grid>
复制代码

3, ShowGridLines, Background, HorizontalAlignment, VerticalAlignment

,Grid.RowDefinitions, RowDefinition

,Grid.Row

,Orientation

,<StackPanel/>[队列面板 对象]

4,
1.B, StackPanel(队列面板)对象返回顶部
1,
2,
复制代码
<Grid x:Name="LayoutRoot" Background="White">
    <StackPanel  Background="White">
        <TextBox  Text="A Button Stack"/>
        <Button Content="Button A"/>
        <Button  Content="Button B"/>
        <Button  Content="Button C"/>
        <Button  Content="Button D"/>
    </StackPanel>        
</Grid>
复制代码

3,<StackPanel/>

4,
4
1.C, StackPanel(队列面板)对象 Orientation="Horizontal"返回顶部
1,
2,
复制代码
<Grid x:Name="LayoutRoot" Background="White">
    <StackPanel Orientation="Horizontal"  Background="White">
        <TextBox  Text="A Button Stack"/>
        <Button Content="Button A"/>
        <Button  Content="Button B"/>
        <Button  Content="Button C"/>
        <Button  Content="Button D"/>
    </StackPanel>
</Grid>
复制代码

3, Orientation

4,
1.D, StackPanel(队列面板)对象之 Alignment返回顶部
1,
2,
复制代码
<Grid x:Name="LayoutRoot" Background="White">
    <StackPanel  Background="White">
        <TextBox  Text="A Button Stack"/>
        <Button  HorizontalAlignment="Left" Content="Button A"/>
        <Button HorizontalAlignment="Right"  Content="Button B"/>
        <Button  Content="Button C"/>
        <Button  Content="Button D"/>
    </StackPanel>
</Grid>
复制代码

3, HorizontalAlignment[水平对齐方式]

4,
1.E, StackPanel(队列面板)对象之 Margins返回顶部
1,
2,
复制代码
<Grid x:Name="LayoutRoot" Background="White">
    <StackPanel  Background="White">
        <TextBox  Text="A Button Stack" HorizontalAlignment="Center"/>
        <Button  HorizontalAlignment="Left" Content="Button A" Margin="5"/>
        <Button HorizontalAlignment="Right"  Content="Button B" Margin="0,0,0,10"/>
        <Button  Content="Button C"/>
        <Button  Content="Button D"/>
    </StackPanel>
</Grid>
复制代码

3, Margin[外间距]

4,
1.F,返回顶部
 
本文转自ylbtech博客园博客,原文链接:http://www.cnblogs.com/ylbtech/p/3418791.html ,如需转载请自行联系原作者
相关文章
Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象
原文:Silverlight自定义数据绑定控件应该如何处理IEditableObject和IEditableCollectionView对象 原创文章,如需转载,请注明出处。   最近在一直研究Silverlight下的数据绑定控件,发现有这样两个接口IEditableObject 和IEditableCollectionView,记录一下结论,欢迎交流指正。
872 0
Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效
原文:Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效   当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效果不一的图形图像出来作为动画的基本组成元素。
1053 0
|
数据可视化 容器 前端开发

热门文章

最新文章