WPF 入门教程WrapPanel介绍「建议收藏」

WPF 入门教程WrapPanel介绍「建议收藏」WrapPanel将定位每个子控件的旁边,另外,水平方向(默认值)或垂直,直到没有更多的空间,在那里将换到下一行,然后继续。当您想要一个垂直或水平列表控件在没有更多空间时自动换行时使用它。当WrapPanel使用Horizo​​ntal方向时,子控件将被赋予相同的高度,基于最高的项目。当WrapPanel为垂直方向时,子控件将被赋予相同的宽度,基于最宽的项目。在第一个示例中,我们将检查具有默认(水平)方向的WrapPanel:<Windowx:Class=”WpfTu

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

WrapPanel将定位每个子控件的旁边,另外,水平方向(默认值)或垂直,直到没有更多的空间,在那里将换到下一行,然后继续。当您想要一个垂直或水平列表控件在没有更多空间时自动换行时使用它。

当 WrapPanel 使用 Horizo​​ntal 方向时,子控件将

被赋予相同的高度,基于最高的项目。当 WrapPanel 为垂直方向时,子控件将被赋予相同的宽度,基于最宽的项目。

在第一个示例中,我们将检查具有默认(水平)方向的 WrapPanel:

<Window x:Class="WpfTutorialSamples.Panels.WrapPanel"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="WrapPanel" Height="300" Width="300">
	<WrapPanel>
		<Button>Test button 1</Button>
		<Button>Test button 2</Button>
		<Button>Test button 3</Button>
		<Button Height="40">Test button 4</Button>
		<Button>Test button 5</Button>
		<Button>Test button 6</Button>
	</WrapPanel>
</Window>

WPF 入门教程WrapPanel介绍「建议收藏」

请注意我如何在第二行中的一个按钮上设置特定高度。在生成的屏幕截图中,您将看到这会导致整行按钮具有相同的高度,而不是所需的高度,如第一行所示。您还会注意到面板的功能正如其名称所暗示的那样:当内容无法容纳更多内容时,它会包装内容。在这种情况下,第四个按钮无法放入第一行,因此它会自动换行到下一行。

如果您将窗口缩小,从而使可用空间变小,您将看到面板如何立即适应它:

WPF 入门教程WrapPanel介绍「建议收藏」

当您将方向设置为垂直时,所有这些行为也是如此。这是与之前完全相同的示例,但使用 Vertical WrapPanel:

<Window x:Class="WpfTutorialSamples.Panels.WrapPanel"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="WrapPanel" Height="120" Width="300">
	<WrapPanel Orientation="Vertical">
		<Button>Test button 1</Button>
		<Button>Test button 2</Button>
		<Button>Test button 3</Button>
		<Button Width="140">Test button 4</Button>
		<Button>Test button 5</Button>
		<Button>Test button 6</Button>
	</WrapPanel>
</Window>

WPF 入门教程WrapPanel介绍「建议收藏」

您可以看到按钮是如何垂直而不是水平的,因为它们到达窗口底部而环绕。在本例中,我为第四个按钮设置了更宽的宽度,您将看到同一列中的按钮也具有相同的宽度,就像我们在水平示例中看到的按钮高度一样。

请注意,虽然 Horizo​​ntal WrapPanel 将匹配同一行中的高度,而 Vertical WrapPanel 将匹配同一列中的宽度,但 Vertical WrapPanel 中的高度不匹配,Horizo​​ntal WrapPanel 中的宽度不匹配。看看这个例子,它是 Vertical WrapPanel 但第四个按钮获得自定义宽度和高度:

<Button Width="140" Height="44">Test button 4</Button>

它看起来像这样:

WPF 入门教程WrapPanel介绍「建议收藏」

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

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

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


相关推荐

  • steamvr插件怎么用_微信word插件加载失败

    steamvr插件怎么用_微信word插件加载失败本文基于SteamVR插件的开发文档翻译并总结SteamVR开发过程中的基本用法。本文总结汇总了SteamVR插件文档的内容,对文档部分内容进行了删减。目前仅仅只是翻译汇总,部分内容可能存在纰漏,后续会结合开发过程逐步更新修改此文章的内容。

    2025年9月4日
    11
  • STM32 三极管继电器驱动电路设计「建议收藏」

    STM32 三极管继电器驱动电路设计「建议收藏」继电器线圈需要流过较大的电流(约50mA)才能使继电器吸合,一般的集成电路不能提供这样的大电流,因此,必须要进行扩流,即设计驱动电路。三极管氛围NPN与PNP型两种,在使用中,我选择PNP型的S8550型号三极管。百度三极管驱动继电器,可以得到大量的参考电路设计,虽然花样繁多,但是可用,靠谱的比较少,并且基本都是从两三篇转载而来,上图就是比较经典的一个设计。对于PCB的设计,要保持严…

    2022年6月24日
    34
  • 2009年9月51CTO版三级网络技术考前压轴试题参考答案

    2009年9月51CTO版三级网络技术考前压轴试题参考答案

    2021年8月1日
    61
  • Mybatis 动态SQL

    Mybatis 动态SQLMybatis动态SQL一.动态SQL数组array使用foreach标签<!–mybatis的集合操作知识点:如果遇到集合参数传递,需要将集合遍历标签:foreach循环遍历集合标签属性说明:1.collection表示遍历的集合类型1.1数组关键字array1.2List集合关键字lis

    2022年6月23日
    29
  • GET请求方式的长度限制到底是多少?「建议收藏」

    GET请求方式的长度限制到底是多少?「建议收藏」在我的一贯认识中,一直认为get请求方式有长度限制,1024B。很抱歉在没有经过验证的情况下,一直奉为圭皋。直到项目中有一次用到get请求方式传值的时候,才发现之前一直记忆的网络知识一直都是错误的。今日,看到网络上关于get的知识总结,发现原来一直信奉的1024Get请求长度,是错误的。下面把从权威官网的解释复制过来,以做更正。1、Httpget方法提交的数据大小长度并没有限制,Http协议规范没有对URL长度进行限制。目前说的get长度有限制,是特定的浏览器及服务器

    2022年8月24日
    8
  • html遮罩层样式,遮罩层样式

    .shade{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:5000;background:#000;opacity:0.7;}要遮罩的内容中还有下拉框,不用iframe的话,盖不住下拉框。使用了宽和高都为100%的iframe后,用了后会导致背景色和文字颜色等失效。//隐藏sele…

    2022年4月13日
    124

发表回复

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

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