• 使用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:并

  • 相关阅读:
    新闻列表中标题和日期的左右分别对齐的几种处理方法
    BFC
    css清除浮动float的几种方法
    git 恢复单个文件
    Git ignore
    198. House Robber(动态规划)
    121. Best Time to Buy and Sell Stock(股票最大收益)
    120. Triangle(动态规划 三角形最小路径 难 想)
    91. Decode Ways(动态规划 26个字母解码个数)
    53. Maximum Subarray(动态规划 求最大子数组)
  • 原文地址:https://www.cnblogs.com/xiaowie/p/9341317.html
Copyright © 2020-2023  润新知