美文网首页
2.2登录界面设计

2.2登录界面设计

作者: 风继续吹_e9da | 来源:发表于2018-10-14 18:13 被阅读0次

登录界面的制作

一.登陆界面、

(1).开始界面 QQ图片20181014172144.png

(2).输入界面密码成功时 QQ图片20181014173135.png

(3).输入界面密码失败时 QQ图片20181014172657.png

二. 登陆界面各控件的参数设置

控件A:Lable

属性
Lable1 用户类型
Lable2 用户名
Lable3 密码

控件B:LinkLable

属性
LinkLable1 忘记密码?

控件C:TextBox

属性
TextBox1 空白值(可输入值)
TextBox2 空白值(可输入值)

控件D:ComboBox

属性
ComboBox1 库管员/收银员

控件E:Button

属性
Button1 登陆
Button2 退出

控件F:PictureBox

属性
PictureBox1 详见登陆界面截图

三. 细节方法

1. 登录窗口出现在屏幕正中央,并且不能放大缩小

点击Form1窗口进入属性界面,找到StartPosition并选择CenterScreen;
找到MaximizeBox、MinmiizeBox设置为False。

2. 默认角色为“收银员”,并且只允许选择“收银员”和“库管员”两种角色

QQ图片20181014180508.png

在Form1属性下找到Load事件,双击打开,输入以上代码;
找到ComboBox1控件并右击打开编辑项,输入库管员,隔行输入收银员。


QQ图片20181014175133.png

3. 用户名最大长度不超过9个字符,密码需要显示为“*”号

找到名为“用户名”的textbox控件,进入属性栏,找到MaxLength并设置为9;
找到名为“密码”的textbox控件,进入属性栏,找到PasswordChar并设置为“*”。

4. 登录正确则提示成功;登录失败则提示错误,注意使用错误图标

QQ图片20181014181143.png

找到名为“登陆”的button控件,双击并输入以上代码即可。

5. 点击“退出”时退出应用程序

QQ图片20181014180855.png

找到名为“退出”的button控件,双击并输入以上代码即可。

相关文章

  • 2.2登录界面设计

    登录界面的制作 一.登陆界面、 (1).开始界面QQ图片20181014172144.png (2).输入界面密码...

  • 无标题文章

    # 智能社区商超管理系统登陆界面设计文档 ### 一.登录 ### 1.登录界面图 ### 2.登录成功 ### ...

  • 登录界面设计

    界面的设计: 界面居中,不能改变大小: 默认角色收银员及代码: 用户名字符设置和密码星号设置: 对话框的设置: 退...

  • 登录界面设计

    1. 登录界面的效果图 4. 重要方法描述点击“取消”按钮退出登录界面 5.需要完善的功能可以添加验证码的设置,增...

  • 登录界面设计

    step 1 打开Photoshop CC软件,按【Ctrl+N】组合键,在“新建”对话框中设置“名称”为旅行记录...

  • 考勤系统

    考勤系统功能实现——登录、注册 1、界面 1.1登录界面 1.2注册界面 2、主要代码 2.1登录主要代码 2.2...

  • 2018-10-21

    一、登录界面设计 二、登录界面实现功能 三、登录界面各控件的参数设置 控件1 控件2 控件4 四、重要方法描述 角...

  • 2018-10-21

    一、登录界面设计 二、登录界面实现功能 三、登录界面各控件的参数设置 控件1 控件2 控件4 四、重要方法描述 角...

  • 商超系统登陆界面 廖世豪

    一、登录界面设计 二、登录界面实现功能 三、登录界面各控件的参数设置 控件1 控件2 控件4 四、重要方法描述 角...

  • 2.2 用户界面设计(Beta)

    什么是用户界面? 用户界面(UI,UserInterface)也称人机界面,是人机交互、操作逻辑和界面表现的整体设...

网友评论

      本文标题:2.2登录界面设计

      本文链接:https://www.haomeiwen.com/subject/nmqtzftx.html