WPF自适应、 简单适应性布局

2023-11-20 20:40

本文主要是介绍WPF自适应、 简单适应性布局,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

了解bootstrap的人知道,它的栅格系统或者说网格系统。将屏幕宽度均为12部分。

模拟这种网格,可以快速实现WPF的布局自适应。

定义全局Grid。在按自己的排版布置,设置行,设置列。分别设置各自的比例。比如:我设置行1:2:3:4。设置列1:2:2:3:1。

然后布局中的每个控件设置对应的Grid行,Grid列,以及占的行数或者列数。

代码如下:

    <Grid><Grid.RowDefinitions><RowDefinition Height="*"></RowDefinition><RowDefinition Height="2*"></RowDefinition><RowDefinition Height="3*"></RowDefinition><RowDefinition Height="*"></RowDefinition></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition Width="*"></ColumnDefinition><ColumnDefinition Width="2*"></ColumnDefinition><ColumnDefinition Width="2*"></ColumnDefinition><ColumnDefinition Width="3*"></ColumnDefinition><ColumnDefinition Width="*"></ColumnDefinition></Grid.ColumnDefinitions><Button Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Content="按钮1"></Button><Button Grid.Row="0" Grid.Column="3"  Content="按钮2"></Button><Button Grid.Row="1" Grid.Column="0" Content="按钮3"></Button><Button Grid.Row="2" Grid.Column="2" Content="按钮4"></Button><Button Grid.Row="2" Grid.Column="1" Content="按钮5"></Button><Button Grid.Row="3" Grid.Column="4" Content="按钮6"></Button><Button Grid.Row="3" Grid.Column="2" Content="按钮7"></Button></Grid>

不需要设置任何高宽。界面显示如下:


加上DevExpress,再稍微布置一下,所有控件没有设置任何高度和宽度:

<dx:DXWindowxmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"xmlns:dxb="http://schemas.devexpress.com/winfx/2008/xaml/bars"xmlns:dxnav="http://schemas.devexpress.com/winfx/2008/xaml/navigation"xmlns:dxn="http://schemas.devexpress.com/winfx/2008/xaml/navbar"xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts"xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors" x:Class="TestDev003.MainWindow"Title="MainWindow" MinHeight="800" MinWidth="1000"><Grid><Grid.RowDefinitions><RowDefinition Height="*" /><RowDefinition Height="8*" /></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition Width="2*" /><ColumnDefinition Width="7*" /></Grid.ColumnDefinitions><dxnav:OfficeNavigationBar Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2"><dxnav:NavigationBarItem Content="开始" /><dxnav:NavigationBarItem Content="编辑" /><dxnav:NavigationBarItem Content="设置" /><dxnav:NavigationBarItem Content="帮助" /></dxnav:OfficeNavigationBar><dxn:NavBarControl Grid.Row="1" Grid.Column="0" HorizontalAlignment="Left" VerticalAlignment="Top"><dxn:NavBarGroup Header="navBarGroup1"><dxn:NavBarItem Content="navBarItem1" /><dxn:NavBarItem Content="navBarItem2" /><dxn:NavBarItem Content="navBarItem3" /><dxn:NavBarItem Content="navBarItem4" /><dxn:NavBarItem Content="navBarItem5" /></dxn:NavBarGroup><dxn:NavBarGroup Header="navBarGroup2"><dxn:NavBarItem Content="navBarItem1" /><dxn:NavBarItem Content="navBarItem2" /><dxn:NavBarItem Content="navBarItem3" /><dxn:NavBarItem Content="navBarItem4" /><dxn:NavBarItem Content="navBarItem5" /></dxn:NavBarGroup><dxn:NavBarGroup Header="navBarGroup3"><dxn:NavBarItem Content="navBarItem1" /><dxn:NavBarItem Content="navBarItem2" /><dxn:NavBarItem Content="navBarItem3" /><dxn:NavBarItem Content="navBarItem4" /><dxn:NavBarItem Content="navBarItem5" /></dxn:NavBarGroup></dxn:NavBarControl><dx:DXTabControl Grid.Row="1" Grid.Column="1"><dx:DXTabItem Header="Tab1"><Grid Background="Transparent"><Grid.RowDefinitions><RowDefinition Height="*" /><RowDefinition Height="*" /></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition Width="*" /><ColumnDefinition Width="*" /></Grid.ColumnDefinitions><dxg:GridControl Grid.Row="0" Grid.Column="0" Margin="0" AutoGenerateColumns="AddNew"EnableSmartColumnsGeneration="True" SelectionMode="MultipleRow"><dxg:GridControl.Columns><dxg:GridColumn FieldName="Column1" /><dxg:GridColumn FieldName="Column2" /><dxg:GridColumn FieldName="Column3" /></dxg:GridControl.Columns><dxg:GridControl.View><dxg:TableView AllowPerPixelScrolling="True" ShowTotalSummary="True" AutoWidth="True" /></dxg:GridControl.View></dxg:GridControl><dxe:SparklineEdit Grid.Row="0" Grid.Column="1" Margin="0" /><dxc:ChartControl Grid.Column="1" Grid.Row="1" HorizontalAlignment="Left" Margin="0"VerticalAlignment="Top"><dxc:ChartControl.Legend><dxc:Legend /></dxc:ChartControl.Legend><dxc:XYDiagram2D><dxc:BarSideBySideSeries2D DisplayName="Series 1" /><dxc:BarSideBySideSeries2D DisplayName="Series 2" /></dxc:XYDiagram2D></dxc:ChartControl></Grid></dx:DXTabItem><dx:DXTabItem Header="Tab2"><Grid Background="Transparent" /></dx:DXTabItem><dx:DXTabItem Header="Tab3"><Grid Background="Transparent" /></dx:DXTabItem></dx:DXTabControl></Grid>
</dx:DXWindow>

