自定义 Dialog ,效果强暴了! Android
程序员文章站
2022-03-12 11:59:06
...
不废话,先上图!
产品的交互设计图:
我设计的Dialog设计图:
我是一名开发人员,上周五,设计那边的 Android Dialog 设计图 的没有出来,产品经理 就提议我先做,问题是怎么做,因为没有设计图,于是在周六早上,参考了 PC前端众多
Dialog 插件(jsmessage ,jquery.msgbox.6.0 ,jqdialog ,jNotify,hiAlert 等等 ),也参考了
(支付宝)Alipay 设计的 Dialog ,一上午时间出现一个草案,然后下午时间开始编码。
我设计的Dialog设计图中没有把按钮画出来,真实设计是 设计草案 这样的。
设计草案:
周一,我将 这个 Android Dialog 设计草案 提交给产品那边,我的方案被否决。
周一晚,我将 上述 "我设计的Dialog设计图" 设计出来,同时将Dialog 代码部分开发好了,并且回了一封邮件。
周二,上班,然后 看邮件,最终再Email 上争论无果,于是在 会议室开会,结论还是 以产品为导向,不使用 "我设计的Dialog设计图",现在将 设计图发到论坛里,发起一个投票,大家觉得设计的怎么样?
目前代码已实现效果:
"我设计的Dialog设计图" 优点:
1.可定制性
|--可支持自定义样式(可指定布局文件)
|--支持多按钮布局(目前的设计只支持两种,如果需要增加三种,需要增加或更改xml布局文件,新Dialog设计的直接动态生成,支持N多按钮,自定义Id,自定义事件,自定义图片背景,自定义事件等等)
|--易于开发人员使用(直接封装好方法,动态生成布局)
2.简洁性(用户习惯,从上往下,从左往右,实现用户习惯效果)
3.更好的用户体验性(用户可更直观的看到是什么类型的提示,如:错误,则是鲜红的错误提示,警告,则是黄色的警告提示等,并且 标题加粗)
4.对比产品的设计图,我觉得有点有两点:
|--Icon够醒目,让用户明白自己才进行什么操作;一个友好的 Icon ,应该可以提示用户,是错误了,还是正确,还是提示信息等等。
|--按钮在底部,直接看下面,直接参考了 支付宝的按钮设计。
|--Icon、标题,提示信息是一行, 提示信息一旦变多, 图标居中,文字可无限延长。