Artboards

Artboard là gốc rễ của bố cục — hãy coi nó như khung vẽ nơi hoạt ảnh của bạn tồn tại. Nó xác định kích thước cảnh và màu nền. Bạn có thể có bao nhiêu artboard tùy ý trên Stage, nhưng mỗi file cần ít nhất một artboard.

Artboard Đang Hoạt Động

Chỉ có một artboard hoạt động tại một thời điểm. Artboard đang hoạt động hiển thị một dấu chấm bên cạnh tên của nó trên Stage. Nhấp vào bất kỳ artboard nào hoặc các thành phần con của nó để kích hoạt artboard đó.

Hierarchy, Inspector và Timeline đều hiển thị nội dung chỉ cho artboard đang hoạt động.

State Machine Mặc Định

State machine mặc định (lớp logic kiểm soát hoạt ảnh nào sẽ phát — bạn sẽ tìm hiểu về điều này sau) sẽ chạy khi bạn nhấn nút phát trên Toolbar. Nó cũng xác định artboard mà developer thấy khi tải file.

Để thay đổi, dùng menu thả xuống trong Inspector để chọn state machine bạn muốn đặt làm mặc định.

Giữ Shift + Space từ chế độ Design để phát nhanh state machine mặc định.

Tạo Artboard

Cách 1: Trong file mới, dùng các gợi ý trên màn hình để đặt kích thước hoặc chọn preset, sau đó nhấp Create Artboard.

Cách 2: Chọn công cụ Artboard (A), sau đó nhấp và kéo trên Stage để xác định kích thước. Bạn có thể điều chỉnh vị trí và kích thước sau trong Inspector.

Thuộc Tính Artboard

Chọn một artboard để xem các thuộc tính của nó trong Inspector.

Vị Trí và Kích Thước

Các trường Width và Height đặt kích thước của artboard. Theo mặc định, artboard sử dụng kích thước Fixed. Chuyển sang Hug để tự động thay đổi kích thước theo các thành phần con (yêu cầu ít nhất một đối tượng layout con (một phần tử bên trong artboard sử dụng hệ thống layout của Rive)).

Dùng biểu tượng khóa để cố định tỷ lệ khung hình khi thay đổi kích thước.

Origin

Origin là điểm tham chiếu cho tất cả các đối tượng trên artboard — giống như điểm neo mà mọi thứ khác được đo từ đó. Theo mặc định là X: 0%, Y: 0% (góc trên bên trái).

Hãy đặt origin trước khi bắt đầu tạo hoạt ảnh. Thay đổi nó sau có thể làm các đối tượng đã có keyframe bị lệch vị trí. Nếu bạn cần thay đổi origin sau khi đã thêm keyframe, hãy bọc component vào một group để lấy lại quyền kiểm soát.

Cài Đặt Layout

Artboard có thể có các thuộc tính layout kiểm soát cách sắp xếp các thành phần con. Những thuộc tính này chỉ có hiệu lực khi có các đối tượng layout bên trong artboard.

Fill và Stroke

Artboard hỗ trợ fill và stroke giống như các đối tượng khác.

Render Presets

Dùng render presets để xuất ảnh tĩnh (PNG, SVG) hoặc video (MP4, chuỗi PNG) từ artboard đã chọn.

Màu Sắc Được Chọn

Khi một artboard được chọn, tất cả màu sắc được sử dụng bởi mọi đối tượng trên artboard đó sẽ hiển thị cùng nhau. Bạn có thể chọn và điều chỉnh chúng từ một nơi duy nhất.