1. 全栈程序员必看首页

WPF中的StackPanel、WrapPanel、DockPanel

全栈程序员-站长 • • 未分类 • 阅读 6

WPF中的StackPanel、WrapPanel、DockPanel一、StackPanelStackPanel是以堆叠的方式显示其中的控件1、可以使用Orientation属性更改堆叠的顺序Orientation=”Vertical”默认，由上到下显示各控件。控件在未定义的前提下，宽度为StackPanel的宽度，高度自动适应控件中内容的高度1:2:ButtonA3:ButtonB4:B

大家好，又见面了，我是你们的朋友全栈君。

一、StackPanel

StackPanel是以堆叠的方式显示其中的控件

1、可以使用Orientation属性更改堆叠的顺序


Orientation=”Vertical”

默认，由上到下显示各控件。控件在未定义的前提下，宽度为StackPanel的宽度，高度自动适应控件中内容的高度

 1: <StackPanel Orientation="Vertical">
 2: <Button>Button A</Button>
 3: <Button>Button B</Button>
 4: <Button>Button C</Button>
 5: <Button>Button D</Button>
 6: <Button>Button E</Button>
 7: <Button>Button F</Button>
 8: </StackPanel>


6.WPF布局管理之StackPanel、WrapPanel、DockPanel - 雅博 - 雅博
Orientation=”Horizontal”

由左到右显示各控件。控件在未定义的前提下，高度为StackPanel的高度，宽度自动适应控件中内容的宽度

 1: <StackPanel Orientation="Horizontal">
 2: <Button>Button A</Button>
 3: <Button>Button B</Button>
 4: <Button>Button C</Button>
 5: <Button>Button D</Button>
 6: <Button>Button E</Button>
 7: <Button>Button F</Button>
 8: </StackPanel>

6.WPF布局管理之StackPanel、WrapPanel、DockPanel - 雅博 - 雅博

2、设置控件的属性，调整控件的显示

Margin属性
定义控件的外边缘，可以通过以下几种方式来设置
1）Margin=”10”：各边缘均为10
2）Margin=”10,20,30,40”：设定左、上、右、下各边缘分别为10、20、30、40
3）使用拆分式方式设定，如上下为10，左右为20

 1: <Button Content="Button A">
 2: <Button.Margin>
 3: <Thickness Top="10" Bottom="10" Left="20" Right="20" />
 4: </Button.Margin>
 5: </Button>

Width、Height属性
设定控件的宽度和高度，取消自动的宽度和高度
HorizontalAlignment、VerticalAlignment属性
设定控件的水平或竖直对齐方式，如整体Orientation=”Vertical”的前提下，设置水平对齐为Left、Right或Center，在没有设定宽度的情况下，控件的宽度自动调整
MinWidth、MinHeight、MaxWidth、MaxHeight属性
在调整窗体大小，同时更改控件大小时，控件宽度、高度可变化的最大值和最小值

WPF StackPanel

图1.1

                                       图1.1

WPF中的StackPanel控件是一种简单常用的布局控件。它可根据orientation属性设置面板里面的每个子元素是依靠在前一个控件的旁边（横向）还是下面（纵向）。对于创建各种类型的列表非常有用。所有的继承于ItemsControls的WPF控件，如ComboBox,ListBox和Menu控件都可以使用StackPanel做为它的内部布局面板。

 <StackPanel>

  <TextBlock Margin=“10” FontSize=“20”>How do you like your coffee?</TextBlock>
  <Button Margin=“10”>Black</Button>
  <Button Margin=“10”>With milk</Button>
  <Button Margin=“10”>Latte machiato</Button>
  <Button Margin=“10”>Chappuchino</Button>
</StackPanel>

 

上面这一段代码将把StackPanel面板里面的每个控件，从上往下排列，如图1.1所示。

 Stack Items horizontally

 有一个很好的例子，如有一个有“OK”和”Cancel“按钮的对话框，因为按钮上的文字可能因字体的改变而发生大小改变，我们应该避免固定按钮大小的写法。StackPanel会自动根据面板的大小的自动调整内部控件的大小。我们就不用为按钮太大或太小而烦恼了。

 WPF中的StackPanel、WrapPanel、DockPanel

  <StackPanel Margin="8" Orientation="Horizontal"> <Button MinWidth="93">OK</Button> <Button MinWidth="93" Margin="10,0,0,0">Cancel</Button> </StackPanel>

二、WrapPanel

