Ở trong bài trước ta đã làm quen với Android qua các ví dụ về HelloWorld và HelloImage, bước đầu đã nắm được cách sử dụng main.xml để thiết kế giao diện, trình bày tranh ảnh.
Thông thường thì, với 1 ứng dụng có 2 phần công việc cần làm là : Thiết kế giao diện và xử lý dữ liệu. Với thiết kế giao diện bạn cần code trong file main.xml, với xử lý dữ liệu bạn cần code trong file .java. Điều này tận dụng được các thế mạnh của mỗi ngôn ngữ.
Bài này chúng ta sẽ đi tìm hiểu về các thành phần hay sử dụng trong thiết kế giao diện và lập trình chủ yếu trên file main.xml
Đầu tiên bạn mở 1 project mới, hoặc trong project HelloWorld cũ, bạn mở file main.xml, sẽ thấy có các thành phần : LinearLayout, TextView.
Ngoài 2 thành phần này thì còn có rất nhiều thành phần khác nữa. Vậy có những thành phần nào và chúng để làm j?
Có thể hiểu layout là trang giấy trong đó có các view được đặt lên. View tương tác với người sử dụng.
Vì layout giống trang giấy, nên bạn cần phải căn chỉnh nó cho phù hợp với màn hình, hoặc phù hợp với nhu cầu lập trình. Cũng giống như trong Word vậy, bạn phải căn lề, chia văn bản dạng cột, chọn định dạng giấy khổ A4 hay A5, giấy nằm ngang hay xoay dọc. Layout trong xml cũng có các thuộc tính như thế
Có nhiều loại layout để bạn lựa chọn sử dụng :
Thông thường thì, với 1 ứng dụng có 2 phần công việc cần làm là : Thiết kế giao diện và xử lý dữ liệu. Với thiết kế giao diện bạn cần code trong file main.xml, với xử lý dữ liệu bạn cần code trong file .java. Điều này tận dụng được các thế mạnh của mỗi ngôn ngữ.
Bài này chúng ta sẽ đi tìm hiểu về các thành phần hay sử dụng trong thiết kế giao diện và lập trình chủ yếu trên file main.xml
Đầu tiên bạn mở 1 project mới, hoặc trong project HelloWorld cũ, bạn mở file main.xml, sẽ thấy có các thành phần : LinearLayout, TextView.
Ngoài 2 thành phần này thì còn có rất nhiều thành phần khác nữa. Vậy có những thành phần nào và chúng để làm j?
Có thể hiểu layout là trang giấy trong đó có các view được đặt lên. View tương tác với người sử dụng.
Vì layout giống trang giấy, nên bạn cần phải căn chỉnh nó cho phù hợp với màn hình, hoặc phù hợp với nhu cầu lập trình. Cũng giống như trong Word vậy, bạn phải căn lề, chia văn bản dạng cột, chọn định dạng giấy khổ A4 hay A5, giấy nằm ngang hay xoay dọc. Layout trong xml cũng có các thuộc tính như thế
Có nhiều loại layout để bạn lựa chọn sử dụng :
- FrameLayout : cái này sẽ định vị trí cho các view nằm ở góc trên bên trái màn hình
- LinearLayout : cái này có 2 thuộc tính ngang dọc, dùng để sắp xếp các view theo chiều ngang hay chiều dọc. Đây là layout hay được sử dụng nhất
- RelativeLayout : Thêm các view theo các mối quan hệ của nó với các view khác trong layout
- TableLayout : Đặt các view ở dưới dạng bảng
- AbsoluteLayout : Đặt các view theo dạng tọa độ
Lưu ý : layout cũng là 1 view nhé
Bài này chúng ta sẽ chỉ sử dụng LinearLayout (đặt các view theo chiều ngang hoặc dọc)
Trong 1 thẻ layout có thể có nhiều layout khác hoặc nhiều view.
Để khai báo 1 layout, trong main.xml ta khai báo thẻ <LinearLayout></LinearLayout>
Các bạn xem hình sau
Như trong hình, mình đã chèn thêm 3 layout nữa. Tuy nhiên vì không có thông số nên khi run các bạn sẽ chỉ thấy 1 layout vì các layout con đã nằm đè lên các layout cha. Vì thế ta cần cài đặt các thuộc tính cho layout
Từ giờ ta qui ước LinearLayout là LL cho dễ viết nhé. hi
Quảng cáo
Nhìn vào hình trên bạn sẽ thấy LL ngoài cùng có 3 thuộc tính
- orentation : Dùng để set LL sẽ trải theo chiều ngang hay dọc. Ấn ctrl + space để xem nó có mấy giá trị nhé.
- layout_height và layout_width. Cái này không nói chắc các bạn cũng biết. Cũng ấn ctrl space để xem
Ngoài ra còn các thuộc tính khác :
- Gravity
- layout_weight
Tham khảo http://developer.android.com/resources/tutorials/views/hello-linearlayout.html