学习UWP开发-Grid和StackPanel表格布局

本文章引用自本人的原创Windows10 UWP应用《学习UWP开发》,有需要的人可戳链接下载。

点击打开链接


               一、Grid标签
                            我的理解,Grid标签就像HTML里的表格,需要你自己定义行和列。
                            Grid.RowDefinitions是定义行集,每一行由RowDefinition分别定义;
                            Grid.ColumnDefinitions是定义列集,每一列由ColumnDefinition分别定义。
                            如图所示是定义了一个七行两列的表,Height和Width自然是高和宽。auto表示值跟随行(列)内控件的长宽而定,*表示比例。
                            往表格单元中添加控件方式:在Grid标签内添加一个控件(级别与Grid.RowDefinitions标签和Grid.ColumnDefinitions标签相同,位置在其后),这个控件内添加附属属性Grid.Row="x"和Grid.Column="x"分别是这个控件所在的行和列,当x为0的时候,是第一行第一列,这两个附属属性可以忽略不写。
                       

                       二、StackPanel标签
                            StackPanel标签就像HTML里的div表单。
                            StackPanel标签中有Orientation属性,用来控制标签中的元素是横向排列(Horizontal)还是纵向排列(Vertical)。
                       
                        这两个控件通常做其他控件的容器框架,配合使用效果很好。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值