栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > .Net

WPF编程基础入门 ——— 第三章 布局(四)布局面板StackPanel

.Net 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

WPF编程基础入门 ——— 第三章 布局(四)布局面板StackPanel

WPF布局——布局面板StackPanel
    • WPF——StackPanel布局控件
      • StackPanel实例——堆式面板嵌套
      • StackPanel实例——用户搜索页面

WPF——StackPanel布局控件

StackPanel(堆式面板),将子元素按照声明的先后顺序堆在一起。设置Orientation属性值确定以水平或垂直方向堆放。
在StackPanel中,根据子元素的最大尺寸来确定最佳尺寸。


StackPanel实例——堆式面板嵌套

此例设计要求:现在使用堆式面板来实现,在最外层是边框环绕,内部一个StackPanel中再嵌套两个StackPanel,子元素Button。
依旧是在解决方案WpfApp3新建项目:命名项目名字NestingStackPanel。
效果图:

实现代码:


    
    
        
            
                

StackPanel会根据方向使用无限宽度和高度来测量子控件,当有其他布局同时出现时,会影响布局的整体风格。本例中,通过最外层的Border对StackPanel进行约束。


StackPanel实例——用户搜索页面

StackPanel适合局部页面布局,用它做一个简单的用户搜索页面。
设计要求:使用堆式面板来实现搜索页面,尽可能使用不同的控件作为子元素。项目名称为SearchStackPanel
页面效果如下:

XAML代码如下:


    
        Look for:
        
        Filtered by:
        
        
        Search in titles only
        Search in Keyword
    

其中使用了两个TextBlock、两个ComboBox、两个CheckBox和一个Button构成的页面,设置Margin属性让页面保持更清爽。


上一篇:WPF编程基础入门 ——— 第三章 布局(三)布局面板DockPanel.
下一篇:WPF编程基础入门 ——— 第三章 布局(五)布局面板WrapPanel.
WPF编程基础入门 ——— 目录导航.

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/984191.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号