精华内容
下载资源
问答
  • CSS弹出框样式

    2021-06-11 04:25:07
    今天修改完成了项目中一个密码重置的模块,刚开始开发为了简便 只是为了省事弹出一个DIV在显示用户内容信息的下边,后来发现随着账户的增多就DIV就会显示到底部,操作起来很不方便于是就进行修改成了这样一来操作...

    今天修改完成了项目中一个密码重置的模块,刚开始开发为了简便 只是为了省事弹出一个DIV在显示用户内容信息的下边,

    后来发现随着账户的增多就DIV就会显示到底部,操作起来很不方便于是就进行修改成了0818b9ca8b590ca3270a3433284dd417.png

    这样一来操作起来也方便的多。

    刚开始在网上进行JS代码查找找到了很多具有相同功能的,但是添加到项目中的效果都不太理想,特别是对于浏览器兼容性的

    这个问题,IE上和火狐上总会有点差距,后来经过一定的修改找了下面的代码,比较简单实用

    以下是完整代码:

    弹出提示_IT知道网提供()

    * {margin:0;padding:0;font-size:12px;}

    html,body {height:100%;width:100%;}

    #content {background:#f8f8f8;padding:30px;height:100%;}

    #content a {font-size:30px;color:#369;font-weight:700;}

    #alert {border:1px solid #369;width:300px;height:150px;background:#e2ecf5;z-index:1000;position:absolute;display:none;}

    #alert h4 {height:20px;background:#369;color:#fff;padding:5px 0 0 5px;}

    #alert h4 span {float:left;}

    #alert h4 span#close {margin-left:210px;font-weight:500;cursor:pointer;}

    #alert p {padding:12px 0 0 30px;}

    #alert p input {width:120px;margin-left:20px;}

    #alert p input.myinp {border:1px solid #ccc;height:16px;}

    #alert p input.sub {width:60px;margin-left:30px;}

    注册 点击“注册”按钮弹窗演示——IT知道网演示代码

    现在注册关闭

    用户名

    onfoucs="this.style.border='1px solid #f60'" οnblur="this.style.border='1px solid #ccc'" />

    密 码

    onfoucs="this.style.border='1px solid #f60'" οnblur="this.style.border='1px solid #ccc'" />

    var myAlert = document.getElementById("alert");

    var reg = document.getElementById("content").getElementsByTagName("a")[0];

    var mClose = document.getElementById("close");

    reg.onclick = function()

    {

    myAlert.style.display = "block";

    myAlert.style.position = "absolute";

    myAlert.style.top = "50%";

    myAlert.style.left = "50%";

    myAlert.style.marginTop = "-75px";

    myAlert.style.marginLeft = "-150px";

    mybg = document.createElement("div");

    mybg.setAttribute("id","mybg");

    mybg.style.background = "#000";

    mybg.style.width = "100%";

    mybg.style.height = "100%";

    mybg.style.position = "absolute";

    mybg.style.top = "0";

    mybg.style.left = "0";

    mybg.style.zIndex = "500";

    mybg.style.opacity = "0.3";

    mybg.style.filter = "Alpha(opacity=30)";

    document.body.appendChild(mybg);

    document.body.style.overflow = "hidden";

    }

    mClose.onclick = function()

    {

    myAlert.style.display = "none";

    mybg.style.display = "none";

    }

    展开全文
  • 简介这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明。同时也可自定义弹出框。特性1.使用链式开发代码简洁明了2.所有的弹出框样式都在DialogUIUtils这个类中...

    简介

    这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明。同时也可自定义弹出框。

    特性

    1.使用链式开发代码简洁明了

    2.所有的弹出框样式都在DialogUIUtils这个类中完成,方便查阅方法

    3.可以自定义弹出框字体样式

    4.简单的类似加载框的样式可以支持两种主题更改默认白色和灰色

    截图

    demo下载

    demo apk下载

    Download or grab via Maven:

    com.dou361.dialogui

    jjdxm-dialogui

    x.x.x

    or Gradle:

    compile 'com.dou361.dialogui:jjdxm-dialogui:x.x.x'

    历史版本:

    compile 'com.dou361.dialogui:jjdxm-dialogui:1.0.1'

    compile 'com.dou361.dialogui:jjdxm-dialogui:1.0.0'

    jjdxm-dialogui requires at minimum Java 9 or Android 2.3.

    架包的打包引用以及冲突解决

    代码混淆

    根据你的混淆器配置和使用,您可能需要在你的proguard文件内配置以下内容:

    -keep class com.dou361.** {

    *;

    }

    AndroidStudio代码混淆注意的问题

    快速开始

    step1

    如果需要使用toast类,采用单例模式的,多次调用toast后只会显示一个,需要初始化DialogUIUtils类,否则会抛异常,使用前初始化即可,代码如下

    DialogUIUtils.init(appContext);

    step2

    如果不需要使用toast类,可以不操作step1,直接使用相对于的弹出框即可。以下分别是部分弹出框的调用代码案例。

    自定义弹出框

    /**

    * 自定义弹出框 默认居中可取消可点击

    *

    * @param context 上下问

    * @param contentView 自定义view

    * @return

    */

    public static BuildBean showCustomAlert(Context context, View contentView)

    /**

    * 自定义弹出框 默认可取消可点击

    *

    * @param context 上下文

    * @param contentView 自定义view

    * @param gravity 显示window的位置例如Gravity.center

    * @return

    */

    public static BuildBean showCustomAlert(Context context, View contentView, int gravity)

    /***

    * 自定义弹出框

    *

    * @param context 上下文

    * @param contentView 自定义view

    * @param gravity 显示window的位置例如Gravity.center

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @return

    */

    public static BuildBean showCustomAlert(Context context, View contentView, int gravity, boolean cancleable, boolean outsideTouchable)

    具体使用

    View rootView = View.inflate(activity, R.layout.custom_dialog_layout, null);

    DialogUIUtils.showCustomAlert(this, rootView).show();

    弹出toast

    /**

    * 弹出toast 默认白色背景可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    */

    public static BuildBean showToastTie(Context context, CharSequence msg)

    /**

    * 弹出toast 默认可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showToastTie(Context context, CharSequence msg, boolean isWhiteBg)

    /**

    * 弹出toast

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showToastTie(Context context, CharSequence msg, boolean cancleable, boolean outsideTouchable, boolean isWhiteBg)

    具体使用

    DialogUIUtils.showToastTie(this, "加载中...").show();

    横向加载框

    /**

    * 横向加载框 默认白色背景可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    */

    public static BuildBean showLoadingHorizontal(Context context, CharSequence msg)

    /**

    * 横向加载框 默认可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showLoadingHorizontal(Context context, CharSequence msg, boolean isWhiteBg)

    /**

    * 横向加载框

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showLoadingHorizontal(Context context, CharSequence msg, boolean cancleable, boolean outsideTouchable, boolean isWhiteBg)

    具体使用

    DialogUIUtils.showLoadingHorizontal(this, "加载中...").show();

    md风格横向加载框

    /**

    * md风格横向加载框 默认白色背景可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    */

    public static BuildBean showMdLoadingHorizontal(Context context, CharSequence msg)

    /**

    * md风格横向加载框 默认可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showMdLoadingHorizontal(Context context, CharSequence msg, boolean isWhiteBg)

    /**

    * md风格横向加载框

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showMdLoadingHorizontal(Context context, CharSequence msg, boolean cancleable, boolean outsideTouchable, boolean isWhiteBg)

    具体使用

    DialogUIUtils.showMdLoadingHorizontal(this, "加载中...").show();

    竖向加载框

    /**

    * 竖向加载框 默认白色背景可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    */

    public static BuildBean showLoadingVertical(Context context, CharSequence msg)

    /**

    * 竖向加载框 默认可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showLoadingVertical(Context context, CharSequence msg, boolean isWhiteBg)

    /**

    * 竖向加载框

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showLoadingVertical(Context context, CharSequence msg, boolean cancleable, boolean outsideTouchable, boolean isWhiteBg)

    具体使用

    DialogUIUtils.showLoadingVertical(this, "加载中...").show();

    md风格竖向加载框

    /**

    * md风格竖向加载框 默认白色背景可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    */

    public static BuildBean showMdLoadingVertical(Context context, CharSequence msg)

    /**

    * md风格竖向加载框 默认可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showMdLoadingVertical(Context context, CharSequence msg, boolean isWhiteBg)

    /**

    * md风格竖向加载框

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showMdLoadingVertical(Context context, CharSequence msg, boolean cancleable, boolean outsideTouchable, boolean isWhiteBg)

    具体使用

    DialogUIUtils.showMdLoadingVertical(this, "加载中...").show();

    md风格弹出框

    /***

    * md风格弹出框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdAlert(Activity activity, CharSequence title, CharSequence msg, DialogUIListener listener)

    /***

    * md风格弹出框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdAlert(Activity activity, CharSequence title, CharSequence msg, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    DialogUIUtils.showMdAlert(activity, "标题", "文本内容", new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    }).show();

    md风格多选框

    /**

    * md风格多选框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param words 消息数组

    * @param checkedItems 默认选中项

    * @param listener 事件监听

    */

    public static BuildBean showMdMultiChoose(Activity activity, CharSequence title, CharSequence[] words, boolean[] checkedItems, DialogUIListener listener)

    /***

    * md风格多选框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param words 消息数组

    * @param checkedItems 默认选中项

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdMultiChoose(Activity activity, CharSequence title, CharSequence[] words, boolean[] checkedItems, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    String[] words = new String[]{"1", "2", "3"};

    boolean[] choseDefault = new boolean[]{false, false, false};

    DialogUIUtils.showMdMultiChoose(activity, "标题", words, choseDefault, new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    }).show();

    单选框

    /**

    * 单选框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param defaultChosen 默认选中项

    * @param words 消息数组

    * @param listener 事件监听

    */

    public static BuildBean showSingleChoose(Activity activity, CharSequence title, int defaultChosen, CharSequence[] words, DialogUIItemListener listener)

    /**

    * 单选框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param defaultChosen 默认选中项

    * @param words 消息数组

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    */

    public static BuildBean showSingleChoose(Activity activity, CharSequence title, int defaultChosen, CharSequence[] words, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    String[] words2 = new String[]{"1", "2", "3"};

    DialogUIUtils.showSingleChoose(activity, "单选", 0, words2, new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    showToast(text + "--" + position);

    }

    }).show();

    提示弹出框

    /**

    * 提示弹出框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param listener 事件监听

    */

    public static BuildBean showAlert(Activity activity, CharSequence title, CharSequence msg, DialogUIListener listener)

    /**

    * 提示弹出框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    */

    public static BuildBean showAlert(Activity activity, CharSequence title, CharSequence msg, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    DialogUIUtils.showAlert(activity, "标题", "文本内容", new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    }).show();

    横向弹出框

    /**

    * 横向弹出框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param listener 事件监听

    */

    public static BuildBean showAlertHorizontal(Context activity, CharSequence title, CharSequence msg, DialogUIListener listener)

    /**

    * 横向弹出框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    */

    public static BuildBean showAlertHorizontal(Context activity, CharSequence title, CharSequence msg, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    DialogUIUtils.showAlertHorizontal(activity, "标题", "文本内容", new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    }).show();

    竖向弹出框

    /**

    * 竖向弹出框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param listener 事件监听

    */

    public static BuildBean showAlertVertical(Context activity, CharSequence title, CharSequence msg, DialogUIListener listener)

    /**

    * 竖向弹出框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    */

    public static BuildBean showAlertVertical(Context activity, CharSequence title, CharSequence msg, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    DialogUIUtils.showAlertVertical(activity, "标题", "文本内容", new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    }).show();

    中间弹出列表

    /**

    * 中间弹出列表 默认可取消可点击

    *

    * @param context 上下文

    * @param words 素组集合

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showCenterSheet(Context context, List extends CharSequence> words, DialogUIItemListener listener)

    /***

    * 中间弹出列表

    *

    * @param context 上下文

    * @param words 素组集合

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showCenterSheet(Context context, List extends CharSequence> words, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    List strings = new ArrayList<>();

    strings.add("1");

    strings.add("2");

    strings.add("3");

    DialogUIUtils.showCenterSheet(activity, strings, new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    }

    @Override

    public void onBottomBtnClick() {

    }

    }).show();

    带取消的底部弹出列表

    /**

    * 带取消的底部弹出列表 默认可取消可点击

    *

    * @param context 上下文

    * @param words 素组集合

    * @param bottomTxt 底部按钮文本

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showBottomSheetAndCancel(Context context, List extends CharSequence> words, CharSequence bottomTxt, DialogUIItemListener listener)

    /***

    * 带取消的底部弹出列表

    *

    * @param context 上下文

    * @param words 素组集合

    * @param bottomTxt 底部按钮文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showBottomSheetAndCancel(Context context, List extends CharSequence> words, CharSequence bottomTxt, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    List strings = new ArrayList<>();

    strings.add("1");

    strings.add("2");

    strings.add("3");

    DialogUIUtils.showBottomSheetAndCancel(activity, strings, "取消", new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    }

    @Override

    public void onBottomBtnClick() {

    }

    }).show();

    底部弹出列表

    /**

    * 底部弹出列表 默认可取消可点击

    *

    * @param context 上下文

    * @param datas 集合需要BottomSheetBean对象

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showBottomSheet(Activity context, List datas, DialogUIItemListener listener)

    /***

    * 底部弹出列表

    *

    * @param context 上下文

    * @param datas 集合需要BottomSheetBean对象

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showBottomSheet(Activity context, List datas, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    List datass = new ArrayList<>();

    datass.add(new BottomSheetBean(0, "1"));

    datass.add(new BottomSheetBean(0, "2"));

    datass.add(new BottomSheetBean(0, "3"));

    DialogUIUtils.showBottomSheet(this, datass, new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    }

    }).show();

    输入框

    /**

    * 输入框 默认可取消可点击

    *

    * @param context 上下文

    * @param title 标题

    * @param hint1 第一个文本框提示语

    * @param hint2 第二个文本框提示语

    * @param firstTxt 第一个按钮文本

    * @param secondTxt 第二个按钮文本

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showAlertInput(Context context, CharSequence title, CharSequence hint1, CharSequence hint2, CharSequence firstTxt, CharSequence secondTxt, DialogUIListener listener)

    /***

    * 输入框

    *

    * @param context 上下文

    * @param title 标题

    * @param hint1 第一个文本框提示语

    * @param hint2 第二个文本框提示语

    * @param firstTxt 第一个按钮文本

    * @param secondTxt 第二个按钮文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showAlertInput(Context context, CharSequence title, CharSequence hint1, CharSequence hint2, CharSequence firstTxt, CharSequence secondTxt, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    DialogUIUtils.showAlertInput(activity, "登录", "请输入用户名", "请输入密码", "登录", "取消", new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    @Override

    public void onGetInput(CharSequence input1, CharSequence input2) {

    }

    }).show();

    md风格竖向底部弹出列表

    /**

    * md风格竖向底部弹出列表 默认可取消可点击

    *

    * @param context 上下文

    * @param title 标题

    * @param datas 集合需要BottomSheetBean对象

    * @param bottomTxt 底部item文本

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdBottomSheetVertical(Context context, CharSequence title, List datas, CharSequence bottomTxt, DialogUIItemListener listener)

    /***

    * md风格竖向底部弹出列表

    *

    * @param context 上下文

    * @param title 标题

    * @param datas 集合需要BottomSheetBean对象

    * @param bottomTxt 底部item文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdBottomSheetVertical(Context context, CharSequence title, List datas, CharSequence bottomTxt, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    List datass = new ArrayList<>();

    datass.add(new BottomSheetBean(0, "1"));

    datass.add(new BottomSheetBean(0, "2"));

    datass.add(new BottomSheetBean(0, "3"));

    DialogUIUtils.showMdBottomSheetVertical(this, datass, new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    }

    }).show();

    md风格横向底部弹出列表

    /**

    * md风格横向底部弹出列表 默认可取消可点击

    *

    * @param context 上下文

    * @param title 标题

    * @param datas 集合需要BottomSheetBean对象

    * @param bottomTxt 底部item文本

    * @param columnsNum 列数量

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdBottomSheetHorizontal(Context context, CharSequence title, List datas, CharSequence bottomTxt, int columnsNum, DialogUIItemListener listener)

    /***

    * md风格横向底部弹出列表

    *

    * @param context 上下文

    * @param title 标题

    * @param datas 集合需要BottomSheetBean对象

    * @param bottomTxt 底部item文本

    * @param columnsNum 列数量

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdBottomSheetHorizontal(Context context, CharSequence title, List datas, CharSequence bottomTxt, int columnsNum, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    List datass = new ArrayList<>();

    datass.add(new BottomSheetBean(0, "1"));

    datass.add(new BottomSheetBean(0, "2"));

    datass.add(new BottomSheetBean(0, "3"));

    DialogUIUtils.showMdBottomSheetHorizontal(this, datass, new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    }

    }).show();

    以上所述是小编给大家介绍的Android 多种简单的弹出框样式设置代码,数据库显示空白的完美解决方案(图文教程),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    展开全文
  • 简介这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明。同时也可自定义弹出框。特性1.使用链式开发代码简洁明了2.所有的弹出框样式都在DialogUIUtils这个类中...

    简介

    这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明。同时也可自定义弹出框。

    特性

    1.使用链式开发代码简洁明了

    2.所有的弹出框样式都在DialogUIUtils这个类中完成,方便查阅方法

    3.可以自定义弹出框字体样式

    4.简单的类似加载框的样式可以支持两种主题更改默认白色和灰色

    截图

    demo下载

    Download or grab via Maven:

    com.dou361.dialogui

    jjdxm-dialogui

    x.x.x

    or Gradle:

    compile 'com.dou361.dialogui:jjdxm-dialogui:x.x.x'

    历史版本:

    compile 'com.dou361.dialogui:jjdxm-dialogui:1.0.1'

    compile 'com.dou361.dialogui:jjdxm-dialogui:1.0.0'

    jjdxm-dialogui requires at minimum Java 9 or Android 2.3.

    代码混淆

    根据你的混淆器配置和使用,您可能需要在你的proguard文件内配置以下内容:

    -keep class com.dou361.** {

    *;

    }

    快速开始

    step1

    如果需要使用toast类,采用单例模式的,多次调用toast后只会显示一个,需要初始化DialogUIUtils类,否则会抛异常,使用前初始化即可,代码如下

    DialogUIUtils.init(appContext);

    step2

    如果不需要使用toast类,可以不操作step1,直接使用相对于的弹出框即可。以下分别是部分弹出框的调用代码案例。

    自定义弹出框

    /**

    * 自定义弹出框 默认居中可取消可点击

    *

    * @param context 上下问

    * @param contentView 自定义view

    * @return

    */

    public static BuildBean showCustomAlert(Context context, View contentView)

    /**

    * 自定义弹出框 默认可取消可点击

    *

    * @param context 上下文

    * @param contentView 自定义view

    * @param gravity 显示window的位置例如Gravity.center

    * @return

    */

    public static BuildBean showCustomAlert(Context context, View contentView, int gravity)

    /***

    * 自定义弹出框

    *

    * @param context 上下文

    * @param contentView 自定义view

    * @param gravity 显示window的位置例如Gravity.center

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @return

    */

    public static BuildBean showCustomAlert(Context context, View contentView, int gravity, boolean cancleable, boolean outsideTouchable)

    具体使用

    View rootView = View.inflate(activity, R.layout.custom_dialog_layout, null);

    DialogUIUtils.showCustomAlert(this, rootView).show();

    弹出toast

    /**

    * 弹出toast 默认白色背景可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    */

    public static BuildBean showToastTie(Context context, CharSequence msg)

    /**

    * 弹出toast 默认可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showToastTie(Context context, CharSequence msg, boolean isWhiteBg)

    /**

    * 弹出toast

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showToastTie(Context context, CharSequence msg, boolean cancleable, boolean outsideTouchable, boolean isWhiteBg)

    具体使用

    DialogUIUtils.showToastTie(this, "加载中...").show();

    横向加载框

    /**

    * 横向加载框 默认白色背景可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    */

    public static BuildBean showLoadingHorizontal(Context context, CharSequence msg)

    /**

    * 横向加载框 默认可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showLoadingHorizontal(Context context, CharSequence msg, boolean isWhiteBg)

    /**

    * 横向加载框

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showLoadingHorizontal(Context context, CharSequence msg, boolean cancleable, boolean outsideTouchable, boolean isWhiteBg)

    具体使用

    DialogUIUtils.showLoadingHorizontal(this, "加载中...").show();

    md风格横向加载框

    /**

    * md风格横向加载框 默认白色背景可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    */

    public static BuildBean showMdLoadingHorizontal(Context context, CharSequence msg)

    /**

    * md风格横向加载框 默认可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showMdLoadingHorizontal(Context context, CharSequence msg, boolean isWhiteBg)

    /**

    * md风格横向加载框

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showMdLoadingHorizontal(Context context, CharSequence msg, boolean cancleable, boolean outsideTouchable, boolean isWhiteBg)

    具体使用

    DialogUIUtils.showMdLoadingHorizontal(this, "加载中...").show();

    竖向加载框

    /**

    * 竖向加载框 默认白色背景可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    */

    public static BuildBean showLoadingVertical(Context context, CharSequence msg)

    /**

    * 竖向加载框 默认可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showLoadingVertical(Context context, CharSequence msg, boolean isWhiteBg)

    /**

    * 竖向加载框

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showLoadingVertical(Context context, CharSequence msg, boolean cancleable, boolean outsideTouchable, boolean isWhiteBg)

    具体使用

    DialogUIUtils.showLoadingVertical(this, "加载中...").show();

    md风格竖向加载框

    /**

    * md风格竖向加载框 默认白色背景可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    */

    public static BuildBean showMdLoadingVertical(Context context, CharSequence msg)

    /**

    * md风格竖向加载框 默认可取消可点击

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showMdLoadingVertical(Context context, CharSequence msg, boolean isWhiteBg)

    /**

    * md风格竖向加载框

    *

    * @param context 上下文

    * @param msg 提示文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param isWhiteBg true为白色背景false为灰色背景

    */

    public static BuildBean showMdLoadingVertical(Context context, CharSequence msg, boolean cancleable, boolean outsideTouchable, boolean isWhiteBg)

    具体使用

    DialogUIUtils.showMdLoadingVertical(this, "加载中...").show();

    md风格弹出框

    /***

    * md风格弹出框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdAlert(Activity activity, CharSequence title, CharSequence msg, DialogUIListener listener)

    /***

    * md风格弹出框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdAlert(Activity activity, CharSequence title, CharSequence msg, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    DialogUIUtils.showMdAlert(activity, "标题", "文本内容", new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    }).show();

    md风格多选框

    /**

    * md风格多选框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param words 消息数组

    * @param checkedItems 默认选中项

    * @param listener 事件监听

    */

    public static BuildBean showMdMultiChoose(Activity activity, CharSequence title, CharSequence[] words, boolean[] checkedItems, DialogUIListener listener)

    /***

    * md风格多选框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param words 消息数组

    * @param checkedItems 默认选中项

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdMultiChoose(Activity activity, CharSequence title, CharSequence[] words, boolean[] checkedItems, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    String[] words = new String[]{"1", "2", "3"};

    boolean[] choseDefault = new boolean[]{false, false, false};

    DialogUIUtils.showMdMultiChoose(activity, "标题", words, choseDefault, new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    }).show();

    单选框

    /**

    * 单选框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param defaultChosen 默认选中项

    * @param words 消息数组

    * @param listener 事件监听

    */

    public static BuildBean showSingleChoose(Activity activity, CharSequence title, int defaultChosen, CharSequence[] words, DialogUIItemListener listener)

    /**

    * 单选框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param defaultChosen 默认选中项

    * @param words 消息数组

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    */

    public static BuildBean showSingleChoose(Activity activity, CharSequence title, int defaultChosen, CharSequence[] words, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    String[] words2 = new String[]{"1", "2", "3"};

    DialogUIUtils.showSingleChoose(activity, "单选", 0, words2, new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    showToast(text + "--" + position);

    }

    }).show();

    提示弹出框

    /**

    * 提示弹出框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param listener 事件监听

    */

    public static BuildBean showAlert(Activity activity, CharSequence title, CharSequence msg, DialogUIListener listener)

    /**

    * 提示弹出框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    */

    public static BuildBean showAlert(Activity activity, CharSequence title, CharSequence msg, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    DialogUIUtils.showAlert(activity, "标题", "文本内容", new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    }).show();

    横向弹出框

    /**

    * 横向弹出框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param listener 事件监听

    */

    public static BuildBean showAlertHorizontal(Context activity, CharSequence title, CharSequence msg, DialogUIListener listener)

    /**

    * 横向弹出框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    */

    public static BuildBean showAlertHorizontal(Context activity, CharSequence title, CharSequence msg, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    DialogUIUtils.showAlertHorizontal(activity, "标题", "文本内容", new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    }).show();

    竖向弹出框

    /**

    * 竖向弹出框 默认可取消可点击

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param listener 事件监听

    */

    public static BuildBean showAlertVertical(Context activity, CharSequence title, CharSequence msg, DialogUIListener listener)

    /**

    * 竖向弹出框

    *

    * @param activity 所在activity

    * @param title 标题 不传则无标题

    * @param msg 消息

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    */

    public static BuildBean showAlertVertical(Context activity, CharSequence title, CharSequence msg, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    DialogUIUtils.showAlertVertical(activity, "标题", "文本内容", new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    }).show();

    中间弹出列表

    /**

    * 中间弹出列表 默认可取消可点击

    *

    * @param context 上下文

    * @param words 素组集合

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showCenterSheet(Context context, List extends CharSequence> words, DialogUIItemListener listener)

    /***

    * 中间弹出列表

    *

    * @param context 上下文

    * @param words 素组集合

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showCenterSheet(Context context, List extends CharSequence> words, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    List strings = new ArrayList<>();

    strings.add("1");

    strings.add("2");

    strings.add("3");

    DialogUIUtils.showCenterSheet(activity, strings, new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    }

    @Override

    public void onBottomBtnClick() {

    }

    }).show();

    带取消的底部弹出列表

    /**

    * 带取消的底部弹出列表 默认可取消可点击

    *

    * @param context 上下文

    * @param words 素组集合

    * @param bottomTxt 底部按钮文本

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showBottomSheetAndCancel(Context context, List extends CharSequence> words, CharSequence bottomTxt, DialogUIItemListener listener)

    /***

    * 带取消的底部弹出列表

    *

    * @param context 上下文

    * @param words 素组集合

    * @param bottomTxt 底部按钮文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showBottomSheetAndCancel(Context context, List extends CharSequence> words, CharSequence bottomTxt, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    List strings = new ArrayList<>();

    strings.add("1");

    strings.add("2");

    strings.add("3");

    DialogUIUtils.showBottomSheetAndCancel(activity, strings, "取消", new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    }

    @Override

    public void onBottomBtnClick() {

    }

    }).show();

    底部弹出列表

    /**

    * 底部弹出列表 默认可取消可点击

    *

    * @param context 上下文

    * @param datas 集合需要BottomSheetBean对象

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showBottomSheet(Activity context, List datas, DialogUIItemListener listener)

    /***

    * 底部弹出列表

    *

    * @param context 上下文

    * @param datas 集合需要BottomSheetBean对象

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showBottomSheet(Activity context, List datas, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    List datass = new ArrayList<>();

    datass.add(new BottomSheetBean(0, "1"));

    datass.add(new BottomSheetBean(0, "2"));

    datass.add(new BottomSheetBean(0, "3"));

    DialogUIUtils.showBottomSheet(this, datass, new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    }

    }).show();

    输入框

    /**

    * 输入框 默认可取消可点击

    *

    * @param context 上下文

    * @param title 标题

    * @param hint1 第一个文本框提示语

    * @param hint2 第二个文本框提示语

    * @param firstTxt 第一个按钮文本

    * @param secondTxt 第二个按钮文本

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showAlertInput(Context context, CharSequence title, CharSequence hint1, CharSequence hint2, CharSequence firstTxt, CharSequence secondTxt, DialogUIListener listener)

    /***

    * 输入框

    *

    * @param context 上下文

    * @param title 标题

    * @param hint1 第一个文本框提示语

    * @param hint2 第二个文本框提示语

    * @param firstTxt 第一个按钮文本

    * @param secondTxt 第二个按钮文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showAlertInput(Context context, CharSequence title, CharSequence hint1, CharSequence hint2, CharSequence firstTxt, CharSequence secondTxt, boolean cancleable, boolean outsideTouchable, DialogUIListener listener)

    具体使用

    DialogUIUtils.showAlertInput(activity, "登录", "请输入用户名", "请输入密码", "登录", "取消", new DialogUIListener() {

    @Override

    public void onPositive() {

    }

    @Override

    public void onNegative() {

    }

    @Override

    public void onGetInput(CharSequence input1, CharSequence input2) {

    }

    }).show();

    md风格竖向底部弹出列表

    /**

    * md风格竖向底部弹出列表 默认可取消可点击

    *

    * @param context 上下文

    * @param title 标题

    * @param datas 集合需要BottomSheetBean对象

    * @param bottomTxt 底部item文本

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdBottomSheetVertical(Context context, CharSequence title, List datas, CharSequence bottomTxt, DialogUIItemListener listener)

    /***

    * md风格竖向底部弹出列表

    *

    * @param context 上下文

    * @param title 标题

    * @param datas 集合需要BottomSheetBean对象

    * @param bottomTxt 底部item文本

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdBottomSheetVertical(Context context, CharSequence title, List datas, CharSequence bottomTxt, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    List datass = new ArrayList<>();

    datass.add(new BottomSheetBean(0, "1"));

    datass.add(new BottomSheetBean(0, "2"));

    datass.add(new BottomSheetBean(0, "3"));

    DialogUIUtils.showMdBottomSheetVertical(this, datass, new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    }

    }).show();

    md风格横向底部弹出列表

    /**

    * md风格横向底部弹出列表 默认可取消可点击

    *

    * @param context 上下文

    * @param title 标题

    * @param datas 集合需要BottomSheetBean对象

    * @param bottomTxt 底部item文本

    * @param columnsNum 列数量

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdBottomSheetHorizontal(Context context, CharSequence title, List datas, CharSequence bottomTxt, int columnsNum, DialogUIItemListener listener)

    /***

    * md风格横向底部弹出列表

    *

    * @param context 上下文

    * @param title 标题

    * @param datas 集合需要BottomSheetBean对象

    * @param bottomTxt 底部item文本

    * @param columnsNum 列数量

    * @param cancleable true为可以取消false为不可取消

    * @param outsideTouchable true为可以点击空白区域false为不可点击

    * @param listener 事件监听

    * @return

    */

    public static BuildBean showMdBottomSheetHorizontal(Context context, CharSequence title, List datas, CharSequence bottomTxt, int columnsNum, boolean cancleable, boolean outsideTouchable, DialogUIItemListener listener)

    具体使用

    List datass = new ArrayList<>();

    datass.add(new BottomSheetBean(0, "1"));

    datass.add(new BottomSheetBean(0, "2"));

    datass.add(new BottomSheetBean(0, "3"));

    DialogUIUtils.showMdBottomSheetHorizontal(this, datass, new DialogUIItemListener() {

    @Override

    public void onItemClick(CharSequence text, int position) {

    }

    }).show();

    展开全文
  • 引用style.css和ui.js就可以直接用以下接口调用!(文末附完整代码)alert_带标题:mizhu.alert('alert_带标题', '这是alert效果');alert_带图标:mizhu.alert('', '这是alert效果','alert_red');...

    bVIm3c?w=289&h=361

    引用style.css和ui.js就可以直接用以下接口调用!(文末附完整代码)

    alert_带标题:

    mizhu.alert('alert_带标题', '这是alert效果');

    bVIm3f?w=316&h=172

    alert_带图标:

    mizhu.alert('', '这是alert效果','alert_red');

    bVIm3i?w=316&h=213

    alert_带标题带图标:

    mizhu.alert('alert_带标题带图标', '这是alert效果','alert_green');

    bVIm3n?w=316&h=246

    alert_无标题无图标:

    mizhu.alert('', '这是alert效果');

    bVIm3r?w=309&h=138

    confirm_无标题:

    mizhu.confirm('', '是否要取消关注?', function(flag) {

    if(flag) {

    mizhu.alert('', '取消成功');

    }

    });

    bVIm3x?w=312&h=135

    confirm_带标题:

    mizhu.confirm('', '是否要取消关注?', function(flag) {

    if(flag) {

    mizhu.alert('温馨提醒', '取消成功');

    }

    });

    bVIm3E?w=271&h=171

    open:

    mizhu.open(600, 400, '新浪微博', 'http://weibo.com/yuanyuanforlove');

    bVIm3I?w=311&h=412

    toast_默认3秒消失:

    mizhu.toast('已取消关注');

    toast_自定义时间(6秒):

    mizhu.toast('已取消关注', 6000);

    bVIm3N?w=118&h=67

    下载Demo:

    http://files.cnblogs.com/files/yuanxiaojian/alert.rar

    本人参考了http://www.cnblogs.com/kewei/... 进行修改和美化,增加了一些自定义开关,后续会继续更新。

    展开全文
  • //错误消息提示functionMessage() {var self = this;self.isAppended= false;self.wrapperHeight= 100;self.wrapperWidth= 300;self.initStyle();self.initElement();self.listenCloseEvent();}Message.prototype....
  • 这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明。同时也可自定义弹出框。特性1.使用链式开发代码简洁明了2.所有的弹出框样式都在DialogUIUtils这个类中完成,...
  • 本文实例为大家分享了Android自定义底部弹出框的具体代码,供大家参考,具体内容如下先看看效果和你要的是否一样一 、先来配置自定义控件需要的资源1.在res文件夹下创建一个anim文件夹并创建两个slide_in_bottom.xml...
  • 可以去除系统的Dialog的黑边,而且Dialog的样式和布局完全一样 可以是不规则图形这个功能不是太难 ,不多说直接上代码先是根据系统的Theme创建一个自己的Theme在R.styles.xml文件中写:@nulltrue@drawable/null_c...
  • 需要引用$( "#dialog" ).dialog({autoOpen: false,width:"751",height:"413",modal:true, //弹出框背后的层不能点击// title:"xxx",buttons:{"确定":function(){$(this).dialog("close");} ,"取消":function(){$...
  • 学习使用Bootstrap弹出框Popover提示框样式注意事项弹出方向失去焦点隐藏禁用元素弹出提示框data属性详解js方法与事件方法:事件: 注意事项 popover提示框组件依赖 Popper.js 进行定位,在必须引入 popper.min.js...
  • 需要单独写一个style样式 <div class="columnDiv" slot="reference"> <ul> <template v-for="(item, index) in columnList1"> <el-popov...
  • 在项目中遇到的问题,修改selecet选择器,popover弹出框样式时失效,在这里记录录一下,方便以后使用。 第一步:官方文档中的popper-class <el-select v-model="couponIdCopy" placeholder=" " @change=...
  • JavaScript原始的alert()弹出框效果很差。于是想着自定义这个原始alert()的显示样式。JQuery方式实现代码如下:(function () {window.alert = function (text) {//解析alert内容中的换行符text = text.toString()....
  • 修改popover样式无效 <style lang="less" scoped> /deep/ .el-popper[x-placement^="right"] { background: #ffffffeb; border-radius: 5px; } /deep/ .el-popper[x-placement^="right"] .popper__arrow::...
  • layui 弹出框提交表单

    千次阅读 2020-12-29 03:38:30
    layer.open({type:1,title:"发送消息",skin:"myclass",//自定样式area:["800px","400px"],btn: [‘发送‘, ‘取消‘],btnAlign:‘c‘, //按钮居中content:$("#t"), //如果要form表单提交必须是$("#t") dom元素,不能...
  • 1.效果图如下:该效果完全手写css,不引用外部框架css 2.html代码: <!-- 底部透明灰色层 --> <div class='mask' style="position:fixed;top:0;left:0;z-index:998;...-- 提示层 -.
  • dialogBuilder // 重点设置 .withEffect(effect) //设置对话框弹出样式 //.setCustomView(R.layout.custom, MainActivity.this) // 设置自定义对话框的布局 .withDuration(700) //动画显现的时间(时间长就类似放慢...
  • 通过 /deep/ 深层查找并不能找到相关的元素,查找原因发现此组件的样式是全局样式,如果你style中加了scoped,如<stylelang="scss"scoped>,是在局部,限制了/deep/ 的查找,解决方法如下: ...
  • 1、使用Activity实现在AndroidManifest.xml中修改Actity的主题android:theme="@style/MyDialogStyleBottom" (注意不要继承系统Dialog主题,否则对话框match_parent无效以致对话框与屏幕边缘有缝隙)true@android:...
  • 每一个行盒子都会存在。默认这个x文字内容会紧贴最上边缘。又因为我们把 font-size 设置为0,所以改文字会有一半的位置在外面。这是默认情况下,文字基线对齐。我们设置了 vertical-aligh:middle 和 height: 100%...
  • 1.在layer下新建文件夹和css 文件: 2.123.css body .layui-ext... menu-普通menu弹出框样式 今天接触到了menu弹出框样式.主要就是在theme下进行调整.现在把接触到的知识点总结一下. 在theme中,跟menu有关的几个属性如下
  • 自定义dialog样式 Android 适应任何自定义样式 提示弹出框 Dialog 封装自定义dialog样式 Android 适应任何自定义样式 提示弹出框 Dialog 封装导读:就爱阅读网友为您分享以下“Android 适应任何自定义样式 提示弹出...
  • layui的弹出框msg修改字体按钮样式

    千次阅读 2020-12-30 05:16:22
    调整layui的弹出框msg的字体大小以及其他样式//文本里面可以加html标签let sure = layer.msg('确定喜欢她吗?', {time: 0 //0表示不自动关闭 ,time自动关闭所需毫秒 ,单位是毫秒(1秒=1000毫秒), btn: ['确定', '取消...
  • 自定义样式以后的弹出框 popper-class=“area_popper” 给弹出框添加类名,设定自定义样式 .area_popper{ background-color: #3d4451!important; border-radius: 6px!important; opacity: 0.9!important; font-...
  • 没输入关键字前:输入关键字a,返回所有结果,并且用一个弹出框显示所有结果:好了,我们来看下Android中如何实现展示列表弹出框:原理是监听textview的事件,当textview的text改变了,我们就去...
  • 若您也有共同的兴趣交流技术上的问题加入交流群QQ: 548545202 Introduction 这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明。同时也可自定义弹出框。 ...
  • 一、弹出框分类:弹出框分为两种,一种基于原生JavaScript写出来的弹窗,另一种是自定义封装好的样式弹出框,本文重点介绍原生JavaScript写出来的弹窗,另一种弹窗用click()基本就能搞定。原生JavaScript写出来的...
  • 点击按钮弹出框并显示内容

    千次阅读 2021-06-09 12:14:44
    html点击按钮弹出窗口如何实现?Document * { padding: 0; margin: 0; } .firstBox h5 { font-size: 30px; color: #000; font-weight: 700; } .firstBox table { border: 1px solid #E6E6E6; margin: 15px 0px; } ....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 105,891
精华内容 42,356
关键字:

弹出框样式网站