这篇关于WPF自适应、 简单适应性布局的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/397309

相关文章

Mysql表的简单操作(基本技能)

《Mysql表的简单操作(基本技能)》在数据库中,表的操作主要包括表的创建、查看、修改、删除等,了解如何操作这些表是数据库管理和开发的基本技能,本文给大家介绍Mysql表的简单操作,感兴趣的朋友一起看... 目录3.1 创建表 3.2 查看表结构3.3 修改表3.4 实践案例:修改表在数据库中,表的操作主要

springboot简单集成Security配置的教程

《springboot简单集成Security配置的教程》:本文主要介绍springboot简单集成Security配置的教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录集成Security安全框架引入依赖编写配置类WebSecurityConfig(自定义资源权限规则

如何使用Python实现一个简单的window任务管理器

《如何使用Python实现一个简单的window任务管理器》这篇文章主要为大家详细介绍了如何使用Python实现一个简单的window任务管理器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起... 任务管理器效果图完整代码import tkinter as tkfrom tkinter i

C++中函数模板与类模板的简单使用及区别介绍

《C++中函数模板与类模板的简单使用及区别介绍》这篇文章介绍了C++中的模板机制,包括函数模板和类模板的概念、语法和实际应用,函数模板通过类型参数实现泛型操作,而类模板允许创建可处理多种数据类型的类,... 目录一、函数模板定义语法真实示例二、类模板三、关键区别四、注意事项 ‌在C++中,模板是实现泛型编程

使用EasyExcel实现简单的Excel表格解析操作

《使用EasyExcel实现简单的Excel表格解析操作》:本文主要介绍如何使用EasyExcel完成简单的表格解析操作,同时实现了大量数据情况下数据的分次批量入库,并记录每条数据入库的状态,感兴... 目录前言固定模板及表数据格式的解析实现Excel模板内容对应的实体类实现AnalysisEventLis

Java中数组转换为列表的两种实现方式(超简单)

《Java中数组转换为列表的两种实现方式(超简单)》本文介绍了在Java中将数组转换为列表的两种常见方法使用Arrays.asList和Java8的StreamAPI,Arrays.asList方法简... 目录1. 使用Java Collections框架(Arrays.asList)1.1 示例代码1.

Python中__new__()方法适应及注意事项详解

《Python中__new__()方法适应及注意事项详解》:本文主要介绍Python中__new__()方法适应及注意事项的相关资料,new()方法是Python中的一个特殊构造方法,用于在创建对... 目录前言基本用法返回值单例模式自定义对象创建注意事项总结前言new() 方法在 python 中是一个

Java8需要知道的4个函数式接口简单教程

《Java8需要知道的4个函数式接口简单教程》:本文主要介绍Java8中引入的函数式接口,包括Consumer、Supplier、Predicate和Function,以及它们的用法和特点,文中... 目录什么是函数是接口?Consumer接口定义核心特点注意事项常见用法1.基本用法2.结合andThen链

CSS3 最强二维布局系统之Grid 网格布局

《CSS3最强二维布局系统之Grid网格布局》CS3的Grid网格布局是目前最强的二维布局系统,可以同时对列和行进行处理,将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局,本文介... 深入学习 css3 目前最强大的布局系统 Grid 网格布局Grid 网格布局的基本认识Grid 网

C++初始化数组的几种常见方法(简单易懂)

《C++初始化数组的几种常见方法(简单易懂)》本文介绍了C++中数组的初始化方法,包括一维数组和二维数组的初始化,以及用new动态初始化数组,在C++11及以上版本中,还提供了使用std::array... 目录1、初始化一维数组1.1、使用列表初始化(推荐方式)1.2、初始化部分列表1.3、使用std::