Tài liệu AppOn
  • Tổng quan về AppOn
  • Hướng dẫn cơ bản
    • Tạo mới ứng dụng
    • Sử dụng Đoạn - Section
    • Sử dụng Màn hình - Screen
    • Sử dụng Hình ảnh - Image
    • Sử dụng Khối - Block
      • Column
      • Khối của tôi - My Block
      • Button
      • Text
      • Input / Textarea
      • Checkbox
      • Radio
      • Drop down - Select
      • List repeat
      • Shape
      • Ảnh - Video - Slide
      • HTML
      • Countdown - Đếm ngược
    • Dữ Liệu
    • Sử dụng Thiết kế - Design
      • Thiết kế cơ bản & Hiệu ứng(Animation)
    • Sử dụng Hành động - Action
      • Sử dụng Điều kiện(Condition)
      • Chức năng Hành động
    • Thiết lập App
  • Hướng dẫn nâng cao
    • Sử dụng API
    • Sử dụng Hành động Google Form
    • Tích hợp Tracking / Conversion
      • Tích hợp Facebook Pixel
      • Google Analytic
      • Tích hợp Tiktok Pixel
    • Tích hợp Chatbot
      • Manychat
      • Chatfuel
      • Bot Bán Hàng
    • Xuất bản Domain riêng
  • Gamification
    • Vòng quay may mắn
      • Thiết lập cơ bản
      • Tích hợp Chatbot
      • Tích hợp Share
      • Tích hợp tạo mã giảm giá
    • Game khác
      • Minigame dạng "Đập lu"
      • Minigame dạng "Rung cây hái lộc"
  • Selling Page
    • Hướng dẫn cơ bản
      • Thiết lập Selling page và cửa hàng trên Merchant
    • Tích hợp phần mềm bán hàng
      • Kiot Việt
      • Nhanh.vn
      • Haravan
      • Sapo
      • Misa
      • OnlineCRM
  • Ứng dụng khác
    • Ứng dụng Khảo sát khách hàng
    • Tạo mã E-Voucher / Chatbot
  • Developer
    • Javascript SDK
    • Sử dụng Function
    • Sử dụng CSS
  • Cập nhật hệ thống
    • Tháng 10 / 2019
Powered by GitBook
On this page

Was this helpful?

  1. Hướng dẫn cơ bản
  2. Sử dụng Thiết kế - Design

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

Hướng dẫn chỉnh sửa Thiết kế cơ bản

PreviousSử dụng Thiết kế - DesignNextSử dụng Hành động - Action

Last updated 3 years ago

Was this helpful?

Để 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ế
phần dưới của thiết kế