C#控件随窗体大小动态调整

本文介绍了一个Windows窗体应用程序中实现窗口大小变化时控件位置及大小自动调整的方法。通过保存初始状态下的控件属性,并根据窗口缩放比例重新计算各控件的位置和尺寸,确保在不同分辨率或全屏模式下界面布局的一致性。

先看效果

 全屏后大小如下图 

 代码如下

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace WindowsFormsApp1
{
    //参考 https://www.bilibili.com/video/BV1xt4y1A7xb/?spm_id_from=333.788.top_right_bar_window_history.content.click&vd_source=e821a225c7ba4a7b85e5aa6d013ac92e
    public partial class Form1 : Form
    {
        private int originalWidth;
        private int originalHeight;
        public Form1()
        {
            InitializeComponent();
            originalHeight = this.Height;
            originalWidth = this.Width;
            originalTag(this);
        }
        /// <summary>
        /// 保存各个控件大小
        /// </summary>
        /// <param name="ctr"></param>
        private void originalTag(Control ctr)
        {
            foreach (Control ct in ctr.Controls)
            {
                ct.Tag =
                ct.Left.ToString() + ":" +
                ct.Top.ToString() + ":" +
                ct.Width.ToString() + ":" +
                ct.Height.ToString() + ":" +
                ct.Font.Size.ToString();
                if( ct.Controls.Count > 0)
                {
                    originalTag(ct);
                }
                Console.WriteLine(ct.Name + " -> " + ct.Tag);
            }
            

        }

        private void Form1_Load(object sender, EventArgs e)
        {

        }

        private void Form1_Resize(object sender, EventArgs e)
        {
            float newWidth = this.Width / (float)originalWidth;
            float newHeight = this.Height / (float)originalHeight;
            reSetContralSize(newWidth, newHeight, this);
        }
        /// <summary>
        /// 重绘各个控件大小
        /// </summary>
        /// <param name="newWidth"></param>
        /// <param name="newHeight"></param>
        /// <param name="ctr"></param>
        private void reSetContralSize( float newWidth, float newHeight, Control ctr)
        {
            foreach (Control ct in ctr.Controls)
            {
                if( ct.Tag != null) 
                {
                    string[] tagtmp= ct.Tag.ToString().Split(':');
                    ct.Left = Convert.ToInt32(Convert.ToSingle((string)tagtmp[0]) * newWidth);
                    ct.Top = Convert.ToInt32(Convert.ToSingle((string)tagtmp[1]) * newHeight);
                    ct.Width = Convert.ToInt32(Convert.ToSingle((string)tagtmp[2]) * newWidth);
                    ct.Height = Convert.ToInt32(Convert.ToSingle((string)tagtmp[3]) * newHeight);
                    ct.Font = new Font(ct.Font.Name,Convert.ToInt32(Convert.ToSingle((string)tagtmp[4]) * newHeight));
                    if( ct.Controls.Count > 0)
                    {
                        reSetContralSize(newWidth, newHeight, ct);
                    }
                }
            }

        }

    }
}

此文参考了博主的视频讲解,链接在代码内保留,不懂得可以去查看视频讲解

特此记录

anlog

2022年9月21日

C# WinForm应用程序中,实现控件窗体大小调整布局的方法有多种。以下是一些常用的技术,可以帮助你在不同分辨率或窗口大小下保持良好的用户界面布局: ### 使用Anchor属性 `Anchor`属性允许控件相对于其父容器的边缘保持固定距离。通过设置控件的`Anchor`属性,可以使其在窗体大小改变时自动调整位置和尺寸。例如,将控件的`Anchor`设置为`Top, Bottom, Left, Right`可以让控件随着窗体大小变化而伸缩[^2]。 ```csharp // 设置控件的Anchor属性以适应窗体大小变化 control.Anchor = AnchorStyles.Top | AnchorStyles.Bottom | AnchorStyles.Left | AnchorStyles.Right; ``` ### 使用Dock属性 `Dock`属性用于将控件停靠在其父容器的某个边缘,或者填充整个父容器。这对于创建自动调整大小的布局非常有用。例如,将控件的`Dock`属性设置为`Fill`可以让它填满其父容器,并随着父容器的大小变化而调整[^2]。 ```csharp // 设置控件的Dock属性以适应窗体大小变化 control.Dock = DockStyle.Fill; ``` ### 使用FlowLayoutPanel和TableLayoutPanel `FlowLayoutPanel`和`TableLayoutPanel`是两种特殊的布局面板,它们提供了更高级的布局控制能力。`FlowLayoutPanel`会按照水平或垂直方向自动排列其内部的控件,而`TableLayoutPanel`则可以像表格一样组织控件,每个单元格可以包含一个控件。这两种面板都可以帮助你创建响应式布局[^2]。 ```csharp // 创建一个FlowLayoutPanel并添加到窗体中 FlowLayoutPanel flowPanel = new FlowLayoutPanel(); flowPanel.Dock = DockStyle.Fill; this.Controls.Add(flowPanel); // 添加控件到FlowLayoutPanel Button button1 = new Button { Text = "Button 1" }; flowPanel.Controls.Add(button1); ``` ### 自定义比例调整 如果你需要更精细地控制控件的位置和大小,可以通过编程方式动态调整控件的尺寸和位置。这通常涉及到保存控件的初始尺寸和位置,并在窗体大小改变时按比例调整。这种方法适用于需要控件窗体等比例变化的情况[^3]。 ```csharp // 保存控件的初始尺寸和位置 private void setTag(Control cons) { foreach (Control con in cons.Controls) { con.Tag = con.Width + ":" + con.Height + ":" + con.Left + ":" + con.Top + ":" + con.Font.Size; if (con.Controls.Count > 0) setTag(con); } } // 在窗体大小改变时调整控件 private void setControls(float newx, float newy, Control cons) { foreach (Control con in cons.Controls) { string[] tag = con.Tag.ToString().Split(':'); int originalWidth = int.Parse(tag[0]); int originalHeight = int.Parse(tag[1]); int originalLeft = int.Parse(tag[2]); int originalTop = int.Parse(tag[3]); float originalFontSize = float.Parse(tag[4]); con.Width = (int)(originalWidth * newx); con.Height = (int)(originalHeight * newy); con.Left = (int)(originalLeft * newx); con.Top = (int)(originalTop * newy); con.Font = new Font(con.Font.Name, originalFontSize * newy, con.Font.Style, con.Font.Unit); if (con.Controls.Count > 0) setControls(newx, newy, con); } } ``` ### 使用AutoScaleMode `AutoScaleMode`属性可以帮助窗体自动调整控件大小和位置,以适应不同的DPI设置。这对于确保应用程序在高DPI显示器上正确显示非常重要。你可以将`AutoScaleMode`设置为`Dpi`或`Inherit`来启用自动缩放功能[^1]。 ```csharp // 启用自动缩放功能 this.AutoScaleMode = AutoScaleMode.Dpi; ``` ### 总结 通过上述方法,你可以根据具体需求选择最适合的策略,实现C#窗体控件窗体大小变化的效果。`Anchor`和`Dock`属性适用于简单场景,而通过代码动态调整或使用布局面板则提供了更高级的布局控制能力,适用于复杂布局设计。记得在设计时考虑用户体验,确保界面在不同尺寸下都能保持良好的视觉效果和可用性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值