一、新建
思路:新建控件库→新建控件文件
首先在已有的Window窗体应用解决方案中新建“Windows窗体控件库”,新建完毕后会自动添加一个自定义控件文件“UserControl1”。再添加自定义控件文件时只需再“Windows窗体控件库”添加“用户控件Windows”项即可。
二、设计
空间设计过程中,可以将控件背景大底看成没有边框的Winform窗体,在其中设计相关自定义控件即可。
本次设计:要求再PictureBox控件上层添加Label控件,并要求Label控件的背景色不能对PictureBox控件展示的图片出现遮挡。同时在控件的SizeChanged事件下可以完成自定义控件内所有控件的等比放大缩小操作。
控件透明背景设置代码块:
private void Form1_Load(object sender, EventArgs e)
{
label1.BackColor = Color.Transparent; //Label背景透明
label1.Parent = pictureBox1; //设置Label父容器为PicBox
label1.AutoSize = false; //可变动尺寸
label1.Dock = DockStyle.Fill; //充满父容器PicBox
label1.TextAlign = ContentAlignment.MiddleCenter; //文本在Lab居中
}
控件内所有子控件等比例缩放代码块:
private float X;//当前窗体的宽度
private float Y;//当前窗体的高度
private bool IsFirst = true;
private void setTag(Control cons)
{
foreach (Control con in cons.Controls)//类型 迭代变量名 in 组合类型表达式;
{
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[] mytag = con.Tag.ToString().Split(new char[] { ':' });//获取控件的Tag属性值,并分割后存储字符串数组
float a = System.Convert.ToSingle(mytag[0]) * newx;//根据窗体缩放比例确定控件的值,宽度
con.Width = (int)a;//宽度
a = System.Convert.ToSingle(mytag[1]) * newy;//高度
con.Height = (int)(a);
a = System.Convert.ToSingle(mytag[2]) * newx;//左边距离
con.Left = (int)(a);
a = System.Convert.ToSingle(mytag[3]) * newy;//上边缘距离
con.Top = (int)(a);
Single currentSize = System.Convert.ToSingle(mytag[4]) * newy;//字体大小
con.Font = new Font(con.Font.Name, currentSize, con.Font.Style, con.Font.Unit);
if (con.Controls.Count > 0)
{
setControls(newx, newy, con);
}
}
}
private void CarLB_Load(object sender, EventArgs e)
{
X = this.Width;//获取窗体的宽度
Y = this.Height;//获取窗体的高度
setTag(this);//调用方法
}
private void CarLB_SizeChanged(object sender, EventArgs e)
{
if (IsFirst) { IsFirst = false; return; }
float newx = (this.Width) / X; //窗体宽度缩放比例
float newy = (this.Height) / Y;//窗体高度缩放比例
setControls(newx, newy, this);//随窗体改变控件大小
}
注意:在设置时可以将背景透明代码放入到InitializeComponent();方法中相对应控件初始化代码块中,但要注意在使用时要设置隐控件的父容器为PictureBox控件,否则透明背景后显示的颜色为默认父容器的颜色。