欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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提示框');

5+ API,管理系统原生界面,可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框,预览图片等

原生图片预览,长按提示保存

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 ? '取消' :'保存')
			}
		);
	}
});

5+ API,管理系统原生界面,可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框,预览图片等

弹出系统日期选择对话框

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);

5+ API,管理系统原生界面,可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框,预览图片等

弹出系统时间选择对话框

plus.nativeUI.pickTime(function(e){
	var d=e.date;
		console.log("选择的时间:"+d.getHours()+":"+d.getMinutes());
	}, function(e){
		console.log("未选择时间:"+JSON.stringify(e));
});

5+ API,管理系统原生界面,可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框,预览图片等
5+ API,管理系统原生界面,可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框,预览图片等

弹出系统确认对话框

plus.nativeUI.confirm("内容", function(e){
	console.log((e.index==0 ? "确认" : "取消") + e.index);
	},
	{"title":"标题",
		"buttons":["确认","取消"],
		"verticalAlign":"center"
	}
);

5+ API,管理系统原生界面,可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框,预览图片等
API地址:nativeUI管理系统原生界面

图片预览并保存到本地请参考我的另一篇文章:保存图片到系统相册

本文地址:https://blog.csdn.net/qq_40745143/article/details/107507071

相关标签: uniapp

上一篇:

下一篇: