Tạo ứng dụng Android đầu tiên - phần1

Ở 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

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:


Code:
--------------------------------------------------------------------------------------------------------------------

/** * 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);
            }
        });
    }
-------------------------------------------------------------------------------------

Source code


SHARE

GivesTech

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 nhận xét:

Đăng nhận xét