期待已久,APICloud官方总算把各种提示样式给封装了,再也不用苦逼的自己各种被虐着封装自定义样式了。这个分享我把 dialogBox 模块的 11 个样式分别实现个简单的效果,其中将 alert 方法做了两个样式,如果你觉得我写的样式够丑,请不要喷我,因为我是程序猿[呵呵了],如果你接受了就直接用到你的项目,否则自己再根据官方的文档和结合自己的产品需求,来定义更多高大上的样式。

接下来我拿几个我常用的方法给大家简单介绍下,其它的大家可以看看模块的视频效果以后,自己上手做做。

1.alert()

这个方法算是系统的 alert 与 confirm 的结合,这之上还可以添加 icon。

2.sendMessage()

顾名思义,此方法在 alert 的基础之上追加了一个对话框,会调用中可以取到输入的值。

3.scene()

此方法是一个特定场景下的 UI 弹出层,它包含可设置场景图片、标题以及选项。

4.evaluation()

与 alert 类似,只不过将按钮的排版做了修改。

5.raffle()

该方法算是 scene 与 alert 的结合,效果可见此模块视频演示。

6.receipt()

在很多场景中我们就会有,比如一些简单到复杂的表单数据展示,通常这样的布局比较麻烦而繁琐。这个方法就是由此而生呀,简单配置下,就能够达到目的。

7.tips()

其实我觉得这个方法除了和名字说的提示功能以外,还有 N 多的使用场景,所以大家别被方法的名称给固定了使用的范围。

8.actionMenu()

这个方法的 UI 与 shareAction 模块类似,差别就是这个方法并没有实际的功能,不过通常情况下系统的很多功能并不是我们的产品想要的,我们需要自定义 UI 和功能,所以这里这个方法就起了大作用。

以上所有方法,我也都只是简单的用了下,大家在使用此模块的时候仔细看看文档,毕竟是 UI 模块,又要做到自定义,所以字段什么的太多了,一不注意你就疏忽了什么。在使用模块时,任何一个按钮点击时都有返回对应的索引,然后我们就可以根据索引去做自己的逻辑。

源码:https://github.com/XM-Right/DialogBox-Example

演示视频:
http://7xoo0e.com1.z0.glb.clouddn.com/apicloud/022d688d0e00d1b165fee5adc7d5d0ee.mp4

11种dialogBox样式打包开源,逐一详解相关推荐

  1. 属性用途_onenote样式系列②:详解11种默认样式,附style属性值

    建议使用内置样式对笔记进行规范管理,因为你应用的每一个样式都相当于为段落设定了一个style属性值,后续可以使用Onetastic宏延伸出很多扩展功能. 本文将结合编程角度详细介绍11种默认样式.每个 ...

  2. android多渠道打包插件,Android几种多渠道打包的步骤详解

    1.什么是多渠道打包 在不同的应用市场可能有不同的统计需求,需要为每个应用市场发布一个安装包,这里就引出了Android的多渠道打包.在安装包中添加不同的标识,以此区分各个渠道,方便统计app在市场的 ...

  3. Spring Boot项目(Maven\Gradle)三种启动方式及后台运行详解

    Spring Boot项目三种启动方式及后台运行详解 1 Spring Boot项目三种启动方法 运行Application.java类中的Main方法 项目管理工具启动 Maven项目:mvn sp ...

  4. 判断数组中某个元素除自身外是否和其他数据不同_算法工程师要懂的3种算法数据结构:线性表详解...

    算法思想有很多,业界公认的常用算法思想有8种,分别是枚举.递推.递归.分治.贪心.试探法.动态迭代和模拟.当然8种只是一个大概的划分,是一个"仁者见仁.智者见智"的问题. 其实这些 ...

  5. Java 11中的新功能和API详解系列1

    Java 11中的新功能和API详解系列1 2018.9.27 版权声明:本文为博主chszs的原创文章,未经博主允许不得转载. JDK 11在语言语法方面有一个小改动,增加了相当数量的新API,以及 ...

  6. 走穿java23种设计模式-15责任链模式详解

    走穿java23种设计模式-15责任链模式详解 责任链模式是一种常见的行为模式. 一.责任链模式的现实场景 习伟过生日邀请了很多朋友到KTV一起庆祝,为了增加欢乐的气氛,习伟建议大家一起玩击鼓传花的游 ...

  7. Twain的学习记录和基于Qt的相关开源项目详解

    Twain学习记录和基于Qt的开源项目详解 twpp-qml 适用于 C++11 及更高版本的便携式.仅标头 TWAIN 框架. 原项目作者使用Qtwidget基于Twain静态传输一张图片 我基于h ...

  8. 走穿java23种设计模式--18中介者模式详解

    走穿java23种设计模式–18中介者模式详解 中介者模式也称调停者模式,是一种比较简单的模式. 一.中介者模式的现实场景 蔡良因为上次表白时对方只看重他的物质方面,所以他对女朋友这个问题有点失望.因 ...

  9. 创建三个并发进程linux,Linux下几种并发服务器的实现模式(详解)

    1>单线程或者单进程 相当于短链接,当accept之后,就开始数据的接收和数据的发送,不接受新的连接,即一个server,一个client 不存在并发. 2>循环服务器和并发服务器 1.循 ...

最新文章

  1. SQL中的Null值
  2. 细说plsql中的空值表达式
  3. 常见汉字Unicode编码
  4. Linux学习之系统编程篇:回收子线程资源
  5. pandas基本数据处理
  6. Ubuntu18.04下安装NFS详细步骤
  7. Spring注入方式及注解配置
  8. java是解释执行么
  9. jmeter实现手机号归属地接口测试案例
  10. unity之动画编辑器
  11. 使用 BEV 投影的高效城市规模点云分割
  12. KubeSphere又开始对接公有云了,这一次是阿里云 SLB
  13. Linux自动挂载模块目录,LINUX modprobe命令-自动处理可载入模块
  14. JPA二:FindBy和JPQL
  15. 无法打开文件“libboost_thread-vc140-mt-1_63.lib”
  16. 《Grasshopper参数化设计教程》实操 Part A Level 2
  17. 阿里云服务器,在主机管理控制台添加系统支持的 MIME 的类型
  18. 巨一自动化工业机器人_【巨一自动化装备公司工业机器人调试工程师面试】两个人面试的,科长和经理。-看准网...
  19. 20几岁决定女人的一生
  20. 可以产生粗体字的html标签是,下列可以产生粗体字的 HTML 标签是______

热门文章

  1. 【鸿蒙OS开发入门】18 - HDF驱动子系统:加速度计传感器 Driver层驱动代码分析
  2. c语言赋值符号,运算符赋值运算符 - C语言教程
  3. 卿本佳人,奈何念我【三】
  4. 高通骁龙8+转投台积电!4nm制程整体功耗降15%,小米OPPO旗舰都安排上了
  5. 软件开发过程大观——软件开发过程改进为什么能帮助软件质量提升?
  6. Max导Unity Humanoid模型
  7. muduo C++网络库的学习笔记
  8. 微信营销七(微信朋友圈发文技巧)
  9. [机器学习]多视角谱聚类(Ncut matlab代码)
  10. 定期定量采购_定期订货法与定量订货法分析