Tạo giao diện ứng dụng
Nhấp đúp chuột vào activity_main.xml để thiết kế giao diện ứng dụng:
Hình 1.42. Giao diện thiết kế ứng dụng
Quan sát màn hình ở trên có 2 phần (GraphicalLayout và activity_main.xml), khi chỉnh sửa 1 trong 2 phần thì phần còn lại sẽ cập nhật tương ứng, với:
- Vùng số 1: chính là nơi chứa các đối tượng hiển thị giao diện (control, layout, component…). Bạn muốn sử dụng đối tượng nào thì kéo thả nó vào vùng số 2. Ví dụ trong hình trên, kéo thả một Button vào và đặt Id nó là “btnXinChao”.
- Vùng số 2: là giao diện, nơi mà bạn cần thiết kế.
- Vùng số 3: cho phép thiết kế theo chiều đứng hay chiều ngang. - Vùng số 4: chức năng zoom in, zoom out để dễ thiết kế.
- Vùng số 5: nơi thiết lập các thuộc tính cho các view được kéo thả vào giao diện.
File activity_main.xml cho phép tạo giao diện bằng mã 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=“Hello World!”
app:layout_constraintBottom_toBottomOf=“parent” app:layout_constraintLeft_toLeftOf=“parent”
app:layout_constraintRight_toRightOf=“parent” app:layout_constraintTop_toTopOf=“parent” /> <Button
android:id=“@+id/button”
android:layout_width=“wrap_content” android:layout_height=“wrap_content” android:text=“Button”
app:layout_constraintEnd_toEndOf=“parent” app:layout_constraintStart_toStartOf=“parent” tools:layout_editor_absoluteY=“434dp” /> <ImageView
android:id=“@+id/imageView”
android:layout_width=“wrap_content” android:layout_height=“wrap_content” app:layout_constraintEnd_toEndOf=“parent” app:layout_constraintStart_toStartOf=“parent” tools:layout_editor_absoluteY=“536dp”
tools:srcCompat=“@tools:sample/avatars” /> </androidx.constraintlayout.widget.ConstraintLayout>
Viết code xử lý:
- Nhấp đúp chuột vào MainActivity.java, viết code xử lý cho ứng dụng như sau:
Hình 1.43. Viết code java xử lý Trong hàm onCreate có một số lệnh:
- setContentView(R.Layout.activity_main): đây là lệnh dùng để kết nối giao diện thiết kế activity_main.xml vào Activity. Với activity_main là định danh của activity_main.xml, được tự động sinh ra trong class Layout của file R.java.
- findViewById(R.id.btnXinChao): truy xuất đối tượng Button trên giao diện có định danh btnXinChao lấy từ R.java.