[C#学习笔记18]项目UI设计总体要求和基于无边框设计登录窗体的技巧
一、项目UI尺寸的说明
1、总体尺寸:若客户有要求,按照要求做;否则需要调研客户对软件的使用环境
常见尺寸:1500*1000(900) 1300*(高度可以根据界面具体情况来定)
建议比例:4:3 16:10
2、总体风格:无边框,扁平化设计(简约时尚),通常由美工配合做得更好。
二、设计登陆界面窗体
窗体属性:
FormBorderStyle:None —— 无边框
Size Width:393 Height:260 —— 尺寸
StartPosition:CenterScreen —— 屏幕中心位置
icon:略 —— 根据需要选择对应的图标
BackgroundImage:略 —— 根据需要选择对应的背景图片
lable属性:
Text:管理员账号、密码: —— 文本内容
BackColor:xx,xx,xx —— 根据背景图片使用颜色提取工具提取颜色复制到编辑框中
Font:略 —— 根据需要调整字体
TextBox属性:
BorderStyle:FixedSingle —— 单一边框
UseSystemPasswordChar:False —— 密码显示暗码
CheckBox属性:
Text:记住密码
botton属性:
Text:登录系统
FlatStyle:Flat —— 边框
FlatAppearance:BorderColor:Whilte —— 边框颜色白色
Font:ForeColor:White —— 字体前景色白色
窗体可移动添加代码如下:
定义一个位置信息Point用于存储鼠标位置
private Point mPoint;
给窗体等控件增加MouseDown和MouseMove事件
/// <summary>
/// 鼠标按下
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void panel1_MouseDown(object sender, MouseEventArgs e)
{
mPoint = new Point(e.X, e.Y);
}
/// <summary>
/// 鼠标移动
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void panel1_MouseMove(object sender, MouseEventArgs e)
{
if (e.Button == MouseButtons.Left)
{
this.Location = new Point(this.Location.X + e.X - mPoint.X, this.Location.Y + e.Y - mPoint.Y);
}
}
窗口右上角添加关闭按钮属性:略

