鸿蒙使用java语言编写一个登录界面

一个大二学生党第一次发文章，最近开始接触鸿蒙软件开发，相对于安卓开发，个人觉得鸿蒙开发有更多的选择性。接下来直接上自己做的一个小demo

主界面

通过getText()方法来获取文本框里面的信息进行账号密码判断

登录失败返回登录界面

登录成功跳转界面

登录成功界面的文字是用了跑马灯的显示方式

ability_main.xml

login.xml

hello.xml(默认首页)

loginfinish.xml（登录成功界面）

注册界面和关于我们的界面只是个模子我还没做所以就跳过了

MainAbilitySlice.java

package com.etc.tablelist.slice;

import com.etc.tablelist.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.*;

import java.text.BreakIterator;

public class MainAbilitySlice extends AbilitySlice {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);
        /*顶部切换控件 tablist*/
        TabList tabList = (TabList) findComponentById(ResourceTable.Id_tab_list);
        TabList.Tab tab1 = tabList.new Tab(getContext());
        tab1.setText("首页");
        tabList.addTab(tab1);
        TabList.Tab tab2 = tabList.new Tab(getContext());
        tab2.setText("登录");
        tabList.addTab(tab2);
        TabList.Tab tab3 = tabList.new Tab(getContext());
        tab3.setText("注册");
        tabList.addTab(tab3);
        TabList.Tab tab4 = tabList.new Tab(getContext());
        tab4.setText("关于我们");
        tabList.addTab(tab4);


        AbilitySlice slice=this;//指向当前对象

        //添加tablist的选择效果
        tabList.addTabSelectedListener(new TabList.TabSelectedListener() {
            ComponentContainer componentContainer = (ComponentContainer) findComponentById(ResourceTable.Id_tab_container);
            @Override
            public void onSelected(TabList.Tab tab) {
                if(tab.getText().equals("首页")){//当点首页时显示首页
                    componentContainer.removeAllComponents();//清除当前界面
                    Component hello = LayoutScatter.getInstance(slice).parse(ResourceTable.Layout_hello,null,false);
                    componentContainer.addComponent(hello);//显示首页
                }else  if(tab.getText().equals("登录")){//当点登录时显示登录界面
                    componentContainer.removeAllComponents();//清除当前界面
                    Component login = LayoutScatter.getInstance(slice).parse(ResourceTable.Layout_login,null,false);
                    componentContainer.addComponent(login);//显示登录界面
                    Button button = (Button) findComponentById(ResourceTable.Id_loginbutton);
                    button.setClickedListener(new Component.ClickedListener() {//添加按钮的选择效果
                        @Override
                        public void onClick(Component component) {
                            /*获取帐号和密码*/
                        Text username = (Text) findComponentById(ResourceTable.Id_username);
                        Text password = (Text) findComponentById(ResourceTable.Id_password);
                        if(username.getText().trim().equals("Leach")&&password.getText().trim().equals("001216")){ //判断帐号和密码是否匹配
                            componentContainer.removeAllComponents();
                            MainAbilitySlice.super.setUIContent(ResourceTable.Layout_loginfinish);
                            Text text= (Text) findComponentById(ResourceTable.Id_bottom_text_body);
                            //设置跑马灯效果
                            text.setTruncationMode(Text.TruncationMode.AUTO_SCROLLING);
                            //启动跑马灯
                            text.startAutoScrolling();
                            //设置始终
                            text.setAutoScrollingCount(Text.AUTO_SCROLLING_FOREVER);
                        }else{
                            componentContainer.removeAllComponents();
                            componentContainer.addComponent(login);
                        }
                    }
                    });
                }else  if(tab.getText().equals("注册")){
                    componentContainer.removeAllComponents();
                    Component register = LayoutScatter.getInstance(slice).parse(ResourceTable.Layout_register,null,false);
                    componentContainer.addComponent(register);
                }else  if(tab.getText().equals("关于我们")){
                    componentContainer.removeAllComponents();
                    Component aboutus = LayoutScatter.getInstance(slice).parse(ResourceTable.Layout_aboutus,null,false);
                    componentContainer.addComponent(aboutus);
                }
            }

            @Override
            public void onUnselected(TabList.Tab tab) {

            }

            @Override
            public void onReselected(TabList.Tab tab) {

            }
        });
        tabList.selectTab(tab1);
    }
    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }
}

string.json

{
  "string": [
    {
      "name": "app_name",
      "value": "tablelist"
    },
    {
      "name": "head",
      "value": "厦门同城交友"
    },
    {
      "name": "mainability_description",
      "value": "Java_Phone_Empty Feature Ability"
    },
    {
      "name": "Hello",
      "value": "欢迎使用"
    },
    {
      "name": "login",
      "value": "登录界面"
    },
    {
      "name": "register",
      "value": "注册界面"
    },
    {
      "name": "aboutus",
      "value": "关于我们"
    },
    {
      "name": "loginfinish",
      "value": "登录成功"
    },
    {
      "name": "loginwx",
      "value": "最快捷的交友方式就是微信啦！！！"
    }
  ]
}

以上就是demo的全内容