以流的形式由左到右，由上到下显示控件，其功能类似于Java AWT布局中的FlowLayout

三、DockPanel

以上、下、左、右、中为基本结构的布局方式，类似于Java AWT布局中的BorderLayout。

但与BorderLayout不同的是，每一个区域可以同时放置多个控件，在同一区域放置的多个控件采用的布局方式为StackPanel方式。

如：

 1: <DockPanel >
 2: <Button Content="ButtonA" Width="70" DockPanel.Dock="Top" />
 3: <Button Content="ButtonB" Width="70" HorizontalAlignment="Right" DockPanel.Dock="Top" />
 4: <Button Content="ButtonC" Margin="10" DockPanel.Dock="Top" />
 5: <Button Content="ButtonD" DockPanel.Dock="Left" />
 6: <Button Content="ButtonE" DockPanel.Dock="Right" />
 7: <Button Content="ButtonF" DockPanel.Dock="Bottom" />
 8: <Button Content="ButtonG" />
 9: </DockPanel>
 6.WPF布局管理之StackPanel、WrapPanel、DockPanel - 雅博 - 雅博

 

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/163337.html原文链接：https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长
0 0


相关推荐

  • 【Nginx安装】CentOS7安装Nginx及配置[通俗易懂]

    【Nginx安装】CentOS7安装Nginx及配置[通俗易懂]

    【Nginx安装】CentOS7安装Nginx及配置[通俗易懂]Nginx是一款轻量级的网页服务器、反向代理服务器。相较于Apache、lighttpd具有占有内存少，稳定性高等优势。**它最常的用途是提供反向代理服务。**安装在Centos下，yum源不提供nginx的安装，可以通过切换yum源的方法获取安装。也可以通过直接下载安装包的方法，**以下命令均需root权限执行**：首先安装必要的库（nginx中gzip模块需要zli…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月6日
    39
  • 几款.Net加密/加壳工具的比较

    几款.Net加密/加壳工具的比较

    几款.Net加密/加壳工具的比较前言  使用过.NET的程序员都知道，.NET是一个巨大的跨时代进步，它开发效率高、功能强、界面观、耐用、新的语言C#已经提交为行业规范、CLR共公运行库资源丰富，这所有的特点标志着它成为主流编程语言是必然的。     可是它也有一个缺点，那就是编译好的程序集可以完全反编译成源代码，这给一些不法份子提供了很好的机会，试想想，您辛苦的劳动成果就这样给了别人；所以如何保护我们的知识产

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月27日
    37
  • 使用Android模拟器预览调试程序[通俗易懂]

    使用Android模拟器预览调试程序[通俗易懂]

    使用Android模拟器预览调试程序[通俗易懂]在上篇“走进Android开发的世界，HelloWorld”，我们创建了一个Android项目HelloWorld，并演示了如何通过USB连接手机查看运行效果；而如果…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年10月21日
    0
  • 【Linux】进程间通信「建议收藏」

    【Linux】进程间通信「建议收藏」

    【Linux】进程间通信「建议收藏」目录1.进程间通信1.1.进程间通信的目的1.2.如何实现进程间通信2.管道通信2.1.匿名管道2.1.1创建匿名管道2.1.2.深入理解匿名管道2.2.命名管道2.2.1.创建命名管道3.systemV标准进程间通信3.1.共享内存3.1.1.实现原理3.1.2.代码实现3.2.消息队列(了解)3.2.1实现原理3.3.信号量(了解)3.3.1.实现原理1.进程间通信1.1.

    全栈程序员-站长的头像 全栈程序员-站长
    2022年10月11日
    0
  • 微信小程序之授权登录（附完整源码）

    微信小程序之授权登录（附完整源码）

    微信小程序之授权登录（附完整源码）个人博客上已经同步更新了文章，有目录索引，阅读起来比较方便，欢迎大家移步个人博客上读阅~个人博客地址：http://zwd596257180.gitee.io/blog/2019/04/15/wechat_applet_login/微信小程序之授权登录一、前言由于微信官方修改了getUserIn…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月8日
    46
  • webstorm2022激活码用法-激活码分享 idea

    webstorm2022激活码用法-激活码分享

    (webstorm2022激活码用法)本文适用于JetBrains家族所有ide，包括IntelliJidea，phpstorm，webstorm，pycharm，datagrip等。https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码，破解教程可免费永久激活，亲测有效，上面是详细链接哦~C…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月1日
    2.2K

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号