nativeUI管理系统原生界面，可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框等

低吟~浅唱

已于 2022-02-09 09:57:45 修改

阅读量2.9k

点赞数

分类专栏：编程小技能文章标签： javascript 前端

于 2022-02-09 09:57:33 首次发布

本文链接：https://blog.csdn.net/qq_40575646/article/details/122829073

版权

编程小技能专栏收录该内容

324 篇文章 1 订阅

订阅专栏

方法：

actionSheet: 弹出系统选择按钮框
alert: 弹出系统提示对话框
confirm: 弹出系统确认对话框
closePreviewImage: 关闭预览图片界面
closeWaiting: 关闭系统等待对话框
closeToast: 关闭自动消失的提示消息
previewImage: 预览图片
showWaiting: 显示系统等待对话框
pickDate: 弹出系统日期选择对话框
pickTime: 弹出系统时间选择对话框
prompt: 弹出系统输入对话框
toast: 显示自动消失的提示消息
setUIStyle: 设置原生界面样式（暗黑模式）

对象：

ActionButtonStyles: 原生选择按钮框上按钮的样式
ActionSheetStyles: 原生选择按钮框的样式
ConfirmStyles: 确认对话框的样式
PreviewImageStyles: 图片预览的样式
PickDateStyles: 日期选择对话框的样式
PickTimeStyles: 时间选择对话框的样式
NativeUIObj: 系统原生界面基类对象
WaitingObj: 系统等待对话框对象
WaitingStyles: 原生等待对话框的样式
WaitingLoadingStyles: JSON对象，原生等待对话框上loading图标自定义样式
ToastStyles: 系统提示消息框的样式

回调方法：

ActionSheetCallback: 系统选择按钮框的回调函数
AlertCallback: 系统提示框确认的回调函数
ConfirmCallback: 关闭确认对话框的回调函数
PromptCallback: 系统输入对话框关闭后的回调函数
PickDatetimeSuccessCallback: 选择日期或时间操作成功的回调函数
PickDatetimeErrorCallback: 选择日期或时间操作取消或失败的回调函数
PreviewImageLongPressCallback: 图片预览长按事件
SuccessCallback: 操作成功回调函数

权限：

5+功能模块（permissions）

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#ffffff">{</span>
<span style="color:#87ceeb">// ...</span>
<span style="color:#ffa0a0">"permissions"</span><span style="color:#ffffff">:{</span>
	<span style="color:#87ceeb">// ...</span>
	<span style="color:#ffa0a0">"NativeUI"</span><span style="color:#ffffff">:</span> <span style="color:#ffffff">{</span>
		<span style="color:#ffa0a0">"description"</span><span style="color:#ffffff">:</span> <span style="color:#ffa0a0">"原生UI控件"</span>
	<span style="color:#ffffff">}</span>
<span style="color:#ffffff">}</span>
<span style="color:#ffffff">}</span>
			</code></span></span>

actionSheet

弹出系统选择按钮框

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#98fb98">NativeUIObj</span><span style="color:#ffffff"> plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">nativeUI</span><span style="color:#ffffff">.</span><span style="color:#ffffff">actionSheet</span><span style="color:#ffffff">(</span><span style="color:#ffffff">actionsheetStyle</span><span style="color:#ffffff">,</span><span style="color:#ffffff"> actionsheetCallback</span><span style="color:#ffffff">);</span>
					</code></span></span>

说明：

从底部动画弹出系统样式选择按钮框，可设置选择框的标题、按钮文字等。弹出的提示框为非阻塞模式，用户点击选择框上的按钮后关闭，并通过actionsheetCallback回调函数通知用户选择的按钮。

参数：

actionsheetStyle: ( ActionSheetStyles ) 必选 选择按钮框显示的样式
actionsheetCallback: ( ActionSheetCallback ) 可选 选择按钮框关闭后的回调函数

返回值：

NativeUIObj : 系统原生界面基类对象

示例：

<span style="background-color:#333333"><span style="color:#474747"><code>
<span style="color:#87ceeb">// 弹出系统选择按钮框</span>
<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff"> actionSheet</span><span style="color:#ffffff">(){</span><span style="color:#ffffff">
	plus</span><span style="color:#ffffff">.</span><span style="color:#ffffff">nativeUI</span><span style="color:#ffffff">.</span><span style="color:#ffffff">actionSheet</span><span style="color:#ffffff">(</span>
		<span style="color:#ffffff">{</span><span style="color:#ffffff">title</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">"Plus is ready!"</span><span style="color:#ffffff">,</span><span style="color:#ffffff">
		cancel</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">"取消"</span><span style="color:#ffffff">,</span><span style="color:#ffffff">
		buttons</span><span style="color:#ffffff">:[</span>
			<span style="color:#ffffff">{</span><span style="color:#ffffff">
				title</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">"1"</span>
			<span style="color:#ffffff">},{</span><span style="color:#ffffff">
				title</span><span style="color:#ffffff">:</span><span style="color:#ffa0a0">"2"</span>
				<span style="color:#ffffff">}</span>
		<span style="color:#ffffff">]},</span>
		<span style="color:#f0e68c"><strong>function</strong></span><span style="color:#ffffff">(</span><span style="color:#ffffff">e</span><span style="color:#ffffff">){</span><span style="color:#ffffff">
			console</span><span style="color:#ffffff">.</span><span style="color:#ffffff">log</span><span style="color:#ffffff">(</span><span style="color:#ffa0a0">"User pressed: "</span><span style="color:#ffffff">+</span><span style="color:#ffffff">e</span><span style="color:#ffffff">.</span><span style="color:#ffffff">index</span><span style="color:#ffffff">);</span>
		<span style="color:#ffffff">}</span>
	<span style="color:#ffffff">);</span>
<span style="color:#ffffff">}</span>
				</code></span></span>

nativeUI管理系统原生界面，可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框等

方法：

对象：

回调方法：

权限：

说明：

参数：

返回值：

示例：

说明：

参数：

返回值：

示例：

说明：

参数：

返回值：

平台支持：

示例：

说明：

参数：

返回值：

示例：

说明：

参数：

返回值：

示例：

说明：

参数：

返回值：

平台支持：

示例：

说明：

参数：

返回值：

示例：

说明：

参数：

返回值：

示例：

说明：

参数：

返回值：

示例：

说明：

参数：

返回值：

示例：

说明：

参数：

返回值：

示例：

说明：

参数：

返回值：

示例：

说明：

参数：

返回值：

平台支持：

示例：

属性：

平台支持

平台支持

示例：

属性：

平台支持

示例：

属性：

示例：

属性：

示例：

属性：

示例：

属性：

示例：

方法：

说明：

参数：

返回值：

示例：