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

WinForm实现窗体自适应缩放

ruisui881个月前 (03-27)技术分析11

众所周知,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实现窗体自适应缩放” 的相关文章

基于archlinux的发行版有哪些?

Arch Linux 是一个 Linux 发行版,采用滚动更新的模型,这意味着 Arch Linux 不会定期发布新版本,而是持续接收更新和升级,保持系统与最新软件版本的同步。Arch Linux 以其极简主义、简单性和用户定制为中心的特点而闻名,专注于让用户对其系统配置具有完全控制权。然而,它也以...

Vue组件通信之props深入详解!

props 是 Vue 组件中一个很重要的概念。它是用来从父组件向子组件传递数据的。为什么需要props?这是因为在Vue中,组件是相互隔离的。每个组件都有自己的作用域,子组件无法直接访问父组件的状态或值。通过props,父组件可以将数据传递给子组件。使用props的步骤:1. 在子组件中定义pro...

基于 vue3.0 小程序拖拽定制

今天给大家分享一个使用Vue3编写的自由DIY小程序页面。mbDIY 一款基于vue3.x构建的可拖拽定制小程序模板。支持新建页面、自由拖拽模块、复制/移动、自定义模块样式等功能。整个项目分为页面、模块、控件三大部分。模块里面的组件可拖拽至主面板区,编辑后保存即可预览效果。快速安装# 克隆项目 gi...

慕课 SpringBoot2.X+Vue+UniAPP,全栈开发医疗小程序

本课程以业务驱动技术栈,打造业务相对完整的掌上医疗小程序,解决大家没有好的毕设项目或者求职项目的困境。本课程案例采用前后端分离架构,业务功能完善(既有WEB管理端,也有移动用户端),界面美观,无需艰涩的技术也能做出亮眼的作品。SpringBoot2.X+Vue+UniAPP,全栈开发医疗小程序 |...

thinkphp8+vue3微信小程序商城,发布公众号App+SAAS+多商户

项目介绍三勾小程序商城基于thinkphp8+vue3+element-ui+uniapp打造的面向开发的小程序商城,方便二次开发或直接使用,可发布到多端,包括微信小程序、微信公众号、QQ小程序、支付宝小程序、字节跳动小程序、百度小程序、android端、ios端。支持主题色+自定义头部导航+自定义...

VUE3+JAVA商城源码小程序APP商城

三勾小程序商城基于springboot+element-ui+uniapp打造的面向开发的小程序商城,方便二次开发或直接使用,可发布到多端,包括微信小程序、微信公众号、QQ小程序、支付宝小程序、字节跳动小程序、百度小程序、android端、ios端。软件架构后端: springboot2.3.12管...