欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

自定义 Dialog ,效果强暴了! Android

程序员文章站 2022-03-12 11:59:06
...

不废话,先上图!

产品的交互设计图:

自定义 Dialog ,效果强暴了!
            
    
    
        Android

我设计的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、标题,提示信息是一行, 提示信息一旦变多, 图标居中,文字可无限延长。


  • 自定义 Dialog ,效果强暴了!
            
    
    
        Android
  • 大小: 112.9 KB
  • 自定义 Dialog ,效果强暴了!
            
    
    
        Android
  • 大小: 17.6 KB
  • 自定义 Dialog ,效果强暴了!
            
    
    
        Android
  • 大小: 10.1 KB
  • 自定义 Dialog ,效果强暴了!
            
    
    
        Android
  • 大小: 12.5 KB
  • 自定义 Dialog ,效果强暴了!
            
    
    
        Android
  • 大小: 63.7 KB
  • 自定义 Dialog ,效果强暴了!
            
    
    
        Android
  • 大小: 11.7 KB
  • 自定义 Dialog ,效果强暴了!
            
    
    
        Android
  • 大小: 67.4 KB
  • 自定义 Dialog ,效果强暴了!
            
    
    
        Android
  • 大小: 83.2 KB
相关标签: Android