Làm quen với các Control cơ bản - học lập trình android cơ bản

Để bổ trợ cho việc làm quen và thiết kế với giao diện đơn giản, hôm nay chúng ta sẽ cùng làm quen với những Control cơ bản đầu tiên khi học lập trình android: TextView, EditView, Button. Đây là những control cơ bản nhất mà các bạn sẽ được làm quen ngay từ những buổi học đầu tiên. Cùng tìm hiểu nhé:

1. TextView

Khi bạn chỉ muốn hiện thị thông tin mà không cho phép người dùng chỉnh sửa thì nên sử dụng control này. TextView trong Android tương tụ nư JLable bên Java hay như Lable bên C#.

Ví dụ: dưới đây là một khai báo TextView đơn giản bằng code

<TextView

android:id=”@+id/textView1” // thiết lập id cho control để tiện xử lý

android:layout_width=”wrap_content” //thiết lập choc control

android:layout_height=”wrap_content” // thiết lập choc control

android:background=”#ff0000ff” // thay đổi màu nền cho background

android: textStyle=”bold” // thay đổi kiểu chữ

android: textSize=”25 sp” // thay đổi cỡ chữ

android: textColor=”@android:color/holo_red-dark” // thay đổi màu chữ

android:text=”Nhập tên:” />

Trên là cách chúng ta sử dụng code để đặc tả cho control. Sau đây là cách chúng ta thiết lập các thuộc tính cho TextView thông qua của sổ Prpperties.

Như đã nói ở trên, chúng ta nên đặt tên ID cho control với mục địch xử lý một số công việc theo yêu cầu, lấy qua id sẽ lấy đúng được control cần xử lý Cú pháp lấy control theo id: TextView txt1 = (TextView)findViewById(R.id.textView1);
Mọi control đều kế thừa từ View, và hàm findViewById cũng trả về 1 View theo đúng Id truyền vào, đó là lý do chúng ta ép kiểu về cho đúng với Textview
Để hiện thị thông tin lên control, dùng lệnh: txt.setText(“văn bản”);
Lấy thông tin bên trong: String msg = txt1.getText().toString();
2. EditText

EditText là control kế thừa từ TextView và cho phép chỉnh sửa dữ liệu. Để sử dụng EdText, bạn chỉ cần kéo thả control cần dùng (vùng số 1) vào giao diện (vungd số 2) và tiến hành thiết lập một số thuộc tính.

Một số thuộc tính cơ bản của EditText:

– Thuộc tính id : phân biệt các control với nhau

– Thuộc tính layout_width, layout_height: thiết lập phần giao diện cho control

– Thuộc tính hint: hiện thị thông tin gợi ý trong vùng nhập dữ liệu khi bạn chưa nhập bất kỳ dữ liệu nào vào, chỉ cần có dữ liệu là phần hint sẽ tự động mất đi.

– Thuộc tính textSize: thiết lập kích cỡ font chữ cho EditText

– Thuộc tính inputType: chỉnh sửa đúng văn bản: lỗi chính tả, ….

…..

Ví dụ:

Chúng ta cũng có thể thiết lập các thuộc tính thông qua của sổ Properties của control với màn hình này chúng ta có thể tương tác một cách dễ dàng với những thuộc tính của control.

Như TextView, chúng ta gọi control thông qua id, chúng ta thao tác với dữ liệu bên trong EditText.

+ Lấy control theo Id: EditText txtbox=(EditText) findViewById(R.id.editText1);

+Thiết lập giá trị cho EditText: txtBox.setText(“nhập bất cứ cái gì vào đây xem sao”)

+ Lấy dữ liệu bên trong EditText: String msg=txtBox.getText().toString()

3. Button:

Button dùng để thiết lập sự kiện khi người dùng chọn lựa, nó cũng kế thừa từ TextView. Có hai sự kiện mà chúng ta thường xuyên sử dụng:

Ví dụ: tính cộng trừ, nhân chia như giao diện.

Giao diện chương trình:

Các layout cần dùng:

Đoạn code mẫu:

package tranduythanh.com;

import android.os.Bundle; import android.app.Activity;

import android.view.View; import android.view.View.OnClickListener;

import android.widget.Button; import android.widget.EditText;

import android.widget.TextView;mpublic class MainActivity extends Activity {

Button btncong,btntru,btnnhan,btnchia;

EditText editsoa,editsob; TextView txtkq;

OnClickListener myclick=new OnClickListener() {

@Override

public void onClick(View arg0) {

switch(arg0.getId())

{

case R.id.btncong:

String sa=editsoa.getText()+””;

String sb=editsob.getText().toString();

int a=Integer.parseInt(sa);

int b=Integer.parseInt(sb);

txtkq.setText(a+” + “+b +” = “+(a+b));

break;

case R.id.btntru:

break;

case R.id.btnnhan:

break;

case R.id.btnchia:

break;

}}};

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);

btncong=(Button) findViewById(R.id.btncong); btntru=(Button) findViewById(R.id.btntru);

btnnhan=(Button) findViewById(R.id.btnnhan); btnchia=(Button) findViewById(R.id.btnchia);

editsoa=(EditText) findViewById(R.id.editsoa); editsob=(EditText) findViewById(R.id.editsob);

txtkq=(TextView) findViewById(R.id.txtketqua); btncong.setOnClickListener(myclick);

btntru.setOnClickListener(myclick); btnnhan.setOnClickListener(myclick);

btnchia.setOnClickListener(myclick);

Đoạn code mẫu trên tôi đã sử dụng tổng hợp một cách sử dụng ba loại control cơ bản : TextView, EditText, button, …

Trên là những khái niệm cơ bản về 3 control đầu tiên. Với những control cơ bản này khá phổ biến trong các ứng dụng android, các bạn hãy chú ý tìm hiểu thật kỹ nhé.