2. 程式人生 > >安卓UI練習（一）--登陸介面和邏輯程式碼

安卓UI練習（一）--登陸介面和邏輯程式碼

阿新 • • 發佈：2018-12-31

登陸介面和邏輯程式碼

最近感覺自己安卓方面真的的差的好多，，，但是我覺得自己只有好好每天學習敲程式碼練習，會有收穫的，這周就是重新看了下安卓UI方面的東西，下面是登陸介面的xml和邏輯處理方面的程式碼//參考了好多別人的部落格
效果圖
這裡寫圖片描述
圖示都是在網上找的，推薦阿里巴巴向量圖示庫這個網站網站
介面雖然簡單，但是考慮了好多的問題
密碼的暗文輸入
控制元件的隱藏
文字監聽器TextWatcher的用法
各種邏輯,,,,

xml的程式碼

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android
 
="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:filterTouchesWhenObscured="true">

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id
 
="@+id/login_layout"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:gravity="center">

        <FrameLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@+id/usename_layout"
 

            android:layout_marginTop="55dp"
            android:gravity="center">
            <EditText
                android:layout_width="fill_parent"
                android:layout_height="40dp"
                android:id="@+id/usename"
                android:layout_marginTop="5dp"
                android:inputType="number"
                android:paddingRight="60dp"
                android:maxLength="20"
                android:paddingLeft="55dp"/>
            <ImageView
                android:layout_width="31dp"
                android:layout_height="35dp"
                android:layout_marginStart="8dp"
                android:layout_gravity="left|center_horizontal"
                android:src="@drawable/usename"
                android:layout_marginLeft="8dp"
                android:visibility="visible"/>
            <TextView
                android:layout_width="40dp"
                android:layout_height="50dp"
                android:layout_gravity="left|center_vertical"
                android:layout_marginTop="4dp"
                android:gravity="center"
                android:text="+62"
                android:textSize="18sp"
                android:visibility="invisible"/>
            <Button
                android:layout_width="31dp"
                android:layout_height="35dp"
                android:id="@+id/bt_usename_clear"
                android:layout_gravity="right|center_horizontal"
                android:layout_marginRight="10dp"
                android:background="@drawable/sw"
                android:visibility="invisible"/>



        </FrameLayout>
        <FrameLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@+id/usecode_layout"
            android:layout_below="@id/usename_layout"
            android:layout_marginTop="6dp"
            android:gravity="center" >

            <EditText
                android:id="@+id/password"
                android:layout_width="fill_parent"
                android:layout_height="55dp"
                android:inputType="textPassword"
                android:maxLength="20"
                android:paddingLeft="55dp"
                android:paddingRight="60dp" />

            <ImageView
                android:layout_width="31dp"
                android:layout_height="35dp"
                android:layout_marginStart="8dp"
                android:layout_gravity="left|center_vertical"
                android:src="@drawable/ss"
                android:layout_marginLeft="8dp" />
            <Button
                android:layout_width="23dp"
                android:layout_height="23dp"
                android:id="@+id/bt_pwd_eyes"
                android:background="@drawable/noeye"
                android:layout_gravity="right|center_vertical"
                android:layout_marginRight="10dp"
                />
            <Button
                android:layout_width="23dp"
                android:layout_height="23dp"
                android:id="@+id/bt_pwd_clear"
                android:background="@drawable/sw"
                android:visibility="invisible"
                android:layout_gravity="right|center_vertical"
                android:layout_marginRight="33dp"/>

        </FrameLayout>

        <Button
            android:id="@+id/login"
            android:layout_width="fill_parent"
            android:layout_height="44dp"
            android:layout_below="@id/usecode_layout"
            android:layout_marginTop="30dp"
            android:background="#ff336699"
            android:textColor="@android:color/white"
            android:gravity="center"
            android:text="登入" />
        <Button
            android:id="@+id/login_error"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignRight="@id/login"
            android:layout_below="@id/login"
            android:background="#00000000"
            android:text="忘記密碼"
            android:textSize="16sp" />
        <Button
            android:id="@+id/register"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@id/login"
            android:layout_below="@id/login"
            android:background="#00000000"
            android:gravity="left|center_vertical"
            android:text="註冊"
            android:textSize="16sp"
            android:visibility="visible" />


    </RelativeLayout>
</RelativeLayout>

