From faf124f0764cab1f6f335d195aa332aaffb3331f Mon Sep 17 00:00:00 2001
From: duqingquan <duqingquan@dcloud.io>
Date: Thu, 13 Oct 2022 20:11:02 +0800
Subject: [PATCH] =?UTF-8?q?=E7=B3=BB=E7=BB=9Fapi=20=E7=95=8C=E9=9D=A2ui?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                               | 10 ++++
 pages/SystemAPI/SystemAPI.vue            | 68 ++++++++---------------
 pages/SystemAPI/android/screenlisten.vue | 70 ++++++++++++++++++++++++
 3 files changed, 103 insertions(+), 45 deletions(-)
 create mode 100644 pages/SystemAPI/android/screenlisten.vue

diff --git a/pages.json b/pages.json
index c2ce248..bfaa7ac 100644
--- a/pages.json
+++ b/pages.json
@@ -63,6 +63,16 @@
 		    }
 		    
 		},
+		{
+		    "path" : "pages/SystemAPI/android/screenlisten",
+		    "style" :                                                                                    
+		    {
+		        "navigationBarTitleText": "",
+		        "enablePullDownRefresh": false
+		    }
+		    
+		},
+		
 		{
 		    "path" : "pages/SyntaxCase/index",
 		    "style" :                                                                                    
diff --git a/pages/SystemAPI/SystemAPI.vue b/pages/SystemAPI/SystemAPI.vue
index 2045f66..9ebf008 100644
--- a/pages/SystemAPI/SystemAPI.vue
+++ b/pages/SystemAPI/SystemAPI.vue
@@ -1,30 +1,36 @@
 <template>
 	<view>
 		<page-head :title="title"></page-head>
-		<view class="uni-btn-v uni-common-mt">
-			<button type="primary" @tap="testGetBatteryCapacity">获取电池电量</button>
-			<button type="primary" @tap="testGotoDemoActivity">跳转至新的原生页面</button>
-			<button type="primary" @tap="testScreenShotPremission">准备截屏监听权限</button>
-			<button type="primary" @tap="testScreenShotListen">监听截屏事件</button>
-			<button type="primary" @tap="testScreenShotOff">关闭截屏监听</button>
-			<image :src="screenImage" class="screenImage" mode="aspectFit" ></image>
-		</view>
+		<uni-collapse>
+			<uni-collapse-item title="设备相关" :border="false">
+				<uni-list>
+					<uni-list-item @tap="testGetBatteryCapacity" title="获取电池电量" class="itemButton" :clickable="true"/>
+				</uni-list>
+			</uni-collapse-item>
+		</uni-collapse>
+		
+		<uni-collapse>
+			<uni-collapse-item title="android平台" :border="false">
+				<uni-list>
+					<uni-list-item @tap="testGotoDemoActivity" title="自定义activity(需自定义基座)" class="itemButton" :clickable="true" link/>
+					<uni-list-item @tap="gotoScreenListen" title="监听系统截屏" class="itemButton" :clickable="true" link/>
+				</uni-list>
+			</uni-collapse-item>
+		</uni-collapse>
+		
+		
 	</view>
 </template>
 <script>
 	import getBatteryInfo from "@/uni_modules/uni-getbatteryinfo";
 	import gotoDemoActivity from "@/uni_modules/uts-nativepage";
-	import {
-		requestPremission,
-		onUserCaptureScreen,
-		offUserCaptureScreen
-	} from "@/uni_modules/uts-screenshot-listener";
+	
 
 	export default {
 		data() {
 			return {
 				title: '系统API示例',
-				screenImage:""
+				
 			}
 		},
 		onUnload: function() {},
@@ -32,44 +38,16 @@
 			testGetBatteryCapacity() {
 				getBatteryInfo({
 					success(res) {
-						console.log("dddeee");
 						uni.showToast({
 							title: "当前电量：" + res.level + '%',
 							icon: 'none'
 						});
 					}
 				})
-				console.log("ccccc");
 			},
-			testScreenShotPremission() {
-				// 请求写入储存的权限
-				requestPremission();
-			},
-			testScreenShotListen() {
-				var that = this;
-				onUserCaptureScreen(function(res) {
-						console.log(res);
-						that.screenImage = res
-						uni.showToast({
-							icon:"none",
-							title:'截屏捕捉成功'
-						})
-					});
-				// 提示已经开始监听,注意观察
-				uni.showToast({
-					icon:"none",
-					title:'截屏监听已开启，注意观察下方Image组件'
-				})
-			},
-			testScreenShotOff() {
-				var that = this;
-				offUserCaptureScreen(function(res) {
-						console.log(res);
-				});
-				// 提示已经开始监听,注意观察
-				uni.showToast({
-					icon:"none",
-					title:'截屏监听已关闭'
+			gotoScreenListen(){
+				uni.navigateTo({
+					url:'/pages/SystemAPI/android/screenlisten'
 				})
 			},
 
diff --git a/pages/SystemAPI/android/screenlisten.vue b/pages/SystemAPI/android/screenlisten.vue
new file mode 100644
index 0000000..75b446a
--- /dev/null
+++ b/pages/SystemAPI/android/screenlisten.vue
@@ -0,0 +1,70 @@
+<template>
+	<view>
+		<page-head title="监听系统截屏" accordion></page-head>
+		
+		<uni-list>
+			<uni-list-item @tap="testScreenShotPremission" title="准备截屏监听权限" class="itemButton" :clickable="true"/>
+			<uni-list-item @tap="testScreenShotListen" title="监听截屏事件" class="itemButton" :clickable="true"/>
+			<uni-list-item @tap="testScreenShotOff" title="关闭截屏监听" class="itemButton" :clickable="true"/>
+		</uni-list>
+			
+		<image :src="screenImage" mode="aspectFit" style="margin-top:10px"></image>
+			
+	</view>
+</template>
+
+<script>
+	import {
+		requestPremission,
+		onUserCaptureScreen,
+		offUserCaptureScreen
+	} from "@/uni_modules/uts-screenshot-listener";
+	
+	export default {
+		data() {
+			return {
+				screenImage:""
+			}
+		},
+	
+		methods: {
+
+			testScreenShotPremission() {
+				// 请求写入储存的权限
+				requestPremission();
+			},
+			testScreenShotListen() {
+				var that = this;
+				onUserCaptureScreen(function(res) {
+						console.log(res);
+						that.screenImage = res
+						uni.showToast({
+							icon:"none",
+							title:'截屏捕捉成功'
+						})
+					});
+				// 提示已经开始监听,注意观察
+				uni.showToast({
+					icon:"none",
+					title:'截屏监听已开启，注意观察下方Image组件'
+				})
+			},
+			testScreenShotOff() {
+				var that = this;
+				offUserCaptureScreen(function(res) {
+						console.log(res);
+				});
+				// 提示已经开始监听,注意观察
+				uni.showToast({
+					icon:"none",
+					title:'截屏监听已关闭'
+				})
+			},
+	
+	
+		}
+	}
+</script>
+
+<style>
+</style>
\ No newline at end of file
-- 
GitLab