C

雅轩聊科技 2024-07-19 22:12:40

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

前面练习了登录窗体的功能实现,但好的设计不应该仅仅满足功能实现;

还要设计的人性化,好用,拥有良好的用户体验。

不能说仅限于能用,谁用谁骂娘,那就不太好了;

接下来进行用户体验的优化,以下为相关笔记:

01 优化内容

优化前:

当输入账号后,需要用鼠标点击密码框,光标才能移动到登录密码输入框内;鼠标点击【确定】按钮才能登录,

优化后:

当输入账号后,点击回车键,光标自动移动到密码输入框;输入完密码按回车键,直接触发登录按钮;

02 优化效果

03 优化步骤

①:选中登录账号输入框,然后从属性-事件-【KeyDown】,然后在后面双击;

②:在事件语句中首先判断该输入框不为空,且按下了回车键,这里e.KeyValue==13表示按下回车键;

然后将为登录密码框设置输入焦点,并选中登录密码框内的所有文本;

代码如下:

private void txtAccount_KeyDown(object sender, KeyEventArgs e){ if(this.txtAccount.Text.Trim().Length!=0 && e.KeyValue==13) {this.txtPwd.Focus();this.txtPwd.SelectAll(); }}

③:同样的方法添加密码输入框的KeyDown事件,在密码框不为空且按下回车键时触发,确定按钮;

代码如下:

private void txtPwd_KeyDown(object sender, KeyEventArgs e){ if (this.txtPwd.Text.Trim().Length != 0 && e.KeyValue == 13) {btnLogin_Click(null, null); }}04 后记

以上为优化的一个点,实际项目中会有比较多的优化类型的功能实现,

大家有什么好的优化效果或方法可以在留言区或交流群内沟通交流,共同进步。

0 阅读:0

雅轩聊科技

简介:感谢大家的关注