Bài 3 : Làm việc với TextView trong Android

Blog chia sẻ kinh nghiệm lập trình Android
Xin chào các bạn , ở bài trước mình đã hướng dẫn cách làm thế nào để tạo và chạy được một project app Android. Hôm nay, mình hướng dẫn  cách sử lí textview đơn giản .
Đầu tiên bạn vào res/layout/activity_main.xml

 MÌNH HƯỚNG DẪN XỬ LÍ TEXTVIEW TRÊN <LinearLayout> CÁC LOẠI KHÁC TƯƠNG TỰ.

ĐỂ CÓ ĐK </LinearLayout> BẠN LÀM NHƯ SAU : 

 vÀO activity_main.xml XÓA HẾT RỒI SANG  Graphics_layout TÌM TỚI MỤC : layout => LinearLayout

 kéo thả sang vùng hiển thị vậy là bạn đang làm việc với LinearLayout. Thuộc tính như thế nào mình sẽ có một bài riêng để chia sẻ.

Ở bên khung cửa sổ làm việc bạn thấy có 2 chế độ là : Graphics_layout và activity_main.xml

 1. Graphics_layout giao diện để bạn quan sát các phần tử hiện nên khi chạy app tại layout này. và dùng để kéo thả các phần tử từ ô bên trái, có rất nhiều sự lựa chọn mình sẽ hướng dẫn sau. 

  Bạn tìm tới mục : Forms widgets   => TextView  kéo thả vào màn hình đang hiển thị ở bên phải, bây giờ bạn đã có một textview .

2.  Bạn sang activity_main.xml : vùng tô đậm chính là textview bạn vừa kéo thả. (để tiện di chuyển giữa 2 loại này bạn chỉ cần kick đup vào phần tử bên giao diện hiển thị là  tìm được nó ở bên activity_main.xml)

Giờ ta xử lí Textview vừa tạo. 

   android:id="@+id/textView1"  đây là ID để liên kết với main.class để xử lí sự kiện hay bất cứ thứ gì mà android hỗ trợ, cái id rất quan trọng nên việc đặt tên ID nên mang tính gợi nhớ cao để khỏi nhầm lẫn với Id khác VD tôi đặt tên cho id này là : android:id="@+id/tv_vidu".

android:text="TextView" tại đây là phần ta cho hiển thị text lên textview. (text này có thể bị thay đổi nếu muốn ở main.class)

Tôi  thay text là : android:text="Phạm Tiến Phong " .

 android:layout_width="wrap_content"

  android:layout_height="wrap_content"  

 Hai thuộc tính này là chiều rộng và chiều cao của  textview 

   wrap_content là bao hết toàn bộ text , nghĩa là text rộng và cao tới đâu thì background cũng như vậy.

     android:layout_width="fill_parent" nếu là fill_parent thì background sẽ full hết chiều rộng màn hình , tương tự với chiều cao . 

Giờ ta thêm các thuộc tính khác cho Textview.

  android:textColor="#FFFFFF"

   android:background="#000000"

hai thẻ này để thay đổi màu chữ và màu nên của textview. để lấy mã màu thích hợp bạn có thể vào trang :

http://idesign.vn/content/tutorial/bang-mau-cmyk-rgb-thong-dng/ để chọn màu. Ở đây tôi chọn chữ trắng trên nền đen.

 android:layout_gravity="center"

   android:gravity="center"

Hai thẻ này để căn chỉnh textview ở vị trí tương ứng là ở giữa ,text ở giữa Textview , "center" có thể thay bằng thuộc tính left , right tùy ý: kết quả như sau.

android:textSize="35dp"

thẻ này để chỉnh kích cỡ text. 

 android:textStyle="italic" thể này để chọn kiểu in đậm hay in nghiêng . tôi chọn in nghiêng

Vậy là cơ bản bạn đã thao tác được với TextView rồi. Các bạn tự thực hành và tìm hiểu thêm nhé. bài sau mình sẽ hướng dẫn các bạn với Text Fields. chúc các bạn thành công.

 mọi thắc mắc các bạn liên hệ mình qua địa chỉ Gmail : svk10acntt@gmail.com hoặc Fb: https://www.facebook.com/pham.tienphong.37