EasyClick 原生UI連載目錄
- EasyClick 原生UI教程
- EasyClick 原生UI頁面內啟停按鈕框架
- 效果圖
- XML代碼
- ui.js代碼
EasyClick 原生UI教程
講師：Mr-老鬼，QQ：1156346325
EasyClick 原生UI教程電梯直達：
EasyClick 原生UI教程總綱
EasyClick 原生UI頁面內啟停按鈕框架
沿用了之前的底部標簽欄框架，更改了主頁面的啟停兩個按鈕為獨立的啟停按鈕，
效果圖
XML代碼
下面值列出新增部分代碼，其他代碼請參考：底部標簽欄框架
<?xml version="1.0" encoding="UTF-8" ?><!--
~ Copyright(c) 2021,
~ 專案名稱:幀布局啟停按鈕
~ 檔案名稱:main.xml
~ 創建時間:2021/5/1 上午11:30
~ 作者:laogui
-->
<FrameLayout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:android="http://schemas.android.com/apk/res/android"
xsi:noNamespaceSchemaLocation="layout.xsd"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="bottom">
<LinearLayout android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_weight="1">
<!-- 頂部標題欄布局-->
<include android:layout="@layout/titlebar" />
<!-- 第一界面布局 默認顯示界面 -->
<include android:layout="@layout/homepage" />
<!-- 第二界面布局 -->
<include android:layout="@layout/configlayout" />
<!-- 第三界面布局-->
<include android:layout="@layout/logbooklayout" />
<!-- 第四界面布局-->
<include android:layout="@layout/aboutlayout" />
<!-- 底部標簽布局 -->
<include android:layout="@layout/bottombar" />
</LinearLayout>
<CardView android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:cardCornerRadius="20dp"
android:layout_gravity="center_horizontal|bottom"
android:layout_marginBottom="35dp"
android:cardBackgroundColor="#8c006699">
<Button android:layout_width="match_parent"
android:layout_height="match_parent"
android:textColor="#FFFFFF"
android:background="#8c006699"
android:tag="operationStopped"
android:text="運 行" />
</CardView>
</FrameLayout>
ui.js代碼
只列出新增修改的代碼,main.js 就不列出了里面只是模擬任務 ，
其他代碼請參考：底部標簽欄框架
/*
* Copyright(c) 2021,
* 專案名稱:幀布局啟停按鈕
* 檔案名稱:ui.js
* 創建時間:2021/5/1 上午11:30
* 作者:laogui
*/
// 新增的啟停按鈕，一個按鈕做兩件事，洗掉原本的啟動和停止腳本兩個按鈕
//------------------------ EC 腳本 運行 停止 按鈕 ------------------
ui.setEvent(ui.operationStopped, "click", function (view) {
let operationStoppedView = ui.operationStopped;
if(operationStoppedView.getText()+"" ==="運 行"){
operationStoppedView.setText("停 止")
ui.start();// 啟動腳本
}else{
operationStoppedView.setText("運 行")
ui.stopTask();// 停止腳本
}
ui.run(1000, function (view) {
// 正式發布不用取消
cancelInterval(t)
ui.toast("停止輪播");
})
sleep(1000);
})
我是Mr-老鬼、QQ1156346325 ，交流QQ群：620028786,647082990
------------------------------------------------著作權宣告------------------------------------------------------
本文著作權所有~Mr-老鬼 ~轉載請注明原文地址
免責宣告：本文所有的教程僅限交流學習使用不得用于違法用途，造成的法律后果本人不承擔責任，
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/282641.html
標籤：其他
上一篇：前端分析工具之 Charles 錄制 Android/IOS 手機的 https 應用
下一篇：啪！啪！給 JobIntentService 打針， Hilt 號的大針，看你爽不爽？哎呦，Espresso 看不到結果，用 UiAutomator 測。