用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);
}
});
}
}
第三步,然後到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檔案下 進行編寫
<?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>
第五步、設定跳轉事件
在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();
}
});
}
}