布局篇-WrapPanel布局

WrapPanel内部采用流式布局，使用orientation属性控制流延伸方向，用HorizontalAlignment和VerticalAlignment两个属性控制内部控件的对齐，例子如下

    <WrapPanel>
<Button Width="50" Height="50" Content="OK" />
<Button Width="50" Height="50" Content="OK" />
<Button Width="50" Height="50" Content="OK" />
<Button Width="50" Height="50" Content="OK" />
<Button Width="50" Height="50" Content="OK" />
<Button Width="50" Height="50" Content="OK" />
<Button Width="50" Height="50" Content="OK" />
<Button Width="50" Height="50" Content="OK" />
<Button Width="50" Height="50" Content="OK" />
<Button Width="50" Height="50" Content="OK" />
</WrapPanel>

效果如下，改变窗口大小，内部控件的位置会自动调整

同样的代码，改成垂直布局后的效果

布局篇-WrapPanel布局相关推荐

Angular Material 教程之布局篇 (五) : 布局参数
布局参数 <div layout="row" layout-sm="column"><div flex>I'm above on mob ...
CSS布局篇——flex布局
1.flex布局布局的传统解决方案,基于盒模型,依赖 display 属性 + position属性 + float属性.它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现. 2009年,W3 ...
WPF编程基础入门 ——— 第三章布局（五）布局面板WrapPanel
WPF布局--布局面板WrapPanel WPF--WrapPanel布局控件 WrapPanel实例--十个按钮 WPF--WrapPanel布局控件 WrapPanel(自动折行面板),允许任意多 ...
大家一起来博皮——2：液态布局和固态布局，页面框架篇
大家一起来博皮虽然博客园的皮肤很多,而且很漂亮.但是那些自己想更"个性化"自己博客皮肤的朋友,对博客园的皮肤模板还是颇多不满,认为皮肤的结构过于混乱,css样式难以掌控.针对这种 ...
java二维矩阵怎么进行转置_矩阵求导的本质与分子布局、分母布局的本质（矩阵求导——本质篇）...
〇. 前言在一个多月前,针对有同学关于矩阵求导中分子布局.分母布局两者的区别的疑问,我写了如下的这篇答案. 矩阵求导中布局约定,两者布局的意义是什么?www.zhihu.com 虽然这篇答案给出了 ...
height:calc(100% - 10px)的用法(垂直居中) - 布局篇
下图demo所示,如何让sidebar左侧边栏导航在垂直方向全尺寸拉伸? 如何让一个侧边栏垂直方向全尺寸拉伸? 代码如下: height:calc(100% - 10px) 以上就是关于" ...
深度探索Qt窗口系统——布局篇
深度探索Qt窗口系统--布局篇虽然界面管理器可以完成窗口布局,但是对于动态布局的情况下,这种做法就无能为力了,现实中界面经常要支持国际化,对于同一内容用不同语言翻译可能长度不一,这就需要窗口动态布局 ...
一步一步构建手机WebApp开发——页面布局篇
继上一篇:一步一步构建手机WebApp开发--环境搭建篇过后,我相信很多朋友都想看看实战案例,这一次的教程是页面布局篇,先上图: 如上图所示,此篇教程便是教初学者如何快速布局这样的页面.废话少说,直接 ...
开启Fluter基础之旅三-------Material Design风格组件、Cupertino风格组件、Flutter页面布局篇...
Material Design风格组件: 继续接着上一次https://www.cnblogs.com/webor2006/p/12545701.html的Material Design进行学习. A ...

布局篇-WrapPanel布局

布局篇-WrapPanel布局相关推荐

最新文章

热门文章