| uniapp原生插件之安卓原生弹窗 | 您所在的位置：网站首页 › 安卓开发弹窗圆角输出信息 › uniapp原生插件之安卓原生弹窗 |
uniapp原生插件之安卓原生弹窗
|
插件介绍
安卓原生弹窗组件，集成了常用的弹窗 插件地址安卓原生弹窗 - DCloud 插件市场 超级福利uniapp 插件购买超级福利 用法在需要使用插件的页面加载以下代码 const dialogModule = uni.requireNativePlugin("leven-popDialog-PopDialogModule"); 插件方法 基本弹窗：baseDialog用法： dialogModule.baseDialog({ title: this.baseDialogForm.title, content: this.baseDialogForm.content, cancelBtnText: this.baseDialogForm.cancelBtnText, confirmBtnText: this.baseDialogForm.confirmBtnText, theme: this.baseDialogForm.themeValue, isHideCancel: this.baseDialogForm.isHideCancelValue == 0, dismissOnTouchOutside: this.baseDialogForm.dismissOnTouchOutsideValue == 1, animation: this.baseDialogForm.animationValue }, res => { console.log(res) })参数说明 参数名参数类型是否必填默认值参数描述titleString否空标题，空字符串不显示contentString否空内容themeInteger否0主题，0.普通主题，1.深色主题cancelBtnTextString否取消取消按钮的文字confirmBtnTextString否确认确认按钮的文字isHideCancelBoolean否false是否隐藏取消按钮dismissOnTouchOutsideBoolean否true击弹窗外侧是否关闭弹窗animationString否ScaleAlphaFromCenter动画，动画类型请参考示例回调说明 参数名参数类型参数描述messageString消息提示dataObject数据对象data.clickBtnString点击的按钮，confirm：确认按钮，cancel：取消按钮codeInteger返回类型，0.成功，其他：失败 输入框弹窗：inputDialog用法 dialogModule.inputDialog({ title: this.dialogForm.title, content: this.dialogForm.content, inputContent: this.dialogForm.inputContent, placeholder: this.dialogForm.placeholder, theme: this.dialogForm.themeValue, dismissOnTouchOutside: this.dialogForm.dismissOnTouchOutsideValue == 1, autoOpenSoftInput: this.dialogForm.autoOpenSoftInputValue == 1, isMoveUpToKeyboard: this.dialogForm.isMoveUpToKeyboardValue == 1, autoFocusEditText: this.dialogForm.autoFocusEditTextValue == 1 }, res => { console.log(res) })参数说明 参数名参数类型是否必填默认值参数描述titleString否空标题，空字符串不显示contentString否空内容，空字符串不显示inputContentString否空输入框内容placeholderString否空输入框提示文字themeInteger否0主题，0.普通主题，1.深色主题dismissOnTouchOutsideBoolean否true击弹窗外侧是否关闭弹窗autoOpenSoftInputBoolean否true是否自动打开输入法，在是否自动回去焦点为false时有效isMoveUpToKeyboardBoolean否true是否要移动到输入法之上autoFocusEditTextBoolean否true是否自动获取焦点回调说明 参数名参数类型参数描述messageString消息提示dataObject数据对象data.clickBtnString点击的按钮，confirm：确认按钮，cancel：取消按钮data.textString输入框输入的内容codeInteger返回类型，0.成功，其他：失败 列表弹窗：listDialog用法 let list = []; for (let i = 0; i < 20; i++) { list.push("条目" + (i + 1)) } dialogModule.listDialog({ title: this.dialogForm.title, maxHeight: this.dialogForm.maxHeight, list: list, checkedIndex: 2, theme: this.dialogForm.themeValue, position: this.dialogForm.positionValue }, res => { console.log(res) })参数说明 参数名参数类型是否必填默认值参数描述titleString否空标题，空字符串不显示maxHeightInteger否无最大高度，默认内容高度listArray是无列表内容checkedIndexInteger否-1选中的索引themeInteger否0主题，0.普通主题，1.深色主题positionInteger否0位置，0.中间，1.底部（默认）回调说明 参数名参数类型参数描述messageString消息提示dataObject数据对象data.positionInteger选中的索引data.textString选中的内容描述codeInteger返回类型，0.成功，其他：失败 loading弹窗：loadingDialog(打开弹窗)，hideLoadingDialog（关闭弹窗）用法 dialogModule.loadingDialog({ title: this.dialogForm.title, theme: this.dialogForm.themeValue, style: this.dialogForm.styleValue }); setTimeout(() => { dialogModule.hideLoadingDialog(); }, 5000)参数说明 参数名参数类型是否必填默认值参数描述titleString否空标题，空字符串不显示styleString否spinner弹窗样式，spinner：菊花式，progressBar：圆圈 图片预览弹窗：imageViewerDialog用法 dialogModule.imageViewerDialog({ current: index, list: this.urls, isInfinite: this.dialogForm.isInfiniteValue == 1, isShowSaveBtn: this.dialogForm.saveBtnValue == 1 })参数说明 参数名参数类型是否必填默认值参数描述currentInteger是无当前展示的图片索引dataArray是[]图片的url集合isInfiniteBoolean否false是否无限滚动isShowSaveBtnBoolean否true是否显示保存按钮 消息提示弹窗：noticeDialog用法 dialogModule.noticeDialog({ content: this.dialogForm.content, hideTime: 3000, //消失时间，单位：毫秒 hasShadowBg: this.dialogForm.hasShadowBgValue == 1, isCenterHorizontal: this.dialogForm.isCenterHorizontalValue == 1, offsetX: this.dialogForm.offsetX, offsetY: this.dialogForm.offsetY, bgColor: this.dialogForm.bgColor, textColor: this.dialogForm.textColor, radius: this.dialogForm.radius });参数说明 参数名参数类型是否必填默认值参数描述contentString否空内容hideTimeInteger否2000消失时间，单位：毫秒hasShadowBgBoolean否true弹窗是否有半透明背景遮罩isCenterHorizontalBoolean否true是否水平居中offsetXInteger否0x偏移量，isCenterHorizontal为false时有效offsetYInteger否100y偏移量bgColorString否#ffffff背景颜色textColorString否#000000文本颜色radiusInteger否50圆角 依附弹窗（1.1.0）这是一个特殊的弹窗，使用该弹窗必须使用插件自定义的组件leven-popDialogAttach 来包裹你的视图内容，每个组件必须要传递一个属性fid用来确定是哪个组件需要出现弹窗 且同一个页面每个组件的fid不能重复，fid的取值范围1-10 用法 第一个 第二个 第三个 attachList(type) { let data = {}; if (type == "refDialogView") { // 列表 data.list = ["列表1", "列表2", "列表3", "长列表长列表"]; // 弹窗是否有半透明背景遮罩 data.hasShadowBg = false; // 主题，0.普通主题，1.深色主题 data.theme = 1; // 列表对齐方式,left center(默认) right data.gravity = 'left' } else if (type == "refDialogView1") { data.list = ["列表11", "列表12", "列表13", "长列表长列表"]; } else { data.list = ["列表21", "列表22", "列表23", "长列表长列表"]; data.gravity = 'right' } this.$refs[type].attachListDialog(data, res => { console.log(res) }); }内置方法如下 依附列表弹窗 attachListDialog参数说明 参数名参数类型是否必填默认值参数描述listArray是无数据集合themeInteger否0主题，0.普通主题，1.深色主题hasShadowBgBoolean否true弹窗是否有半透明背景遮罩gravityString否center列表对齐方式,left center right回调说明 参数名参数类型参数描述messageString消息提示dataObject数据对象data.positionInteger选中的索引data.textString选中的内容描述codeInteger返回类型，0.成功，其他：失败 依附水平列表弹窗（类似点赞效果） attachHorizontalListDialog参数说明 参数名参数类型是否必填默认值参数描述listArray是无数据集合lineColorString否#eeeeee间隔线的颜色textColorString否#ffffff文本颜色bgColorString否#4D5063背景颜色shadowColorString否无阴影颜色shadowSizeInteger否无阴影大小radiusInteger否8圆角回调说明 参数名参数类型参数描述messageString消息提示dataObject数据对象data.positionInteger选中的索引data.textString选中的内容描述codeInteger返回类型，0.成功，其他：失败 依附内容弹窗 attachContentDialog参数说明 参数名参数类型是否必填默认值参数描述contentString否无内容textColorString否#ffffff文本颜色bgColorString否#3b3c3d背景颜色shadowColorString否无阴影颜色shadowSizeInteger否无阴影大小radiusInteger否8圆角 内置事件onError 错误提示（具体可查看示例） 联系作者购买插件前请先试用，试用通过再购买。在试用中如果遇到任何问题，可与作者联系，QQ：334106817，将全力协助你使用本插件。 预览图片
|
【本文地址】
公司简介
联系我们