> For the complete documentation index, see [llms.txt](https://tailieu.appon.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tailieu.appon.vn/huong-dan-co-ban/thiet-lap-block/thiet-ke-co-ban.md).

# Thiết kế cơ bản & Hiệu ứng(Animation)

Để cho App của chúng ta thêm phần sinh động và đẹp, cũng như thay đổi nhiều Font chữ khác nhau thì **Thiết kế** là nơi để chỉnh sửa toàn bộ các vấn đề đó.

Sau khi bạn đã kéo 1 **Block** ra để sử dụng, bạn click vào **Block** đó sẽ hiển thị ra thanh công cụ **Thiết kế** bên phải màn hình. Tại đây bạn có thể chỉnh sửa:

*  "Màu nền/background" bạn có thể đổi nền từ màu sắc thành nền hình ảnh. 
* "Chữ/Text" bạn có thể đổi Font(kiểu chữ), đổi màu cho chữ và chỉnh kích thước chữ, in đậm, in nghiêng, căn trái căn phải,khoảng cách giữa các chữ, khoảng cách chữ với lề,.....
* "Đường viền/Border" bạn có thể tạo đường viền cho block, bo tròn,....
* "Hiệu Ứng/Animation" tạo hiệu ứng xuất hiện cho block của bạn
* Ghim/Sticky cố định vị trí của **Block** ở vị trí trên cùng hoặc dưới cùng của App.
* Trục X - Trục Hoành - Trục ngang, Trục Y - Trục Tung - Trục Dọc: khoảng cách từ **Block** đến viền. 
* W-width độ rộng của **Block**, H-height độ cao của **Block.** Bạn cũng có thể chỉnh kích thước cho **Block** tại W-H để chính xác kích thước thay vì phải kéo **Block** bằng chuột để phóng to hay thu nhỏ.

![phần trên của thiết kế](/files/5dBbVSyzJQnxZyANriPR) ![phần dưới của thiết kế](/files/bQa3WKpAL0WVYSGSVKBM)