Ở bài này chúng ta sẽ tạo một ứng dụng có giao diện và sự tương tác với người dùng đơn giản. Giao diện gồm:
- 1 TextView hiện thị dòng chữ xin chào mọi người
- 1 Button dùng để hiện thị lại dòng chữ đó (sau khi ta làm ẩn đi)
Chúng ta bắt đầu tạo Project: File/New/New Project
Nhấp finish để vào Project của chúng ta
Ta có thể thấy, ứng dụng của chúng ta hiện có 1 dòng text là Hello World!
Dòng android:text="@string/hello_world" định nghĩa nội dung của TextView nó tham chiếu tới
id hello_world trong file string.xml
Nó được sinh ra mặt định. chúng ta chỉnh sửa tí để khỏi phải thêm
Ta tiến đổi dòng chữ đó thành Xin chào mọi người!
Để sửa ta vào folder values và mở file string.xml Hoặc ghì phím Ctrl và click vào dòng @string/hello_world. Sau đó sửa lại như sau
Tiến hành nhấn Run để chạy ứng dụng
Code:
--------------------------------------------------------------------------------------------------------------------
- 1 TextView hiện thị dòng chữ xin chào mọi người
- 1 Button dùng để hiện thị lại dòng chữ đó (sau khi ta làm ẩn đi)
Chúng ta bắt đầu tạo Project: File/New/New Project
Ta có thể thấy, ứng dụng của chúng ta hiện có 1 dòng text là Hello World!
Dòng android:text="@string/hello_world" định nghĩa nội dung của TextView nó tham chiếu tới
id hello_world trong file string.xml
Nó được sinh ra mặt định. chúng ta chỉnh sửa tí để khỏi phải thêm
Ta tiến đổi dòng chữ đó thành Xin chào mọi người!
Để sửa ta vào folder values và mở file string.xml Hoặc ghì phím Ctrl và click vào dòng @string/hello_world. Sau đó sửa lại như sau
Tiến hành nhấn Run để chạy ứng dụng
Tiếp theo là ta làm ẩn dòng chữ Xin chào mọi người và sau đó thêm 1 Button vào giao diện để khi nhấn vào. Dòng text đó có thể hiện trở lại. Ta mở lại file activity_main.xml
Ta tiến hành đặt text cho button (có thể edit trong file xml như lúc nãy hoặc click đúp trên giao diện)
thay dòng text là Show đặt thêm id cho nó là btnShow (để lúc code ta gọi nó thông qua id này)
đặt id cho button mới thêm vào là btnShow. và id cho TextView lúc này tvHello
Vậy là về phần layout đã xong. lúc này ta có thể chạy app để xem kết quả. Tất nhiên khi nhấn vào Button show thì nó chưa động đậy gì cả. vì ta chưa lập trình cho nó mà.
Bây giờ tới phần code, ta mở file MainActivity.java trong package com.androidtmc.myfirstapplication sau đó thêm vào như sau:
--------------------------------------------------------------------------------------------------------------------
/** * class này có nhiệm vụ lấy giao diện từ layout activity_main.xml * mà ta đã thiết kế để hiển thị lên màng hình * giúp người dùng tương tác với các đối tượng trong giao diện đó */ public class MainActivity extends AppCompatActivity { //Khai báo 2 control ta đã thêm ở layout activity_main.xml Button btnShow; TextView tvHello; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);//hàm chọn layout từ giao diện btnShow = (Button) findViewById(R.id.btnShow);//lấy Button từ layout thông qua id btnShow tvHello = (TextView) findViewById(R.id.tvHello);//lấy TextView thông qua tvHell tvHello.setVisibility(View.GONE);// ẩn textview này //tạo sự kiện nhấn button Show để hiện lại dòng "Xin chào mọi người!" btnShow.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { tvHello.setVisibility(View.VISIBLE); } }); }
-------------------------------------------------------------------------------------










0 nhận xét:
Đăng nhận xét