Tổng Quan Giao Diện
Sử dụng Rive trên trình duyệt hoặc dưới dạng ứng dụng desktop — cả hai đều có tính năng giống nhau.
Trình chỉnh sửa Rive chỉ hiển thị những gì bạn cần, đúng lúc bạn cần. Giao diện gồm sáu khu vực.
Thanh Công Cụ
Thanh công cụ chạy ngang qua phần trên cùng của trình chỉnh sửa. Nó chứa các công cụ để tạo và chỉnh sửa đối tượng, cùng với các tùy chọn cho cài đặt tệp và xuất file.
Truy cập tất cả các công cụ thiết kế và hoạt hình từ thanh công cụ.
Hierarchy
Hierarchy là chế độ xem dạng cây (danh sách có cấu trúc thể hiện mối quan hệ cha-con) của mọi đối tượng, tài nguyên và hoạt hình trong tệp của bạn. Nó hiển thị cả cấu trúc lẫn thứ tự render — các đối tượng nằm thấp hơn trong danh sách sẽ hiển thị ở phía trên.
Tìm hiểu cách Hierarchy sắp xếp các đối tượng và kiểm soát thứ tự render.
Inspector
Inspector hiển thị các thuộc tính có thể chỉnh sửa cho lựa chọn hiện tại của bạn. Chọn một đối tượng trên stage, một key trên timeline, hoặc một node trong state machine — Inspector sẽ cập nhật tương ứng.
Inspector thay đổi linh hoạt dựa trên lựa chọn hiện tại của bạn.
Stage
Stage là canvas chính ở trung tâm của trình chỉnh sửa. Hãy coi nó như một bảng trắng vô hạn — đặt và sắp xếp các artboard tại đây để xây dựng thiết kế của bạn.
Stage là canvas vô hạn để đặt và sắp xếp các artboard.
Timeline
Timeline xuất hiện ở phía dưới trình chỉnh sửa khi bạn vào chế độ Animate. Dùng nó để tạo hoạt hình, đặt keyframe (các mốc ghi lại giá trị thuộc tính tại một thời điểm cụ thể) và điều khiển phát lại.
Tạo và điều khiển hoạt hình bằng Timeline.
Đồ Thị State Machine
Khi một state machine (hệ thống kiểm soát hoạt hình nào được phát dựa trên các điều kiện — giống như đèn giao thông chuyển đổi giữa đỏ, vàng và xanh) được chọn, Timeline sẽ được thay thế bằng đồ thị State Machine. Đây là nơi bạn kết nối các hoạt hình và định nghĩa logic tương tác.
Kết nối các hoạt hình và định nghĩa các chuyển đổi trong đồ thị State Machine.