C#窗体设计鼠标任意拖拽窗体大小、控件联动

最新推荐文章于 2024-09-21 14:05:00 发布

你的青春我的梦

最新推荐文章于 2024-09-21 14:05:00 发布

阅读量2.8k

点赞数

文章标签： c#

本文链接：https://blog.csdn.net/yuyan7045/article/details/122164651

版权

1.原理

我们常用的windows软件都支持鼠标任意拖拽大小，这样方便我们实际的使用来适应不同的显示器大小和分辨率；另外带有波形显示的软件，我们希望可以缩放波形显示的区域，我们这里就实现这个功能，看下图就是我们要实现的框图（以窗口通信为例）

另外说一下像C++窗体设计时，是有专门的控件来实现窗体拖拽大小时控件的变化，而c#没有这样的控件（笔者没有发现）

图1:窗体结构框图

先简单说一下Form窗体布局的方式：窗体的大小用width、height表示；窗体中的控件大小也是用width，height表示，但是控件多了一个属性就是坐标位置location，其中有x、y；如下图示例

按钮的位置(x,y)=(112,112),那么以哪里定位x/y呢，看图1，控件的左上角定位x、y的坐标起始点，这样在用鼠标拖拽窗体大小的时候，就可以通过改变x、y的值来改变控件的位置。

另外说一下，在拖拽窗体大小时，一般是波形控件的大小随窗体大小比例（绝对值）增大，像按钮、文本输入、下拉列表等只改变其位置，而不改变其大小，美观性

2.代码编写

我们这里实现的效果是图1中的红色框随窗体大小而改变大小；绿色和蓝色框不改变大小，只随窗体大小而改变位置

public partial class Form1 : Form
{
int chart_dif_axis_width, chart_dif_axis_height, box1_dif_axis_x, box1_dif_axis_y, box2_dif_axis_x, box2_dif_axis_y;
public Form1()
{
InitializeComponent();
}

private void Form1_Load(object sender, EventArgs e)
{
int form_width = this.Width;//窗体宽度
int form_height = this.Height;//窗体高度

int chart_width = chart1.Width;//图表宽度
int chart_height = chart1.Height;//图表高度

int groupbox1_x = groupBox1.Location.X;//groupbox1坐标X
int groupbox1_y = groupBox1.Location.Y;//groupbox1坐标Y

int groupbox2_x = groupBox2.Location.X;//groupbox2坐标X
int groupbox2_y = groupBox2.Location.Y;//groupbox2坐标Y

chart_dif_axis_width = form_width - chart_width;//chart和窗体大小的宽度差不变
chart_dif_axis_height = form_height - chart_height;//chart和窗体大小的高度差不变

box1_dif_axis_x= form_width - groupbox1_x;//计算groupbox1到窗体右边沿的距离
box1_dif_axis_y = groupbox1_y;//读取y轴坐标值

box2_dif_axis_x = form_width - groupbox2_x;//计算groupbox2到窗体右边沿的距离
box2_dif_axis_y = groupbox2_y;//读取y轴坐标值
}

private void Form1_SizeChanged(object sender, EventArgs e)
{
int form_width = this.Width;//窗体宽度
int form_height = this.Height;//窗体高度

//chart1.Location = new Point();//位置(x,y)不变
chart1.Width = form_width - chart_dif_axis_width;//修改chart的的大小-宽度
chart1.Height = form_height - chart_dif_axis_height;//修改chart的的大小-高度

groupBox1.Location = new Point(form_width - box1_dif_axis_x, box1_dif_axis_y);

//修改groupBox1的位置(x,y),实际只修改width即可，高度height不变
groupBox2.Location = new Point(form_width - box2_dif_axis_x, box2_dif_axis_y);

//修改groupBox2的位置(x,y)，实际只修改width即可，高度height不变
}
}

代码中已有详细的注释，大家可以自行观看，窗体布局如下