EasyClick 原生UI连载二十三

EasyClick 原生UI教程

讲师：Mr-老鬼，QQ：1156346325
EasyClick 原生UI教程电梯直达：
EasyClick 原生UI教程总纲

EasyClick 原生UI 之登录进主页联动

效果图

调试效果动态图

打包后的效果

布局代码

登录布局详见 原生UI 之登录UI界面
底部标签布局详见 底部标签栏UI简易框架
main.xml 代码

<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-老鬼 ~转载请注明原文地址
免责声明：本文所有的教程仅限交流学习使用不得用于违法用途，造成的法律后果本人不承担责任。