【学习笔记】Android简单登录界面

本例为学习笔记，为了图方便，很多东西并没有按照规范来写。所用到的控件主要有：Button、ImageView、TextView、EditText

 

首先放出效果图：

 

1.因为一直在学习，所以直接把活动建在了helloworld包下面。

下面是AirActivity代码：

package com.example.helloworld;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class AirActivity extends Activity {

    private Button mBtnAirLogin;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_air);
        mBtnAirLogin = findViewById(R.id.btn_air_login);
        setListeners();
    }

    private void setListeners(){
        OnClick onClick = new OnClick();
        mBtnAirLogin.setOnClickListener(onClick);
    }

    private class OnClick implements View.OnClickListener{
        @Override
        public void onClick(View v){
            Intent intent = null;
            switch (v.getId()){
                case R.id.btn_air_login:
                    //跳转到airLogin演示界面
                    intent = new Intent(AirActivity.this, AirLoginActivity.class);
                    break;
            }
            startActivity(intent);
        }
    }
}

 

本界面activity_air.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">

    <ImageView
        android:id="@+id/air_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/bg_air"
        android:scaleType="centerCrop"/>
    <ImageView
        android:id="@+id/air_2"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:src="@drawable/welcome_logo"
        android:scaleType="centerCrop"
        android:layout_marginTop="140dp"
        android:layout_centerHorizontal="true"/>

    <Button
        android:id="@+id/btn_air_login"
        android:layout_width="270dp"
        android:layout_height="60dp"
        android:background="@drawable/bg_air1"
        android:layout_marginTop="150dp"
        android:layout_below="@+id/air_2"
        android:layout_centerHorizontal="true"
        />

</RelativeLayout>

开启应用按钮背景文件bg_air1.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/login_btn_pre"/>
    <item android:state_enabled="false" android:drawable="@drawable/login_btn"/>
    <item android:drawable="@drawable/login_btn"/>
</selector>

按压效果如下：

按压按钮后进入airLogin演示界面。

 

2。airLogin：

下面是AirLoginActivity.java代码：

package com.example.helloworld;

import android.app.Activity;
import android.os.Bundle;

public class AirLoginActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_air_login);
    }
}

注意：继承自Activity，界面全屏展示，无顶栏（看着舒服多了）

 

界面文件activity_air_login.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:background="@drawable/bg_login">

    <TextView
        android:layout_width="600dp"
        android:layout_height="60dp"
        android:text="请登录"
        android:textSize="30sp"
        android:background="@drawable/bg_bt4"
        android:gravity="center"
        />

    <EditText
        android:id="@+id/et_1"
        android:layout_marginTop="70dp"
        android:layout_width="340dp"
        android:layout_height="wrap_content"
        android:inputType = "number"
        android:background="@drawable/bg_username"
        android:paddingLeft="10dp"
        android:paddingTop="7dp"
        android:paddingBottom="7dp"
        android:maxLines="1"
        android:hint="手机号："
        android:textColorHint="#66c2ff"
        android:drawableLeft="@drawable/icon_user"
        android:drawablePadding="5dp"
        android:padding="20dp"
        android:layout_centerHorizontal="true"/>

    <EditText
        android:id="@+id/et_2"
        android:layout_width="340dp"
        android:layout_height="wrap_content"
        android:inputType="textPassword"
        android:hint="密  码："
        android:layout_centerHorizontal="true"
        android:textColorHint="#66c2ff"
        android:background="@drawable/bg_username"
        android:layout_below="@id/et_1"
        android:paddingLeft="10dp"
        android:paddingTop="7dp"
        android:paddingBottom="7dp"
        android:maxLines="1"
        android:layout_marginTop="15dp"
        android:drawableLeft="@drawable/icon_password"
        android:drawablePadding="5dp"
        android:padding="20dp"/>

    <Button
        android:id="@+id/et_3"
        android:layout_below="@id/et_2"
        android:layout_marginTop="25dp"
        android:layout_width="340dp"
        android:layout_height="wrap_content"
        android:background="@drawable/bg_bt4"
        android:text="登录"
        android:layout_centerHorizontal="true"
        android:textColor="#ffffff"
        android:textSize="25sp"
        android:padding="20dp"/>

    <Button
        android:id="@+id/et_4"
        android:layout_below="@id/et_3"
        android:layout_centerHorizontal="true"
        android:layout_width="370dp"
        android:layout_height="wrap_content"
        android:background="#00000000"
        android:text="注册"
        android:textColor="#e6e6e6"
        android:textSize="18sp"
        android:padding="20dp"/>

</RelativeLayout>

bg_bt4.xml代码：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <solid android:color="#1a1aff"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
    <item android:state_pressed="false">
        <shape>
            <solid android:color="#0099ff"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
</selector>

bg_username.xml代码：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke
        android:width="1.5dp"

        android:color="#0099ff"/>

    <corners
        android:radius="5dp"/>

</shape>