Ở bài trước, tôi đã hướng dẫn cho bạn các đăng kí tài khoản trên trang web kodular.io để bắt đầu hành trình “viết apps”. Bài này, tôi chia sẻ cho bạn những kiến thức về giao diện thiết kế apps mà tôi đã trải nghiệm.

1. Đăng nhập vào kodular

  • Từ thanh địa chỉ của trình duyệt web, bạn gõ vào dòng địa chỉ c.kodular.io và nhấn enter.
  • Bạn nhập địa chỉ email và password mà bạn đã đăng kí vào ô “Enter your email” và “Enter your password” rồi bấm “Sign in”. Bạn sẽ gặp màn hình như thế này
  • Bạn bấm “Let’s go!” để bắt đầu, được màn hình như sau

2. Giao diện làm việc sau khi đăng nhập

  • Sau khi đăng nhập thành công, bấm vào nút “Create project” để tạo app, được màn hình như sau:
  • Bạn đặt tên cho dự án. Chú ý: tên không được bỏ dấu tiếng Việt, không khoảng trắng và các kí tự đặc biệt; tên chấp nhận kí tự “_” (Shift + -). Sau đó bấm “Next”. Được hình sau

+ (1): Bạn lựa chọn kiểu “theme” cho app, gồm có theme mặc định, theme sáng (light) và theme “tối” (dark)

+ (2): Qui định phiên bản android thấp nhất để chạy app của bạn (để măc định)

+ (3): Tên gói, bạn đặt theo cú pháp như sau “com.[nội dung bạn đặt].[nội dung bạn đặt]”, tên này là duy nhất cho mỗi app. Chú ý: Tên không có khoảng trắng, không bỏ dấu và kí tự đặc biệt.

+ (4): Màu chính của app, màu thanh tiêu đề (có thể thay đổi sau)

+ (5): Màu thanh trạng thái (có thể thay đổi sau)

+ (6): Màu nhấn (có thể thay đổi sau).

  • Nhấn nút “Finish”, xuất hiện màn hình sau

+ (1) – Menu chính

Project: Chứa các lệnh liên quan đến dự án

Test: Chứa các lệnh liên quan đến việc chạy thử app bạn đang tạo

Export: Chứa các lệnh liên quan đến xuất file để đưa lên CH Play

Help: Chứa các lệnh trợ giúp

+ (2) – Tên dự án của bạn: Bạn có thể đổi tên dự án của bạn tại đây

+ (3) – Menu liên quan tới “Screen” (Màn hình)

+ (4) – Chứa các nhóm thành phần: khi bạn di chuột vào vùng này thì sẽ hiện như sau để bạn lựa chọn nhóm thành phần bạn muốn thêm vào Sreen

+ (5) – Các thành phần trong một nhóm: Nơi chứa các thành phần đã được phân nhóm. Bạn kéo các thành phần này thả và Screen (mục (7)) để thêm vào app của bạn.

+ (6) – Lựa chọn kiểu hiển thị: Bạn có thể chọn kiểu thiết bị ảo và kiểu hiện thị các loại thành phần

+ (7) – Screen: Màn hình bạn sẽ nhìn thấy khi chạy app trên thiết bị, nó là nơi chứa các thành phần của app. Nếu xem app của bạn là một quyển sách thì mỗi một “Screen” là 1 trang sách trong quyển sách đó.

+ (8) – Danh sách các thành phần có trong Screen: Nơi này sẽ hiển thị tên tất cả các thành phần mà bạn kéo thả vào Screen đang được chọn ở (3) và đang hiển thị ở (7)

+ (9) – Menu liên quan đến người dùng.

+ (10) – Lựa chọn chế độ hiển thị:

Asset: Hiển thị danh sách asset, bao gồm hình ảnh, file, font chữ,…mà bạn thêm vào để sử dụng trong app.

Designer: Chế độ thiết kế.

Blocks: Chế độ viết mã (bằng cách kéo thả block)

+ (11) – Hiển thị thuộc tính: Nơi này sẽ hiển các thuộc tính của thành phần mà bạn đang chọn ở (8)

Trên đây tôi đã giới thiệu tổng quan về giao diện “viết apps” của Kodular. Đây chỉ là cái nhìn sơ lược (giống như xem qua mục lục của một quyển sách vậy) chứ chưa thể đi sâu để giúp bạn hiểu chi thiết hơn từng chức năng. Do đó, bạn hãy tiếp tục theo dõi những bài viết sau để hiểu rõ hơn nhé.

Chúc bạn thành công!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *