[Android Cơ Bản] ConstraintLayout trong Android – Phần 2

Link phần 1 : http://www.dotplays.com/android-co-ban-constraintlayout-trong-android/

Hi các em, thầy có kênh youtube để các em xem lại các video livestream, đừng quên like and subcribe để nhận thông báo về video mới nhất nhé. 🙂

http://bit.ly/VideosAndroidCoBan

Hi các em, trong bài này chúng ta tiếp tục tìm hiểu các chức năng tiếp theo của ConstraintLayout nhé 🙂

Tùy chỉnh kích thước View

Hình 1 : Các chức năng tùy chỉnh kích thước của View

Để tùy chỉnh kích thước của View, trong ConstraintLayout cung cấp thêm 1 số tùy chỉnh sau ở mục Attributes

1 : – Ratio : Các em click chọn View cần chỉnh sửa -> click ô hình tam giác số 1 như Hình 1 và lựa chọn tỉ lệ Rộng / Cao cho View .

Button có hình vuông khi thiết lập ratio là 1:1

2, 3 : Khi click vào khu vực này trong Hình 1, chúng ta có thể lựa chọn các tùy chỉnh sau cho View

Fixed : Chương trình tự gán kích thước cho View với đơn vị db. Tuy nhiên cách này sẽ khiến View sẽ không tự co giãn trên các kích thước màn hình khác nhau

Wrap Content : Chương trình gán kích thước cho View là wrap_content, nghĩa là View sẽ tự động co giãn theo nội dung mà nó chứa

Match Constraints : Chương trình gán kích thước cho View là  match_constraint. Có nghĩa là kích thước của View sẽ được kéo dãn tới điểm neo

Khi lựa chọn Match Constraints, chúng ta có thêm các lựa chọn sau để tùy chỉnh kích thước của View :

layout_constraintWidth_default :
spread : mặc định, view kéo dãn tối đa tới điểm neo .
wrap : View co giãn theo nội dung tuy nhiên nó khác với wrap_content đó là nó cho phép kích thước của view nhỏ hơn kích thước nội dung trong trường hợp không còn không gian hiển thị. khác với wrap_content ở phía trên là luôn luôn co giãn vừa với kích thước nội dung

layout_constraintWidth_min : gán độ dài tối thiểu cho View với đơn vị là dp

layout_constraintWidth_max :gán độ dài tối đa cho View với đơn vị là db

Button đc thiết lập là match_contraint thì sẽ có độ dài kéo dãn tới 2 điểm neo trái và phải. Tuy nhiên do thiết lập layout_constraintWidth_max = 300dp nên độ dài của Button bị giới hạn là 300dp

Tỉ lệ View (Set size as a ratio)

Chúng ta có thể sử dụng chức năng này khi View được chọn chế độ hiển thị là match_contraints. Thông thường sử dụng tính năng này khi chúng ta muốn hiển thị 1 view là hình vuông (tỉ lệ 1:1)

Các em có thể nhập tỉ lệ tại ô 16:9 hoặc sửa dụng icon hình tam giác xanh ở góc hình vuông để kéo chỉnh tỉ lệ mong muốn

Chain (Tỉ lệ view trong ConstraintLayout)

Chain : là tùy chỉnh vị trí hiển thị của 1 hàng các View trong ConstraintLayout

Ví du : trong hình chúng ta muốn tùy chỉnh 3 Button thẳng hàng và khoảng cách các nút được chia đều

Lựa chọn liên kết theo chiều dọc hoặc ngang

app:layout_constraintHorizontal_chainStyle

chúng ta có thể chỉnh cách thức hiển thị của chain với 3 tùy chọn :

Spread : là giá trị mặc định khi sử dụng Chain, các view được chia đều không gian và hiển thị ra giữa

Spread inside : View đầu và cuối của các view đc liên kết Chain sẽ nằm về sát 2 phía điểm neo

Spread inside

Packed : Ngược lại với Spread inside, các view nằm sát nhau ngược chiều với điểm neo

Weighted : khi chainStyle đc thiết lập là Spread hoặc Spread inside chúng ta có thể thêm thuộc tính app:layout_constraintHorizontal_weight=”1″ vào view để view hiển thị đầy khoảng trống còn thừa (tương tự như weight trong LinearLayout)

Như vậy là thầy đã hướng dẫn chi tiết các thuộc tính còn lại của ConstraintLayout. Rất vui vì được sự theo dõi của các em.

Trong quá trình thực hành nếu có thắc mắc, các em vui lòng post tại Group tự học Android của thầy nhé . 🙂

Fanpage : https://fb.me/HuyNguyenAndroid/
Youtube : http://bit.ly/VideosAndroidCoBan
Website : http://www.dotplays.com/category/android-co-ban/
Group hỗ trợ : http://bit.ly/GroupHoTroHocAndroid