在佈局方面總的是一個大的相對佈局，然後先是一個幀佈局佈置使用者賬號輸入那行，然後再是一個幀佈局佈置密碼輸入那行的佈局，然後登陸，註冊，忘記密碼放好就行

邏輯activity的程式碼

因為在登陸的過程中我們的控制元件的隱藏和出現是UI變化，，，然後不能放在主執行緒裡面進行UI的變化，然後我們就非同步處理這個UI 先定義一群常量作為標註，然後new一個Handler的物件，重寫handleMassage（)方法 對具體的Message處理邏輯

package com.example.hasee.uidome;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.text.Editable;
import android.text.TextWatcher;
import android.view.KeyEvent;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.RelativeLayout;
import android.widget.TextView;

/**
 * 這個就是登陸介面的activity
 * 註冊  登陸   忘記密碼    要考慮這幾種情況 轉其他activity
 */
public class Main2Activity extends AppCompatActivity implements View.OnClickListener,View.OnLongClickListener{
    //宣告控制元件物件
    private EditText et_name,et_pass;
    private Button mLoginButton,mLoginError,mRegister,ONLYTEST;
    int slectIndx = 1;
    int tempSelect = slectIndx;
    private boolean flase;
    boolean isReLogin = flase;
    private int SERVER_FLAG = 0;
    private RelativeLayout countryselsct;
    private TextView county_phone_sn,countryName;

    private final static int LOGIN_ENABLE = 0x01;
    private final static int LOGIN_UNABLF = 0x02;
    private final static int PASS_ERROR =  0x03;
    private final static int NAME_ERROR = 0x04;  //上面是訊息的常量值

    final Handler UiMangerHandler = new Handler(){        //處理UI的操作的
        @Override
        public void handleMessage(Message msg) {
            switch (msg.what){
                case LOGIN_ENABLE:
                    mLoginButton.setClickable(true);
                    break;
                case LOGIN_UNABLF:
                    mLoginButton.setClickable(false);
                    break;
                case PASS_ERROR:

                    break;
                case NAME_ERROR:
                    break;

            }
            super.handleMessage(msg);
        }
    };

    private Button bt_username_clear;
    private Button bt_pwd_clear;
    private Button bt_pwd_eye;
    private TextWatcher username_watcher;
    private TextWatcher password_watcher;  //文字監視器


    @SuppressLint("WrongViewCast")
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);

        et_name = (EditText) findViewById(R.id.bt_usename_clear);
        et_pass = (EditText) findViewById(R.id.bt_pwd_clear);
        bt_pwd_clear = (Button)findViewById(R.id.bt_usename_clear);
        bt_pwd_clear = (Button)findViewById(R.id.bt_pwd_clear);
        bt_pwd_eye = (Button)findViewById(R.id.bt_pwd_eyes);

        bt_username_clear.setOnClickListener(this);
        bt_pwd_eye.setOnClickListener(this);
        bt_pwd_clear.setOnClickListener(this);
        initWatcher();
        et_name.addTextChangedListener(username_watcher);
        et_pass.addTextChangedListener(password_watcher);

        mLoginButton = (Button) findViewById(R.id.login);
        mLoginError  = (Button) findViewById(R.id.login_error);
        mRegister    = (Button) findViewById(R.id.register);
        //ONLYTEST     = (Button) findViewById(R.id.registfer);
        ONLYTEST.setOnClickListener(this);
        ONLYTEST.setOnLongClickListener((View.OnLongClickListener) this);
        mLoginButton.setOnClickListener(this);
        mLoginError.setOnClickListener(this);
        mRegister.setOnClickListener(this);

    }
    private void initWatcher(){
        username_watcher = new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void afterTextChanged(Editable editable) {
                et_pass.setText("");
                if (editable.toString().length()>0){
                    bt_username_clear.setVisibility(View.VISIBLE);
                }else{
                    bt_username_clear.setVisibility(View.INVISIBLE);
                }

            }
        };
        password_watcher = new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void afterTextChanged(Editable editable) {

                if (editable.toString().length()>0){
                    bt_pwd_clear.setVisibility(View.VISIBLE);
                }else{
                    bt_pwd_clear.setVisibility(View.INVISIBLE);
                }

            }
        };
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()){
            //登陸activity
            case R.id.login:
                //login();
                break;
            //忘記密碼
            case R.id.login_error:
                break;
            //註冊
            case R.id.register:
                break;

        }

    }
    private void login(){

    }

    @Override
    public boolean onLongClick(View view) {
        switch (view.getId()){
            case R.id.register:
                if(SERVER_FLAG > 9){

                    break;
                }
        }
        return true;
    }

    /**
     * 監聽back的那塊
     * @param keyCode
     * @param event
     * @return
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(keyCode==KeyEvent.KEYCODE_BACK){
            if (isReLogin){

            }
        }
        return super.onKeyDown(keyCode, event);
    }
}

TextWatcher的用法

就三個方法，先用繫結 et_name.addTextChangedListener(username_watcher);
et_pass.addTextChangedListener(password_watcher);
然後進行邏輯處理

TextWatcher fieldValidatorTextWatcher = new TextWatcher() {  
            @Override  
            public void afterTextChanged(Editable s) {//表示最終內容  
            Log.d("afterTextChanged", s.toString());  
            }  


            @Override  
            public void beforeTextChanged(CharSequence s, int start/*開始的位置*/, int count/*被改變的舊內容數*/, int after/*改變後的內容數量*/) {  
            //這裡的s表示改變之前的內容，通常start和count組合，可以在s中讀取本次改變欄位中被改變的內容。而after表示改變後新的內容的數量。  
            }  


            @Override  
            public void onTextChanged(CharSequence s, int start/*開始位置*/, int before/*改變前的內容數量*/, int count/*新增數*/) {  
             //這裡的s表示改變之後的內容，通常start和count組合，可以在s中讀取本次改變欄位中新的內容。而before表示被改變的內容的數量。  
            }  
        };

注意

這個只是我練習的Dome，，，不保證能用，好多都沒寫玩，，就是個殼子

相關推薦

安卓UI練習（一）--登陸介面和邏輯程式碼

登陸介面和邏輯程式碼 最近感覺自己安卓方面真的的差的好多，，，但是我覺得自己只有好好每天學習敲程式碼練習，會有收穫的，這周就是重新看了下安卓UI方面的東西，下面是登陸介面的xml和邏輯處理方面的程式碼//參考了好多別人的部落格 效果圖 圖示都是在網上找

安卓入門學習（一）使用者介面設計

第三章 使用者介面設計 寫在前面： 有人問為什麼網路上那麼多教程，直接學習就好了，為啥還要浪費時間跟精力自己重新寫一系統的帖子？ 寫部落格不是一種情懷，而是對自己所學所用知識的總結。寫文章是一種態度，是對自己已知能力的輸出的考核。 最重要一點，人生在世，總要留

安卓開發筆記（一）——簡單的ui介面設定以及互動設計

一、實驗題目 實驗一: 中山大學智慧健康服務平臺應用開發 實驗程式碼：傳送門：https://github.com/dick20/Android 二、實現內容 1.基本的UI介面設計 實現一個Android應用，介面呈現如圖中的效果。 要求 該介面

安卓學習筆記（一）——執行緒的用法及怎樣在子執行緒中更新UI

建立執行緒方法： 1、新建一個繼承自Thread的類MyThread，然後重寫父類的run()方法，在裡面寫要執行的內容； class MyThread extends Thread { @Ove

安卓APP實戰（一）：需求介紹及安卓工程結構再識

在搭建好開發環境，大致瞭解了Android的相關基礎知識，新建好第一個專案併成功執行後。便開始做第一個專案！需求如下： APP應用名稱叫歡樂寫數字 （Android專案開發實戰入門 明日科技出版 中第一個專案，本書紙質內容只有八個專案，並且屬於傻瓜式教程，似乎有基礎知識介紹在光盤裡，我沒有找

安卓Tv開發（一）移動智慧電視之焦點控制（觸控事件）

      前言：移動智慧裝置的發展，推動了安卓另一個領域，包括智慧電視和智慧家居，以及可穿戴裝置的大量使用，但是這些裝置上的開發並不是和傳統手機開發一樣，特別是焦點控制和使用者操作體驗風格上有很大的區

安卓與Jenkins（一）概述

Jenkins是基於Java開發的一種持續整合工具，用於監控持續重複的工作，功能包括：持續的軟體版本釋出/測試專案；監控外部呼叫執行的工作。 Jenkins特點 開源免費 跨平臺，支援所有的平臺 master/slave支援分散式的build web形式

安卓學習日記（一）：瞭解安卓架構(linux核心層、系統執行庫層、應用框架層、應用層)

10)timed device： 提供了對裝置進行定時控制的功能，目前支援vibrator和LED裝置。原始碼位於drivers/staging/android /timed_output.c(timed_gpio.c)。 11)Yaffs2 ：是檔案系統 Android採用Yaffs2作為MTD n

