C

雅轩聊科技 2024-07-30 21:56:09

哈喽,你好啊,我是雷工!

这里实现添加人员界面的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设计组态软件类似直接拖放相应的控件即可。

接下来开始练习后端功能,有好工具的小伙伴可以留言,也可以在交流群探讨,共同进步。

0 阅读:0

雅轩聊科技

简介:感谢大家的关注