EasyClick 原生UI教程目錄
- EasyClick 原生UI教程
- EasyClick 原生UI 之登錄進主頁聯動
- 效果圖
- 布局代碼
- ui.js代碼
EasyClick 原生UI教程
講師：Mr-老鬼，QQ：1156346325
EasyClick 原生UI教程電梯直達：
EasyClick 原生UI教程總綱
EasyClick 原生UI 之登錄進主頁聯動
效果圖
除錯效果動態圖
打包后的效果
布局代碼
登錄布局詳見 原生UI 之登錄UI界面
底部標簽布局詳見 底部標簽欄UI簡易框架
main.xml 代碼
<?xml version="1.0" encoding="UTF-8" ?>
<!--
~ Copyright(c) 2021,
~ 專案名稱:619
~ 檔案名稱:main.xml
~ 創建時間:2021/4/23 下午12:19
~ 作者:laogui
-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="10dp"
xsi:noNamespaceSchemaLocation="layout.xsd">
<LinearLayout android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<!-- 登錄界面 -->
<include android:layout="@layout/loding" />
<!-- 主頁標題欄 -->
<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>
</LinearLayout>
ui.js代碼
圖片輪播詳見 原生UI之圖片輪播特效
切換頁面詳見 底部標簽欄UI簡易框架
登錄跳轉代碼如下
ui.setEvent(ui.donloading, "click", function (view) {
//驗證登錄狀態再進入主頁面
// 省略，，，，，
ui.toast("登錄成功")
setvis(4)//進入主頁面
});
function setvis(svtag) {
// 這里只寫新增內容 具體參考 底部標簽簡易框架
let sv = ui.loading;
switch (svtag) {
case 4:
sv.setVisibility(View.GONE);
sv = ui.homepage;
sv.setVisibility(View.VISIBLE);
sv = ui.bottombar;
sv.setVisibility(View.VISIBLE);
sv = ui.titlebar;
sv.setVisibility(View.VISIBLE);
sv = ui.sv2;
sv.setVisibility(View.GONE);
sv = ui.sv3;
sv.setVisibility(View.GONE);
sv = ui.sv4;
sv.setVisibility(View.GONE);
break;
}
}
到此結束 原始碼去教程總綱里老鬼的碼云下載，
我是Mr-老鬼、QQ1156346325 ，交流QQ群：620028786,647082990
------------------------------------------------著作權宣告------------------------------------------------------
本文著作權所有~Mr-老鬼 ~轉載請注明原文地址
免責宣告：本文所有的教程僅限交流學習使用不得用于違法用途，造成的法律后果本人不承擔責任，
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/279618.html
標籤：其他