安卓高階技巧（一）

全域性獲取Context的技巧 Android提供了一個Application類，每當應用程式啟動的時候，系統就會自動將這個類進行初始化。而我們可以定製一個自己的Application類，以便於管理程式內一些全域性的狀態資訊，比如全域性Context。  示例如下： pu

淺談安卓Xutils框架（一）

xUtils更新到3.0後的基本使用規則說實話，對於xUtils，是我最近才用到的開發框架（也是剛接觸），對於其功能不得不說，簡化了很多的開發步驟，可以說是非常好的開發工具，但是其最近更新到3.0也沒有解決載入自定義ImageView報錯的問題。我總是喜歡用一些最新的東西，x

【純感悟】我眼裡的安卓架構師（一）

       提起架構師，大家會覺得很神祕很高深，但是真的如此麼？安卓架構師是在現實的產品需求基礎上對技術的一些整體構思，要考慮系統性，實用性，優化性，邏輯性，可擴充套件性，要滿足產品各方面的技術需求。相當於是頂層設計，要兼顧到各個方面。下面就具體的說一下：      

安卓應用開發（4）UI設計

由於Google是官方，所以本系列內容全部是掛外網，請參考者注意。如若打不開，請使用vpn。 Google官方教程 https://developer.android.com/training/basics/firstapp/creating-project 本章參考： http

教你用Cocosdx匯出安卓安裝檔案（.apk）（一）

我也是剛弄出來，過程可能有點混亂和不詳細，我盡我所能寫完整。各位看官多多包涵 裝置環境： 我所用的是mac 10.8.5    64位 Cocosdx-3.0rc2 xcode 5.0 一、準備

Bash腳本練習（一）（歡迎提意見，共同學習）

linux#!/bin/bash #寫一個腳本(前提：請為虛擬機新增一塊硬盤，假設它為/dev/sdb)，為指定的硬盤創建分區： #1、列出當前系統上所有的磁盤，讓用戶選擇，如果選擇quit則退出腳本；如果用戶選擇錯誤，就讓用戶重新選擇； #2、當用戶選擇後，提醒用戶確認接下來的操作可能會損壞數據，並請用戶確

Python練習（一）

pythonPython練習（一）：給一個不超過5位的正整數，判斷其有幾位，依次打印出個位、十位、百位、千位、萬位的數字：num = int(input(‘please enter a number: ‘)) lst = [] for i in str(num): lst.append(i)

小白的linux練習（一）

探索linux練習一、用student用戶登陸系統圖形界面 2.打開一個bash 3.修改student的密碼，把密碼更新成”T3st1ngtlme”(主機字母和數字) 4.顯示當前系統時間 5.顯示當前系統時間，顯示格式為：”小時:分鐘:秒 AM/PM”（AM/PM為上下午標識） 6.顯示“/usr/bin

vue入門練習（一）

col pre 全局 run -c 初始 handbook serve 回車 1.安裝node,webpack 　　node -v　　 //查看已安裝版本 　　npm install -g webpack　　 //安裝webpack 　　npm install -g web

天梯賽練習（一）

從右到左 false bits ppr ret tro != quick 平面 L2-017. 人以群分 題意： 給定n個正整數， 然後分成規模相差盡可能接近的兩類， 這兩類之和相差要盡可能大 分析： 直接排序， 然後分成兩部分即可 1 #include <b

Shell練習（一）

情況 read log 文件中 一個 false mozilla ash brush 習題1：每天生成一個文件要求：請按照這樣的日期格式（xxxx-xx-xx）每日生成一個文件，例如今天生成的文件為）2018-02-05.log， 並且把磁盤的使用情況寫到到這個文件中（不用

Eclipse+ADT+Android SDK 搭建安卓開發環境（轉）

新的 參考 語言 找到 rep 64位 add androi 安卓開發環境 要求 必備知識 windows 7 基本操作。 運行環境 windows 7(64位); eclipse-jee-luna-SR2-win32(32位);ADT-23.0.4 下