> 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)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://tailieu.appon.vn/huong-dan-co-ban/thiet-lap-block/thiet-ke-co-ban.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.