哈喽,你好啊,我是雷工!
这里实现添加人员界面的UI设计;
以下为实现记录。
01 实现效果02 实现步骤2.1、界面属性设置
①背景色设置
通过取色器获取想要设置的窗体颜色的RGB值为(0,25,71);
在加载代码中加入如下语句设置背景色
this.BackColor = Color.FromArgb( 0, 25, 71);②窗口尺寸
Size属性设置为:1080,668;
2.2、控件添加设置
界面添加的主要控件及相关属性设置。
①PictureBox控件
控件
属性
属性值
PictureBox1
(Name)
pbVideo
PictureBox2
(Name)
pbPeo
②Button控件
控件
属性
属性值
备注
Button1
(Name)
btnStartVideo
启动摄像头
Button2
(Name)
btnCloseVideo
关闭摄像头
Button3
(Name)
btnTake
开始拍照
Button4
(Name)
btnClear
清除照片
Button5
(Name)
btnChoseImage
选择照片
Button6
(Name)
btnClose
关闭窗口
Button7
(Name)
btnAdd
确认添加
③TextBox控件
控件
属性
属性值
备注
TextBox1
(Name)
txtPeopleName
人员姓名
TextBox2
(Name)
txtPeopleIdNo
身份证号
TextBox3
(Name)
txtCardNo
考勤卡号
TextBox4
(Name)
txtPhoneNumber
联系电话
TextBox4
(Name)
txtAddress
家庭住址
④RadioButton控件
控件
属性
属性值
备注
RadioButton1
(Name)
rdoMale
男性
RadioButton2
(Name)
rdoFemale
女性
⑤DateTimePicker控件
控件
属性
属性值
备注
DateTimePicker
(Name)
dtpBirthday
出生日期
⑥ComboBox控件
控件
属性
属性值
备注
ComboBox
(Name)
cboGroupName
所在组织
⑦DataGridView控件
控件
属性
属性值
备注
DataGridView
(Name)
dgvPeopleList
展示列表
在该控件下添加6个列
每个列修改3个属性设置,如下表
序号
(Name)
DataPropertyName
HeaderText
1
PeopleId
PeopleId
人员编号
2
PeopleName
PeopleName
姓名
3
Gender
Gender
性别
4
Birthday
Birthday
出生日期
5
CardNo
CardNo
考勤卡号
6
GroupName
GroupName
所在组织
03 后记以上为添加人员的子界面,WinForm编程的好处是所见即所得,和UI设计组态软件类似直接拖放相应的控件即可。
接下来开始练习后端功能,有好工具的小伙伴可以留言,也可以在交流群探讨,共同进步。