首页 > 其他分享 >布局控件:Grid和StackPanel

布局控件:Grid和StackPanel

时间:2024-01-19 18:11:07浏览次数:29  
标签:控件 StackPanel 布局 行列 添加 Grid

布局控件:Grid和StackPanel

本文同时为b站WPF课程的笔记,相关示例代码

一个窗口顶上的部分叫做非客户区,下面的部分叫做客户区域。非客户区域主要就是一个Title和三个窗口样式按钮。我们主要学习修改客户区域。

Grid

直接在<Window>标签下当然也是可以直接写元素的,但是只能写一个。

所以要先套用一个Grid

Grid中的元素默认是双居中的。可以用HorizontalAlignment="Left"VerticalAlignment="Bottom"等可以简单分离位置

并且默认元素也是占满全屏的,所以需要设置好大小

WPF中的单位是与设备无关的,每个单位是\(\frac1 {96}\)英寸,也就是说当设备分辨率是96dpi时,该控件的大小为一英寸

也就是说,修改电脑的缩放比例是会导致整个程序的控件大小变化的。如果需要不变的话,将对应尺寸除以缩放比例即可

double screenscale = System.Windows.Forms.Screen.PrimaryScreen.Bounds.Width / SystemParameters.PrimaryScreenWidth;//windows
double screenscale1 = NSScreen.MainScreen.Frame.Width/ SystemParameters.PrimaryScreenWidth;//MacOs

分配行列

Grid是一种表格布局,规定好行列才能更好的规划页面

为了使在不添加控件的情况下显示Grid布局,可以<Grid ShowGridLines="True">,就会用虚线表示出行列布局

<Grid.RowDefinitions></Grid.RowDefinitions>中添加几个<RowDefinition/>就可以定义行。默认的是等间距的,Height属性修改行高。

在之后添加元素时,可以指定其属于哪个行列(不指定默认第一个),从0开始计数,如<Button Grid.Row="0"/>

定义列的话同理,就是Column

接下来可能还需要定义控件准确的位置:使用Margin="a,b,c,d",其中abcd是四个数字,分别表示距离“左上右下”的距离。

如果是多个相同元素,依次排开,那么可以套用一个横向的StackPanel:修改Orientation="Horizontal"

StackPanel

添加一个按钮,不设置尺寸的话,按钮大小是比较小的。多添加几个按钮的话,会依次向下排列。

行列尺寸

绝对尺寸:100

100表示100个单位,每个单位是1/96英寸。

无论如何拉伸窗口,该行/列都不变

按比例:2*

2*带有*表示占有两份

拉伸窗口,并列的行/列按照比例不变一起伸缩

按内容:Height/Width="AUTO"

如果没有内容,则尺寸为0

总结

Grid:复杂的行/列结构和精确的对齐控制

StackPanel:简单的线性排列,不需要复杂对齐或分布

通常两者可以互相嵌套结合

下标从0开始

Reference

[C#]WPF 分辨率的无关性的问题

标签:控件,StackPanel,布局,行列,添加,Grid
From: https://www.cnblogs.com/Vanilla-chan/p/17975309

相关文章

  • CSS3 grid 流式布局
    前言正文只需要这样就可以实现流失布局://html<divclass="container"><div>item</div>......</div>//css样式.container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}auto-fill和auto-fit的区别......
  • MFC 自定义控件添加 tip
    一、要求1.自定义tip提示并实时提示,跟随鼠标移动2.避免重复刷导致tip闪烁3.picture控件添加自定义变量二、tip涉及2.1CMFCToolTipCtrl、CMFCToolTipInfoCMFCToolTipCtrl*m_ptooltip;//注册控件、传递提示消息CMFCToolTipInfo*m_ttinfo;//样式处理......
  • DevExpress Web Report Designer中文教程 - 如何自定义控件和表达式注册?
    获取DevExpressv23.2正式版下载DevExpress技术交流群9:909157416      欢迎一起进群讨论自定义控件集成DevExpress Reports中的自定义报表控件注册变得更加容易,为了满足web开发人员的需求,DevExpressv23.1+包括简化的自定义控件注册支持(在服务器级别实现)。如果您的解决......
  • DataGridView DGV 选中事件获取当权选中数据
    1、场景需求,勾选单元格,获取所有当权选中数据;先用第一个单元格修改事件,privatevoiddgvMain_CellEndEdit(objectsender,DataGridViewCellEventArgse){}发现勾选完,光标移走才触发; 实现方法,两个事件;初始化列增加FalseValue=0,TrueValue=1,......
  • ABC311_g One More Grid Task 题解
    题目链接:Atcoder或者洛谷对于解决二维区间内的最值类型问题,我们常常有一类特别好用的方法,就是悬线法,它可以看做是单调栈的子集,但更加好理解和书写。对于悬线法,我们有一个常见的模型,找出面积最大的符合题意的最大的矩形:例题P4147玉蟾宫。对于悬线法而言,我们需要理解什么是悬......
  • C#DataGridView数据批量插入数据库中(测试未果)
    datagridview表格的数据要导入后台数据库表中时,如果记录比较多,用SQL速度慢,尝试用批量导入,未能成功,继续努力;usingNpgsql;usingNpgsqlTypes;usingSystem;usingSystem.Collections.Generic;usingSystem.ComponentModel;usingSystem.Data;usingSystem.Drawing;usingS......
  • JQGrid自動翻頁
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,init......
  • 【愚公系列】2024年01月 WPF控件专题 ProgressBar控件详解
    ......
  • 【愚公系列】2024年01月 WPF控件专题 Slider控件详解
    ......
  • VB6的OfficeMenu控件 - 开源研究系列文章
          这次将原来VB6中喜欢和使用到的OfficeMenu的控件做一个使用介绍。      上次介绍了VB6中的控件引擎,但是那个只针对基本的控件,这个OfficeMenu控件在当时是收费的,笔者找度娘好不容易才下载到一个免费版本,而且使用起来也非常的方便,在当时那个年代是笔者对于VB6......