强大美观的通用弹窗XPopup,一个就足够!

栏目: Android · 发布时间: 7年前

内容简介:功能强大,UI简洁,交互优雅的通用弹窗!可以替代Dialog,PopupWindow,PopupMenu,BottomSheet等组件,自带十几种效果良好的动画, 支持完全的UI和动画自定义!编写本库的初衷有以下几点:设计思路:

功能强大,UI简洁,交互优雅的通用弹窗!可以替代Dialog,PopupWindow,PopupMenu,BottomSheet等组件,自带十几种效果良好的动画, 支持完全的UI和动画自定义!

编写本库的初衷有以下几点:

  1. 项目有这样常见需求:中间和底部弹出甚至可拖拽的对话框,指定位置的PopupMenu或者PopupWindow,指定区域阴影的弹出层效果
  2. 市面上已有的类库要么功能不足够,要么交互效果不完美,有着普遍的缺点,就像BottomSheet存在的问题一样。比如:窗体消失的动画和背景渐变动画不一致,窗体消失后半透明背景仍然停留一会儿

设计思路:

综合常见的弹窗场景,我将其分为3类:

  1. Center类型,就是在中间弹出的弹窗,比如确认和取消弹窗,Loading弹窗
  2. Bottom类型,就是从页面底部弹出,比如从底部弹出的分享窗体,知乎的从底部弹出的评论列表
  3. Attach类型,就是弹窗的位置需要依附于某个View,就像系统的PopupMenu效果一样,但自定义性很强

动画设计:

为了增加交互的趣味性,遵循Material Design,在设计动画的时候考虑了很多细节,过渡,层级的变化。具体可以从Demo中感受。

Gradle

implementation 'com.lxj:xpopup:latest release'
复制代码

ScreenShot

强大美观的通用弹窗XPopup,一个就足够!

preview2.gif

强大美观的通用弹窗XPopup,一个就足够!

preview3.gif

强大美观的通用弹窗XPopup,一个就足够!
强大美观的通用弹窗XPopup,一个就足够!

使用

为了方便使用,已经内置了几种常见弹窗的实现:

  1. 显示确认和取消对话框
    XPopup.get(getContext()).asConfirm("我是标题", "我是内容",
                            new OnConfirmListener() {
                                @Override
                                public void onConfirm() {
                                   toast("click confirm");
                                }
                            })
                            .show();
    复制代码
  2. 显示带输入框的确认和取消对话框
    XPopup.get(getContext()).asInputConfirm("我是标题", "请输入内容。",
                            new OnInputConfirmListener() {
                                @Override
                                public void onConfirm(String text) {
                                    toast("input text: " + text);
                                }
                            })
                            .show();
    复制代码
  3. 显示中间弹出的列表弹窗
    XPopup.get(getActivity()).asCenterList("请选择一项",new String[]{"条目1", "条目2", "条目3", "条目4"},
                            new OnSelectListener() {
                                @Override
                                public void onSelect(int position, String text) {
                                    toast("click "+text);
                                }
                            })
                            .show();
    复制代码
  4. 显示中间弹出的加载框
    XPopup.get(getActivity()).asLoading().show();
    复制代码
  5. 显示从底部弹出的列表弹窗
    XPopup.get(getActivity()).asBottomList("请选择一项",new String[]{"条目1", "条目2", "条目3", "条目4","条目5"},
                            new OnSelectListener() {
                                @Override
                                public void onSelect(int position, String text) {
                                    toast("click "+text);
                                }
                            })
                            .show();
    复制代码
  6. 显示依附于某个View的弹窗
    XPopup.get(getActivity()).asAttachList(new String[]{"分享", "编辑", "不带icon"},
                            new int[]{R.mipmap.ic_launcher, R.mipmap.ic_launcher},
                            new OnSelectListener() {
                                @Override
                                public void onSelect(int position, String text) {
                                    toast("click "+text);
                                }
                            })
                            .atView(v)  // 依附于所点击的View,必须设置
                            .show();
    复制代码
  7. 关闭弹窗
    XPopup.get(getContext()).dismiss();
    复制代码

联系方式

Github: github.com/li-xiaojun/…

QQ:16167479

这个库是刚刚发布,我很需要您的建议或者想法,请不要吝啬你的需求,狠狠地在Github提issue吧。


以上所述就是小编给大家介绍的《强大美观的通用弹窗XPopup,一个就足够!》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。

Practical Django Projects, Second Edition

Practical Django Projects, Second Edition

James Bennett / Apress / 2009 / 44.99

Build a django content management system, blog, and social networking site with James Bennett as he introduces version 1.1 of the popular Django framework. You’ll work through the development of ea......一起来看看 《Practical Django Projects, Second Edition》 这本书的介绍吧!

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具