天天看點

用Android studio開發登入界面

用Android studio開發登入界面

第一步、定義了三個按鈕,但是我們這次開發隻用到第三個

用Android studio開發登入界面

第二步、我們要使用這些按鈕,要先再Java中聲明控件,找到控件,再來設定它的點選事件,然後建立一個空的activity。

 package com.example.textview;
 ​
 import androidx.appcompat.app.AppCompatActivity;
 ​
 import android.content.Intent;
 import android.os.Bundle;
 import android.view.View;
 import android.widget.Button;
 ​
 public class MainActivity extends AppCompatActivity {
     private Button mBtnTextView;
     private Button mBtnButton;
     private Button mBtnEditText;
 ​
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         mBtnTextView=findViewById(R.id.btn_textview);
         mBtnTextView.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View view) {
                 //跳轉到TextView示範界面
                 Intent intent= new Intent(MainActivity.this,TextViewActivity.class);
                 startActivity(intent);
             }
         });
         mBtnButton = findViewById(R.id.btn_button);
         mBtnButton.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View view) {
                 //跳轉到Button示範界面
                 Intent intent= new Intent(MainActivity.this,ButtonActivity.class);
                 startActivity(intent);
             }
         });
         mBtnEditText=findViewById(R.id.btn_edittext);
         mBtnEditText.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View view) {
                 //跳轉到EditText示範界面
                 Intent intent= new Intent(MainActivity.this,EditTextActivity.class);
                 startActivity(intent);
             }
         });
     }
     }      
用Android studio開發登入界面

第三步,然後到activity_edit_text_xml下進行編寫

 package com.example.denglujiemian;
 ​
 import androidx.appcompat.app.AppCompatActivity;
 ​
 import android.content.Intent;
 import android.os.Bundle;
 import android.view.View;
 import android.widget.Button;
 ​
 public class MainActivity extends AppCompatActivity {
     private Button mBtnTextView;
     private Button mBtnButton;
     private Button mBtnEditText;
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         mBtnTextView=findViewById(R.id.btn_textview);
         mBtnTextView.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View view) {
                 //跳轉到TextView示範界面
                 Intent intent=new Intent(MainActivity.this,TextViewActivity.class);
                 startActivity(intent);
             }
         });
         mBtnButton=findViewById(R.id.btn_button);
         mBtnButton.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View view) {
                 //跳轉到Button示範界面
                 Intent intent=new Intent(MainActivity.this,ButtonActivity.class);
                 startActivity(intent);
             }
         });
         mBtnEditText=findViewById(R.id.btn_edittext);
         mBtnEditText.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View view) {
                 //跳轉到EditText示範界面
                 Intent intent=new Intent(MainActivity.this,EditTextActivity.class);
                 startActivity(intent);
             }
         });
 ​
     }
     }      

第四步、跳轉到edit_text.xml檔案下 進行編寫

用Android studio開發登入界面
 <?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"
    >
     <EditText
     android:id="@+id/et_1"
     android:layout_width="match_parent"
     android:layout_height="50dp"
         android:textSize="16sp"
         android:textColor="#FFAD33"
         android:hint="使用者名"
         android:background="@drawable/username"
         android:paddingLeft="10dp"
         android:paddingRight="10dp"/>
     <EditText
         android:id="@+id/et_2"
         android:layout_width="match_parent"
         android:layout_height="50dp"
         android:textSize="16sp"
         android:textColor="#FFAD33"
         android:inputType="textPassword"
         android:hint="密碼"
         android:layout_below="@id/et_1"
         android:layout_marginTop="15dp"
         android:background="@drawable/username"
         android:paddingLeft="10dp"
         android:paddingRight="10dp"/>
     <Button
         android:id="@+id/btn_login"
         android:layout_width="match_parent"
         android:layout_height="40dp"
         android:layout_below="@id/et_2"
         android:layout_marginTop="40dp"
         android:background="#006030"
         android:text="登入"
         android:textColor="#fff"
         android:textSize="16sp"/>
 ​
 </RelativeLayout>      
用Android studio開發登入界面
用Android studio開發登入界面

第五步、設定跳轉事件

在EditTextActivity.java下寫如下程式,使得在點選登入按鈕後,會産生一個響應事件。

 package com.example.denglujiemian;
 ​
 import androidx.appcompat.app.AppCompatActivity;
 ​
 import android.os.Bundle;
 import android.view.View;
 import android.widget.Button;
 import android.widget.Toast;
 ​
 public class EditTextActivity extends AppCompatActivity {
     private Button mBtnLogin;
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_edit_text);
         mBtnLogin=findViewById(R.id.btn_login);
         mBtnLogin.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View view) {
                 Toast.makeText(EditTextActivity.this,"登陸成功!",Toast.LENGTH_SHORT).show();
             }
         });
     }
 }      
用Android studio開發登入界面

繼續閱讀