当前位置:首页 > 技术分析 > 正文内容

WinForm实现窗体自适应缩放

ruisui883个月前 (03-27)技术分析32

众所周知,WinForm采用基于像素的布局模型。

因此,原生WinForm对于窗体自适应支持不是很好

但是我们也可以通过代码来实现。

今天跟大家分享一下如何实现WinForm窗体自适应。

一、界面布局

当我们想要实现窗体自适应的时候,优先要通过界面布局设置好窗体和控件的一些属性:

1、Anchor:用于固定控件的边缘到窗体的边缘,当窗体大小改变时,控件的位置也会相应改变。

2、Dock:用于将控件停靠到窗体的边缘,控件的大小会随着窗体边缘的改变而改变。

3、布局控件:使用 TableLayoutPanel 或 FlowLayoutPanel 等布局控件可以更好地管理控件的布局,它们可以自动调整大小和位置。

4、Padding:Padding属性定义控件内部的一段空间,用于将控件的内容保持在距控件边框一定的距离。

5、Margin:Margin属性定义控件周围的空间,该空间使其他控件与控件的边框保持指定距离。

二、代码实现

除了以上方法外,在实际应用中,我们更多会使用通过代码来手动调整窗体和控件的大小和位置,这种方法第一次写的时候会麻烦一些,但是封装好之后,后续应用也比较简单。

一、我们创建一个类FormAutoSize,然后创建三个字段,分别是窗体宽度、高度和窗体对象。

public class FormAutoSize
{
    //窗体对象
    private Form form;
    //定义当前窗体的宽度
    private float width; 
    //定义当前窗体的高度
    private float height; 
}

二、在FormAutoSize类的构造方法中,初始化宽度、高度和窗体对象,同时将各个控件的宽度、高度、左边距、上边距以及字体大小,按照指定的格式(这里使用分号拼接)存储到AccessibleDescription属性里,因为AccessibleDescription属性很少使用,所以存储到这个属性里。

private void SetDescription(Control cons)
{
    foreach (Control ctl in cons.Controls)
    {
        ctl.AccessibleDescription = ctl.Width + ";" + ctl.Height + ";" + ctl.Left +
";" + ctl.Top + ";" + ctl.Font.Size;
        //递归
        if (ctl.Controls.Count > 0)
        {
            SetDescription(ctl);
        }
    }
}
public FormAutoSize(Form form)
{
    this.form = form;
    width = this.form.Width;
    height = this.form.Height;
    SetDescription(this.form);
}

三、接下来就是如何重置窗体控件布局,这里将当前的宽度高度与初始宽度高度进行相除,会得到比例系数scaleX/scaleY,然后将这个系数叠加进去,得到新的宽度高度等属性值,然后重新设置控件属性即可。

private void SetControls(float scaleX, float scaleY, Control cons)
{
    //遍历窗体中的控件,重新设置控件的值
    foreach (Control con in cons.Controls)
    {
        //获取控件的AccessibleDescription属性值,并分割后存储字符串数组
        if (con.AccessibleDescription != null)
        {
            var tag = con.AccessibleDescription.ToString().Split(';');
            //根据窗体缩放的比例确定控件的值
            con.Width = Convert.ToInt32(Convert.ToSingle(tag[0]) * scaleX); //宽度
            con.Height = Convert.ToInt32(Convert.ToSingle(tag[1]) * scaleY); //高度
            con.Left = Convert.ToInt32(Convert.ToSingle(tag[2]) * scaleX); //左边距
            con.Top = Convert.ToInt32(Convert.ToSingle(tag[3]) * scaleY); //顶边距
            var currentSize = Convert.ToSingle(tag[4]) * scaleY; //字体大小                   
            if (currentSize > 0)
            {
                con.Font = new Font(con.Font.Name, currentSize, con.Font.Style, con.Font.Unit);
            }
            con.Focus();
            if (con.Controls.Count > 0)
            {
                SetControls(scaleX, scaleY, con);
            }
        }
    }
}
 /// 
 /// 重置窗体布局
 /// 
 public void ResumeLayout()
 {
     var scaleX = form.Width / width;
     var scaleY = form.Height / height;
     SetControls(scaleX, scaleY, form);
 }

四、最后一步就是如何进行调用:首先在需要进行缩放的窗体中定义一个FormAutoSize对象,然后在构造方法中实例化该对象,将当前窗体this作为参数传递进去,最后在窗体的SizeChanged事件中调用该对象的ResumeLayout方法。

private FormAutoSize formAutoSize;
public FrmMain()
{
    InitializeComponent();
    formAutoSize = new FormAutoSize(this);
    this.SizeChanged += (sender, e) =>
    {
        formAutoSize.ResumeLayout();
    };
}

五、测试效果:

缩放前尺寸:1280*720

缩放后尺寸:1420*827

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/3069.html

标签: 宽度自适应
分享给朋友:

“WinForm实现窗体自适应缩放” 的相关文章

微软的Linux发行版终于加入了对XFS根文件系统的支持

当许多Linux发行版在评估新的根文件系统选项或甚至像OpenZFS这样的特性,微软内部Linux发行版到本月才开始支持XFS作为根文件系统选项。随着这个月对微软内部Linux发行版CBL-Mariner的更新,他们现在支持XFS作为根文件系统。到目前为止,这个用于微软内部各种目的的Linux发行版...

Vue3,父组件子组件传值,provide(提供)和inject(注入)传值

父组件向子组件传值父子组件传递数据时,通常使用的是props和emit,父向子传递使用props,子向父传递使用emit。子组件接收3种方式// 1、简单接收 props:["title","isShow"], // 2、接收的同时对数据类型进行限制 props:{...

Gitlab概览

Gitlab是开源的基于Git的仓库管理系统,也可以管理软件开发的整个生命周期,是项目管理和代码托管平台,支撑着整个DevOps的生命周期。Gitlab很容易选为GitHub,作为公司私有库管理的工具。我们可以用Gitlab Workflow来协同整个团队的软件开发管理过程。软件开发阶段Gitlab...

一起学Vue:路由(vue-router)

前言学习vue-router就要先了解路由是什么?前端路由的实现原理?vue-router如何使用?等等这些问题,就是本篇要探讨的主要问题。vue-router是什么路由是什么?大概有两种说法:从路由的用途上来解释路由就是指随着浏览器地址栏的变化,展示给用户的页面也不相同。从路由的实现原理上来解释路...

关于Vue页面跳转传参,参数不同, 但页面只获取参数一次的问题

#头条创作挑战赛#1.问题描述问题描述: element 展示表格(页面A),点击表格的每一行的查看详情按钮,可以携带此行的信息参数跳转到另一个页面(页面B),但是从A页面到B页面,只有第一次跳转的时候B页面可以获取到A页面的参数,返回再次A->B ,B页面无法获取到参数。2.解决办法:方法一...

深入理解vue-router原理

说到vue-router就表明他只适合于vue和vue是强绑定的关系;不适合其他框架;现在我们模仿实现一个VueRouter;1.要使页面刷新;借助vue本身的响应式原理;import Home from "./views/Home"; import About from "...