5+ API,管理系统原生界面,可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框,预览图片等
程序员文章站
2024-01-04 08:16:27
在uniapp内使用5+ API 实现原生对话框操作plus.nativeUI.toast('原生的toast提示框'); //弹出原生toast提示框plus.nativeUI.previewImage(['http://www.qc888.info/uploads/share/QJESUK.png']);//图片预览,支持网络地址,也支持本地地址plus.nativeUI.pickDate(function(e){ // 弹出系统日期选择对话框var d=e.date;cons....
在uniapp内使用5+ API 实现原生对话框操作
弹出原生toast提示框
plus.nativeUI.toast('原生的toast提示框');
原生图片预览,长按提示保存
plus.nativeUI.previewImage([
"http://www.qc888.info/uploads/share/QJESUK.png",
"http://img-cdn-qiniu.dcloud.net.cn/newpage/images/logo4.png"
],{
current:0,
loop:true,
onLongPress:function(e){ // 预览界面长按显示ActionSheet
console.log('长按获取当前图片数据: '+JSON.stringify(e));
var bts=[{title:"保存"}];
plus.nativeUI.actionSheet({title:"保存图片",cancel:"取消",buttons:bts},
function(e){
console.log(JSON.stringify(e))
console.log(e.index == 0 ? '取消' :'保存')
}
);
}
});
弹出系统日期选择对话框
var styles = {};
styles.title = "请选择日期:"; // 显示标题
styles.date = new Date(), styles.date.setFullYear(2018,8,8);// 默认显示的日期
styles.minDate = new Date(), styles.minDate.setFullYear(2010,0,1);// 设置最小可选日期为“2010-01-01”
styles.maxDate = new Date(), styles.maxDate.setFullYear(2020,11,31);// 设置最大可选日期为“2020-12-31”
plus.nativeUI.pickDate(function(e){
var d=e.date;
console.log( "选择的日期:"+d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate() );
}, function(e){
console.log( "未选择日期:"+e.message );
}, styles);
弹出系统时间选择对话框
plus.nativeUI.pickTime(function(e){
var d=e.date;
console.log("选择的时间:"+d.getHours()+":"+d.getMinutes());
}, function(e){
console.log("未选择时间:"+JSON.stringify(e));
});
弹出系统确认对话框
plus.nativeUI.confirm("内容", function(e){
console.log((e.index==0 ? "确认" : "取消") + e.index);
},
{"title":"标题",
"buttons":["确认","取消"],
"verticalAlign":"center"
}
);
API地址:nativeUI管理系统原生界面
图片预览并保存到本地请参考我的另一篇文章:保存图片到系统相册
本文地址:https://blog.csdn.net/qq_40745143/article/details/107507071