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

2023-11-20 20:40
文章标签 简单 布局 适应 wpf 适应性

本文主要是介绍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。

相关文章

HarmonyOS学习(七)——UI（五）常用布局总结

HarmonyOS学习(七)——UI（五）常用布局总结

自适应布局 1.1、线性布局（LinearLayout） 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列，Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距，达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式，且在各类尺寸屏幕上表现一致，其中交叉轴为垂直时，取值为Vert
阅读更多...
csu 1446 Problem J Modified LCS （扩展欧几里得算法的简单应用）

csu 1446 Problem J Modified LCS （扩展欧几里得算法的简单应用）

这是一道扩展欧几里得算法的简单应用题，这题是在湖南多校训练赛中队友ac的一道题，在比赛之后请教了队友，然后自己把它a掉 这也是自己独自做扩展欧几里得算法的题目 题意：把题意转变下就变成了：求d1*x - d2*y = f2 - f1的解,很明显用exgcd来解 下面介绍一下exgcd的一些知识点：求ax + by = c的解 一、首先求ax + by = gcd(a,b)的解 这个
阅读更多...
hdu2289（简单二分）

hdu2289（简单二分）

虽说是简单二分，但是我还是wa死了  题意：已知圆台的体积，求高度 首先要知道圆台体积怎么求：设上下底的半径分别为r1,r2,高为h,V = PI*(r1*r1+r1*r2+r2*r2)*h/3 然后以h进行二分 代码如下： #include<iostream>#include<algorithm>#include<cstring>#include<stack>#includ
阅读更多...
usaco 1.3 Prime Cryptarithm(简单哈希表暴搜剪枝)

usaco 1.3 Prime Cryptarithm(简单哈希表暴搜剪枝)

思路： 1. 用一个 hash[ ] 数组存放输入的数字，令 hash[ tmp ]=1 。 2. 一个自定义函数 check( ) ，检查各位是否为输入的数字。 3. 暴搜。第一行数从 100到999，第二行数从 10到99。 4. 剪枝。 代码： /*ID: who jayLANG: C++TASK: crypt1*/#include<stdio.h>bool h
阅读更多...
uva 10387 Billiard（简单几何）

uva 10387 Billiard（简单几何）

题意是一个球从矩形的中点出发，告诉你小球与矩形两条边的碰撞次数与小球回到原点的时间，求小球出发时的角度和小球的速度。 简单的几何问题，小球每与竖边碰撞一次，向右扩展一个相同的矩形；每与横边碰撞一次，向上扩展一个相同的矩形。 可以发现，扩展矩形的路径和在当前矩形中的每一段路径相同，当小球回到出发点时，一条直线的路径刚好经过最后一个扩展矩形的中心点。 最后扩展的路径和横边竖边恰好组成一个直
阅读更多...
poj 1113 凸包+简单几何计算

poj 1113 凸包+简单几何计算

题意： 给N个平面上的点，现在要在离点外L米处建城墙，使得城墙把所有点都包含进去且城墙的长度最短。 解析： 韬哥出的某次训练赛上A出的第一道计算几何，算是大水题吧。 用convexhull算法把凸包求出来，然后加加减减就A了。 计算见下图： 好久没玩画图了啊好开心。 代码： #include <iostream>#include <cstdio>#inclu
阅读更多...
uva 10130 简单背包

uva 10130 简单背包

题意： 背包和 代码： #include <iostream>#include <cstdio>#include <cstdlib>#include <algorithm>#include <cstring>#include <cmath>#include <stack>#include <vector>#include <queue>#include <map>
阅读更多...
JAVA用最简单的方法来构建一个高可用的服务端，提升系统可用性

JAVA用最简单的方法来构建一个高可用的服务端，提升系统可用性

一、什么是提升系统的高可用性 JAVA服务端，顾名思义就是23体验网为用户提供服务的。停工时间，就是不能向用户提供服务的时间。高可用，就是系统具有高度可用性，尽量减少停工时间。如何用最简单的方法来搭建一个高效率可用的服务端JAVA呢？ 停工的原因一般有： 服务器故障。例如服务器宕机，服务器网络出现问题，机房或者机架出现问题等；访问量急剧上升，导致服务器压力过大导致访问量急剧上升的原因；时间和
阅读更多...
lvgl8.3.6 控件垂直布局 label控件在image控件的下方显示

lvgl8.3.6 控件垂直布局 label控件在image控件的下方显示

在使用 LVGL 8.3.6 创建一个垂直布局，其中 label 控件位于 image 控件下方，你可以使用 lv_obj_set_flex_flow 来设置布局为垂直，并确保 label 控件在 image 控件后添加。这里是如何步骤性地实现它的一个基本示例： 创建父容器：首先创建一个容器对象，该对象将作为布局的基础。设置容器为垂直布局：使用 lv_obj_set_flex_flow 设置容器
阅读更多...
简单的角色响应鼠标而移动

简单的角色响应鼠标而移动

actor类 //处理移动距离，核心是找到角色坐标在世界坐标的向量的投影（x,y,z），然后在世界坐标中合成，此CC是在地面行走，所以Y轴投影始终置为0； using UnityEngine; using System.Collections; public class actor : MonoBehaviour { public float speed=0.1f; CharacterCo
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2