`
LinApex
  • 浏览: 6175 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

自定义 Dialog ,效果强暴了!

阅读更多

不废话,先上图!

产品的交互设计图:


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


  • 大小: 112.9 KB
  • 大小: 17.6 KB
  • 大小: 10.1 KB
  • 大小: 12.5 KB
  • 大小: 63.7 KB
  • 大小: 11.7 KB
  • 大小: 67.4 KB
  • 大小: 83.2 KB
分享到:
评论

相关推荐

    android 自定义Dialog提示+动画效果

    本文将深入探讨如何实现一个带有动画效果的自定义Dialog,并以"android 自定义Dialog提示+动画效果"为主题,结合提供的压缩包文件`XAlertDialogLibrary`,详细讲解相关知识点。 首先,我们来理解什么是Dialog。在...

    各种自定义Dialog 以及Dialog加载动画

    在Android开发中,自定义Dialog和Dialog加载动画是提升应用用户体验的重要手段。默认的Dialog样式虽然功能齐全,但在追求个性化和美观的今天,往往显得过于简单甚至有些过时。因此,开发者常常需要根据应用的设计...

    自定义Dialog.zip

    "自定义Dialog.zip" 包含了一个实现七种动画效果的自定义Dialog示例,这将帮助开发者学习如何根据需求创建富有创意的弹出窗口。 首先,我们要了解Dialog的基本结构。Dialog通常由布局文件定义,包括标题(title)、...

    qml 用item自定义dialog 对话框

    本文将深入探讨如何使用QML中的`Item`来创建一个自定义的`Dialog`组件。 首先,了解`Dialog`的基本概念。在Qt Quick中,`Dialog`是一个用于展示临时信息或进行用户交互的窗口,通常会有一个确定的关闭机制,如点击...

    自定义dialog仿ios风格的dialog

    在Android开发中,自定义Dialog是一种常见的需求,它允许开发者创建具有独特设计和功能的对话框,以符合应用的品牌风格或提供更丰富的用户体验。本文将深入探讨如何在Android中实现一个仿iOS风格的Dialog,并根据...

    Android:自定义Dialog-Demo

    当系统默认的Dialog样式不能满足应用的特定需求时,开发者常常会选择自定义Dialog来实现更个性化的界面和交互体验。本示例"Android:自定义Dialog-Demo"就是针对这种情况提供的一种解决方案。 首先,我们来看自定义...

    自定义Dialog,实现各种风格效果的对话框

    本篇文章将深入探讨如何自定义Dialog,并实现各种风格效果,以提升用户体验。 首先,我们需要了解Dialog的基本概念。Dialog在Android中是一个轻量级的窗口,通常用于向用户展示一些临时信息或者需要用户做出决定的...

    自定义dialog弹出框

    在Android开发中,自定义Dialog是一种常见的需求,它允许开发者根据应用的设计风格和功能需求创建具有独特外观和交互效果的对话框。本教程将深入探讨如何实现自定义Dialog,包括利用Shape和Selector来定制样式,以及...

    android自定义Dialog的简单实现

    在实际开发中,你可能还需要考虑其他因素,如处理Dialog的生命周期(比如在Activity销毁时关闭Dialog)、动画效果、触摸屏外区域是否可关闭Dialog等。同时,注意适配不同屏幕尺寸和方向,以确保Dialog在各种设备上都...

    自定义Dialog对话框(实现微信分享对话框)

    在Android开发中,自定义Dialog对话框是一种常见的需求,它能提供更为丰富的用户交互体验,尤其是在需要用户进行特定选择或操作时。本教程将详细讲解如何实现一个类似于微信分享的自定义Dialog对话框。 首先,我们...

    小程序自定义dialog

    在微信小程序中,自定义dialog(对话框)是一种常见的用户交互设计,用于向用户展示重要信息或进行简单操作确认。自定义dialog可以帮助开发者摆脱微信小程序内置组件的限制,实现更符合应用风格和功能需求的设计。本...

    继承AppCompatDialogFragment自定义dialog 弹框(带悬浮效果)

    继承AppCompatDialogFragment自定义dialog 弹框(带悬浮效果),ListView绑定商品信息和图片,点击商品图片添加购物车,弹出悬浮框,继承自AppCompatDialogFragment基类的自定义dialog 弹框。源码可直接调试。大家...

    Android 自定义dialog

    在Android开发中,自定义Dialog是一种常见的需求,它允许开发者根据应用的UI风格和功能需求创建具有独特设计和交互方式的对话框。本篇将深入探讨如何在Android中实现自定义Dialog,包括基本原理、步骤以及相关的代码...

    Android支付底部弹窗自定义dialog

    在Android应用开发中,自定义对话框(Dialog)是一种常见的用户交互方式,特别是在涉及到支付功能时,为了提供更好的用户体验,通常会使用底部弹窗来显示支付选项。本篇将详细介绍如何在Android中实现一个自定义的...

    自定义dialog

    通过理解Dialog的基本使用、自定义布局、动画效果以及使用DialogFragment,我们可以构建出满足各种需求的自定义Dialog。在实际项目中,结合业务场景灵活运用这些技巧,可以提升应用的整体质量和用户体验。

    android 自定义dialog

    在Android开发中,自定义Dialog是一种常见的需求,它允许开发者根据应用的设计风格和功能需求创建具有独特外观和行为的对话框。本篇文章将深入探讨如何在Android中自定义Dialog,并结合`mcustom-HerilyAlertDialog-...

    Android自定义dialog

    5. 自定义动画和效果:如果需要,还可以为Dialog添加进入和退出的动画,或者设置透明度、宽度和高度等效果。 ```java dialog.getWindow().getAttributes().windowAnimations = R.style.DialogAnimation; // 设置...

    自定义Dialog的最简Demo

    最近用到类似苹果悬浮按钮这种非全屏显示的界面,于是第一想到的是利用自定义Dialog来实现,写了一个自定义Dialog的最简单的Demo。比较简单,易于学习。另有我的博客介绍 ...

Global site tag (gtag.js) - Google Analytics