1.2 Widget (Part 2)

Hệ tọa độ

Kivy sử dụng hệ tọa độ 2D giống trong sách giáo khoa mà mọi người đã từng học. Với gốc tọa độ (0,0) nằm ở góc trái, phía dưới của màn hình. Trục x nằm ngang, hướng về bên phải, trục y đứng, hướng lên trên.

Dưới đây sẽ là 1 số loại layout thông dụng

Float Layout

The FloatLayout sử dụng chủ yêu cho 2 thuộc tính: pos_hint và size_hint.
Mỗi widget đều có size_hint = 1. size_hint = 1: nghĩa là kích cỡ của widget đó bằng với kích cỡ của widget cha. pos_hint là thuộc tính kiểu Dictionary, hẳn bạn đã biết kiểu Dictionary của python. vd: pos_hint={'x':.02, 'y':.01}, ngoài 2 key 'x' và 'y' ra, pos_hint còn có 'right', 'top', 'center_x', 'center_y', bạn sẽ sử dụng khi cần thiết.
Vậy, đối với mỗi widget con của Float layout, bạn chỉ cần thiết lập 2 thuộc tính pos_hint và size_hint để xác định vị trí.
Bạn có thể xem thêm trong đây để biết thêm chi tiết: link

Box Layout

Đây là 1 loại layout khá phổ biến đối với các ứng dụng giao diện. Nếu bạn chưa từng biết qua, thì cũng không khó để tiếp cận. Box layout đơn giản chỉ phục vụ cho việc sắp sếp các widget con theo chiều dọc, hoặc theo chiều ngang, có thể kếp hợp nhiều Boxlayout chồng nhau để tạo giao diện phức tạp tùy ý.
Cụ thể, đối với Box layout theo chiều dọc, các widget con sẽ được sắp xếp như sau:

Bạn có thể xem thêm trong đây để biết thêm chi tiết: link