Android: Button trong Android
Một Button là một Push-Button mà có thể được nhấn, hoặc được click, bởi người dùng để thực hiện một hành động.
Các Button trên mobile
Các thuộc tính của Button trong Android
Bảng dưới liệt kê một số thuộc tính quan trọng liên quan tới Button Control. Bạn có thể kiểm tra Android Offical Documentation để có danh sách đầy đủ các thuộc tính và phương thức liên quan để thay đổi các thuộc tính này tại runtime.
Kế thừa từ lớp android.widget.TextView:
| Thuộc tính | Miêu tả |
|---|---|
| android:autoText | Nếu được thiết lập, xác định rằng TextView này có một phương thức đầu vào thuần văn bản và tự động sửa một số lỗi chính tả phổ biến |
| android:drawableBottom | Đây là drawable để được vẽ dưới text |
| android:drawableRight | Đây là drawable để được vẽ bên phải của text |
| android:editable | Nếu được thiết lập, xác định rằng TextView này có một phương thức đầu vào |
| android:text | Đây là Text để hiển thị |
Kế thừa từ lớp android.view.View:
| Thuộc tính | Miêu tả |
|---|---|
| android:background | Đây là drawable để sử dụng như là background |
| android:contentMiêu tả | Định nghĩa text mà miêu tả ngắn gọn nội dung của view |
| android:id | Cung cấp một tên định danh cho view này |
| android:onClick | Tên của phương thức trong ngữ cảnh của View này để triệu hồi khi view được click |
| android:visibility | Điều khiển sự nhìn thấy ban đầu của view |
Ví dụ
Ví dụ sau sẽ minh họa cách tạo ứng dụng Androidd với Button.
| Bước | Miêu tả |
|---|---|
| 1 | Bạn sử dụng Android Studio IDE để tạo một ứng dụng Android. |
| 2 | Sửa đổi file src/MainActivity.java để thêm một click event |
| 2 | Sửa đổi nội dung mặc định của file res/layout/activity_main.xml để bao gồm UI Control |
| 3 | Không cần chỉnh sửa file strings.xml |
| 4 | Chạy ứng dụng để chạy Android Emulator và kiểm tra kết quả các thay đổi đã thực hiện trong ứng dụng |
Sau đây là nội dung của file Main Activity:
package v1study.com.button;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
Button b1,b2,b3;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
b1=(Button)findViewById(R.id.btnClick);
b1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(MainActivity.this,"You clicked me!",Toast.LENGTH_LONG).show();
}
});
}
}
Sau đây là nội dung của file res/layout/activity_main.xml:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/buttonv1study"
android:textColor="#8BC34A"
android:textSize="30sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="0.497"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.072" />
<ImageView
android:layout_width="170dp"
android:layout_height="170dp"
android:contentDescription="@string/logo_v1study"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="0.497"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.186"
app:srcCompat="@drawable/logo_v1_regular" />
<Button
android:id="@+id/btnClick"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/click_me"
android:textColor="#8BC34A"
android:textSize="30sp"
android:textStyle="bold"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="0.497"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.457" />
</androidx.constraintlayout.widget.ConstraintLayout>
Sau đây là nội dung của res/values/strings.xml:
<resources>
<string name="app_name">ButtonV1Study</string>
<string name="click_me">Click me</string>
<string name="buttonv1study">ButtonV1Study</string>
<string name="logo_v1study">Logo V1Study</string>
</resources>
Sau đây là nội dung mặc định của AndroidManifest.xml:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:dist="http://schemas.android.com/apk/distribution"
package="v1study.com.button">
<dist:module dist:instant="true" />
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
Chạy ứng dụng:
Màn hình sau sẽ xuất hiện khi bạn nhấn vào nút Click me:
