开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 4757|回复: 11
收起左侧

[火山安卓源码] 【day8】让我们来设计一个更漂亮的登录界面

[复制链接]

结帖率:0% (0/1)
发表于 2019-6-29 15:27:04 | 显示全部楼层 |阅读模式   广东省深圳市

本例程相对于day7的例程有了较大的改进。主要是界面的设计改进。

本例的参考图在顶目本例的文件夹下morebeautifulwindow_day8/src/image文件夹下。

1. 告诉了我们一个比较精美的UI要如何来进行设计,当然大家看到最后呈现的效果是我经过好多好多次不断调试查看结果再调整的效果。

一个app总共拥有的界面数量其实也不算多,所以在UI设计上多花一些功夫我认为是应该的。当然我希望今后我能用更短的时间来完成界面设计调试。

同时也吐槽一个确实不太方便的点,那就是界面设计完成,基本需要靠自己的想象最后呈现是怎么样的,直到调试到机器上才能看出呈现的效果。

2. 除了界面设计之外,我们这里在设计完成后也使用了大量的组件的自带属性来定义一些精确的值来美化最终呈现的界面。以下一一说明。

3. 整个界面的大小的控件,本例为线性布局器,可以设置背景色属性,作为整个窗口的背景色调,颜色值可以用颜色类里的常量来调用,其他也是一样。

如果要设置图片作为背景可以使用背景图属性。

4. 文本框可以设置文本颜色,文本字体属性,如果需要文本框的内容支持单击事件,就一定要设置支持单击属性为真。

5. 编辑框可以设置提示文本属性,用来在没有输入任何内容的时候做提示文本用,提示文本颜色属性可设定颜色。还可以设置单行模式属性,用来禁止多行输入,比如登录窗口时。还可以设置文本颜色、内容水平对齐方式等属性。其中需要介绍一下背景图属性,这个属性可以支持xml格式的值,可以使用背景图片制作来进行制作编辑框样式或按钮样式,会有神奇的不一样的效果,也可以放图啦。如果是密码输入的编辑框,可以使用常用输入类型属性限定加密显示密码内容。

6. 桉钮也可以有背景图、文本颜色、文本字体等属性,背景图属性同样支持xml格式值,可以使用背景图片制作器来制作。

7. 最后我们添加了一个文本框被单击事件的响应内容,用来判定单击是否有效成功。


【背景图片制作器】来源于网络,我会附带到源码路径给大家。


最后呈现的效果如图所示:

相比上节课来说,是不是精美了许多?一个好的界面UI设计能充分的留住用户。


最后再补充说一个目前版本飞扬15发现的bug。就是注释复制的问题。在类定义和方法定义之间写注释,如果单行进行复制,可以在外部程序粘贴出来。如果你同时选中了多行,复制的话在外部程序无法粘贴出内容来。往今后的版本进行修复。


最后附上咱们的源码下载地址:


链接:https://pan.baidu.com/s/1jmK456l8ewn32-aXyM4nNg
提取码:f374


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
结帖率:36% (5/14)
发表于 2020-3-6 09:51:09 | 显示全部楼层   重庆市重庆市
类似的美化 登录 验证等例子太少了,感谢分享
回复 支持 反对

使用道具 举报

发表于 2020-2-27 13:10:50 | 显示全部楼层   **
教程怎么都变成说明文件了
回复 支持 反对

使用道具 举报

结帖率:0% (0/1)

签到天数: 1 天

 楼主| 发表于 2020-2-16 17:54:10 | 显示全部楼层   广东省深圳市
我爱黑暗 发表于 2020-1-18 12:55
收听楼主哈 对了楼主不录制视频教学么 单有远源码没用呀

录了其他的,这个暂时没有录制。你可以看我官网的。
回复 支持 反对

使用道具 举报

结帖率:68% (61/90)
发表于 2020-1-18 12:55:18 | 显示全部楼层   广东省潮州市
收听楼主哈 对了楼主不录制视频教学么 单有远源码没用呀
回复 支持 反对

使用道具 举报

结帖率:0% (0/1)

签到天数: 1 天

 楼主| 发表于 2019-7-7 22:10:52 | 显示全部楼层   广东省深圳市
goditfkyh 发表于 2019-7-5 19:20
有没有功能还是光一个界面

功能后面的课程会写
回复 支持 反对

使用道具 举报

签到天数: 5 天

发表于 2019-7-5 19:20:11 | 显示全部楼层   江苏省宿迁市
有没有功能还是光一个界面
回复 支持 反对

使用道具 举报

结帖率:100% (4/4)

签到天数: 3 天

发表于 2019-7-5 00:21:30 | 显示全部楼层   四川省成都市
这个界面不错 看看是怎么写的
回复 支持 反对

使用道具 举报

发表于 2019-7-4 23:02:06 | 显示全部楼层   广西壮族自治区百色市
不错,谢谢
回复 支持 反对

使用道具 举报

签到天数: 2 天

发表于 2019-6-29 23:09:14 | 显示全部楼层   四川省成都市
看到过一个E源码也这个样子
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 诚聘英才| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 800073686,邮箱:800073686@b.qq.com
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表