zoukankan      html  css  js  c++  java
  • 使用StackPanel进行简单地布局

    尽管StackPanel非常简单,但是其实用性也非常强 ,Stackpanel将子元素以堆叠的形式 排列在一行或一列。通常建议使用该控件对于一些小范围内的控件进行布局。

    如果要架设用户控件的框架结构,则建议使用他控件。

      Stackpanel示例

     先举一个示例程序来看下Stackpanel控件的运行效果,

        <Grid>
            <StackPanel  Orientation="Horizontal" >
                <Button Name="button" Content="按钮1" />
                <Button Name="button4"  Content="按钮2" />
                <Button Name="button1" Content="按钮3"/>
                <Button Name="button2" Content="按钮4" />
                <Button Name="button3" Content="按钮5"/>
            </StackPanel>
           
    
        </Grid>

    默认情况下,Stackpanel从上到下排列控件,控件的高度与其内容的高度想匹配,可以使用Orientation(方向)属性设置其属性为Horizontal(水平)使其从左到右排列,这个属性的默认值为vertical(垂直)

    HorizontalAlignment 枚举属性:获取或设置在父元素中构成次元素时应用于此元素的水平对齐特征

    VerticalAlignment 枚举属性:获取或设置在父元素中构成次元素时应用于此元素的垂直对齐特征

    也就是文本的对齐方式

      

        <Grid>
            <StackPanel  Orientation="Vertical" >
                <Button Name="button" Content="按钮1" HorizontalAlignment="Left" />
                <Button Name="button4"  Content="按钮2" HorizontalAlignment="Right"/>
                <Button Name="button1" Content="按钮3" HorizontalAlignment="Center"/>
                <Button Name="button2" Content="按钮4" VerticalAlignment="Top" />
                <Button Name="button3" Content="按钮5"/>
            </StackPanel>
        </Grid>

    Stackpanel布局属性

      Stackpanel提供了一些用于设定子元素在父元素中呈现方式的属性,使用这些属性,开发人员可以控制 子元素在Stackpanel中的布局 方式。除了前面介绍的对齐属性以外,Stackpanel 中还具有如下的布局属性

    Margin 可以在子元素四周添加空白,Margin是System.Windows.thickness结构的属性,该结构分为上、下、左、右4边,可以分别指定4个边的属性,也可以只指定一个值,则上下左右都具有相同的空白

    MinWidth和NibHeight:并

  • 相关阅读:
    都是CSS惹的祸
    Ruby简介
    网络攻击利用DedeCms漏洞
    ASP.NET验证技术详解
    一个低级错误引发的血案
    FCKeditor配置和精简【附源码】
    邮件发送详解
    Timer定时器的设计实例详解
    常用的加密算法MD5、SHA1
    JS日历控件集合附效果图、源代码
  • 原文地址:https://www.cnblogs.com/xiaowie/p/9341317.html
Copyright © 2011-2022 走看看