Nguyễn Công Trình - Thiết kế giao diện trang đăng ký - lập trình androi

Поділитися
Вставка
  • Опубліковано 20 вер 2024
  • Nguyễn Công Trình - Thiết kế giao diện trang đăng ký - lập trình androi
    Như bài trước mình đã nói, LinearLayout là ViewGroup chứa các View khác và quản lý theo chiều ngang hoặc chiều dọc (tùy ta quy định). Giống như chúng ta xếp hàng vậy, xếp theo hàng ngang hoặc hàng dọc. Do vậy khi sử dụng LinearLayout chúng ta khá dễ dàng để xử lỹ giao diện. Bây giờ chúng ta đi thực hành thiết kế giao diện một số ứng dụng bằng LinearLayout cho thành thạo.
    Trước tiên là thẻ LinearLayout
    android:orientation=”vertical” : Với LinearLayout, nó quản lý giao diện theo hàng dọc và hàng ngang. Chính thuộc tính orientation này quy định chiều của các phần tử bên trong nó. vertical sẽ là dọc và horizontal sẽ là ngang.
    Tiếp theo là thẻ TextView Login và thẻ Button
    android:layout_gravity=”center”: Thuộc tính này có nhiệm vụ làm cho cả layout của đối tựợng đó (TextView Login và Button) được căn giữa. Tức là cả phần khung được căn giữa chữ không phải chỉ nội dung của nó được căn giữa. Các bạn nhớ lại hôm trước chúng ta có một thuộc tính tương tự là android:gravity, nó chỉ để căn nội dung của đối tượng ở giữa.
    Như vậy các bạn có thể nghĩ đến một cách làm khác với giao diện của chúng ta. Đó là cho thẻ LinearLayout có nội dung bên trong ở giữa. Như vậy chúng ta không cần căn chỉnh TextView Login và Button Ok nhiều mà chỉ cần cho chiều ngang của chúng vừa đủ với nội dung là được. Tự khắc nó sẽ ra giữa vì chúng nằm bên trong LinearLayout gốc nên nó là nội dung của LinearLayout, mà nội dung của LinearLayout thì nó ở giữa rồi. Tuy nhiên TextView User và TextView Password lại cần điểu chỉnh để thiều ngang lấy hết màn hình vì nếu không chúng cũng sẽ ra giữa. Như vậy code sẽ như sau:
    ++facebook của tôi : bit.ly/2gbTWGk
    +++blog : bit.ly/2iEwW3Y
    ++ pinterest của tôi : bit.ly/2yXVriG
    +++kênh học tập : bit.ly/2zM0S1v
    ++ instagram của tôi : bit.ly/2CVFDzR
    +++ Tumblr : bit.ly/2zUrIp3
    ++ reddit : bit.ly/2zKuA7h
    +++ google+ : bit.ly/2iCRIkz
    Hãy sub(đăng ký ) kênh để ủng hộ tác giả nhé !

КОМЕНТАРІ • 3