1.用户登录界面效果图
GIF.gif
2.用户登录界面实现的功能描述
在正常输入用户名(user1/user2),选择用户类型(收银员\库管员),输入正确的密码后,就能够出现登录成功的窗口界面,便能够进入相对应的商超管理系统。反之,如果出现用户名、用户类型和密码不匹配的情况下就会出现登录失败的窗口界面。
3. 登录界面各控件的参数设置
picturebox控件
属性 | 参数值设置 |
---|---|
backgroundimage | picture插入 |
backgroundimagelayout | Stretch |
borderstyle | FixedSingle |
sizemode | zoom |
Label控件
属性 | 参数值设置 |
---|---|
name | 用户名\用户类型\密码 |
Font | 微软雅黑, 7.5pt, style=Bold |
textbox1控件
属性 | 参数值设置 |
---|---|
maxlength | 9 |
textbox2控件
属性 | 参数值设置 |
---|---|
passwordchar | * |
combox1控件
属性 | 参数值设置 |
---|---|
Items | 收银员\库管员 |
DropDownStyle | DropDownlist |
button1控件
属性 | 参数值设置 |
---|---|
Text | 登录 |
button2控件
属性 | 参数值设置 |
---|---|
Text | 退出 |
linklabel控件
属性 | 参数值设置 |
---|---|
Text | 忘记密码? |
linkcolor | dark blue |
窗体控件
属性 | 参数值设置 |
---|---|
Text | 用户登录界面 |
size | 484,384 |
startposition | centerscreen |
formborderstyle | fixedsigle |
4.重要方法描述
(1)窗口加载时,设置默认角色为“收银员”
//窗口加载时,设置默认角色为“收银员”
private void 用户登录_Load(object sender, EventArgs e)
{
this.comboBox1.text = "收银员";
}
(2)窗口加载时,点击退出按钮时直接退出
//窗口加载时,点击退出按钮时直接退出
private void button2_Click(object sender, EventArgs e)
{
this.Close();
}
5.功能扩展
界面自适应:
1.使用Anchor属性进行设置。
2.使用Dock属性进行设置。
3.自定义resize类实现。
Anchor属性:anchor的中文解释就是固定停泊,主要功能就是让控件停靠在父控件的某个地方。有上下左右四个方向可选,也可以多选。
anchor属性的默认值为top,left。就是子控件与父控件的顶部和左边的距离保持不变。而你每多选择一个方位,则那个方向与父控件的距离就会保持,这样就实现了自适应。
Dock属性:dock的中文解释也是停靠的意思,它与anchor有所不同,它只能有上下左右中五个选择,但每次只能选择其中的一种。
dock属性的默认值为None。也就是不选择,但当你选择其中的一个时候,你的子控件就会紧贴这那个方位的父控件,从而父控件发生变化,子控件也会随着变化