2018-10-11登陆界面设计 倪婉钰

1、登陆界面效果图

2018-10-11登陆界面设计 倪婉钰_第1张图片
QQ图片20181012085934.png

2、登陆界面实现的功能

2018-10-11登陆界面设计 倪婉钰_第2张图片
image.png

3、登陆界面控件参数设置

①Label控件

属性
BackColor Transparer
Font 宋,粗体,四号
Text 角色:/账号:/密码:

②comboBox控件

属性
DropDownstyle DropDownList

③textBox

属性 备注
MaxLength 9 账号
Passwordchar * 密码

④Button控件

属性
Text 登陆/退出

⑤LinkLabel控件

属性
Text 忘记密码?

⑥窗体

属性
Text 登陆
StartPosition CenterScreen
FormBorderStyle FixedToolWindow

⑦pictureBox控件

属性
sizeMode Strtchlmage

4、重要方法描述

1、角色设置默认值

 private void Form1_Load(object sender, EventArgs e)
        {
            this.comboBox1.SelectedIndex = 0;
        }

2、登陆成功/登陆失败提示

private void button1_Click(object sender, EventArgs e)
        {
            if (this .comboBox1 .Text =="收银员")
            {
            if (this.textBox1.Text == "20110101" && this.textBox2.Text == "123456")
                MessageBox.Show("登陆成功!", "登陆消息");
            else
                MessageBox.Show("登陆失败!帐号或密码错误。","提示消息",MessageBoxButtons .OKCancel,MessageBoxIcon.Stop);
            }
            if (this.comboBox1.Text == "库管员")
            {
                if (this.textBox1.Text == "admin" && this.textBox2.Text == "123456")
                MessageBox.Show("登陆成功!", "登陆消息");
            else
                MessageBox.Show("登陆失败!帐号或密码错误。", "提示消息", MessageBoxButtons.OKCancel, MessageBoxIcon.Stop);
            }
        }

3、点击退出时关闭程序

 private void button2_Click(object sender, EventArgs e)
        {
            Application.Exit();
        }

4、Tab键排序
视图→Tab键顺序→排序(用户名→密码→登陆键)
5、输入用户名后回车,光标跳转到密码输入框(KeyPress事件)

 private void textBox1_KeyPress(object sender, KeyPressEventArgs e)
        {           
            if (e.KeyChar == (char)Keys.Enter)
            {
                SendKeys.Send("{tab}");
            }
        }

6、输入密码后回车直接登陆(KeyPress事件)

 private void textBox2_KeyPress(object sender, KeyPressEventArgs e)
        {
            if (e.KeyChar == (char)Keys.Enter)
            {
                button1_Click(sender ,e);
            }
        }

7、按Tab键进入密码输入框时,自动全选

private void textBox2_Enter(object sender, EventArgs e)
        {
            ((TextBox)sender).SelectAll();
        }

5、待完善功能

登录界面允许放大后,界面自适应;连接数据库完成登录;等等。

你可能感兴趣的:(2018-10-11登陆界面设计 倪婉钰)