Lewati ke konten utama

Ikhtisar Antarmuka

tip

Gunakan Rive di browser atau sebagai aplikasi desktop — keduanya memiliki fitur yang sama.

Editor Rive hanya menampilkan apa yang Anda butuhkan, saat Anda membutuhkannya. Ada enam bagian.

Toolbar

Toolbar berada di bagian atas editor. Di sini terdapat alat untuk membuat dan mengedit objek, serta opsi untuk pengaturan file dan ekspor.

Toolbar

Toolbar

Access all design and animation tools from the toolbar.

Hierarchy

Hierarchy adalah tampilan pohon (daftar terstruktur yang menunjukkan hubungan induk-anak) dari setiap objek, aset, dan animasi dalam file Anda. Panel ini menampilkan struktur sekaligus urutan render — objek yang berada lebih rendah dalam daftar akan tampil di atas.

Hierarchy

Hierarchy

Learn how the Hierarchy organizes objects and controls render order.

Inspector

Inspector menampilkan properti yang dapat diedit untuk seleksi Anda saat ini. Pilih objek di stage, key pada timeline, atau node state machine — Inspector akan otomatis menyesuaikan tampilan.

Inspector

Inspector

The Inspector changes dynamically based on your current selection.

Stage

Stage adalah kanvas utama di bagian tengah editor. Bayangkan sebagai papan tulis tak terbatas — tempatkan dan susun artboard di sini untuk membangun desain Anda.

Stage

Stage

The Stage is an infinite canvas for placing and arranging artboards.

Timeline

Timeline muncul di bagian bawah editor saat Anda masuk ke mode Animate. Gunakan timeline untuk membuat animasi, menetapkan keyframe (penanda yang merekam nilai properti pada titik waktu tertentu), dan mengontrol pemutaran.

Timeline

Timeline

Create and control animations using the Timeline.

State Machine Graph

Ketika sebuah state machine (sistem yang mengontrol animasi mana yang diputar berdasarkan kondisi tertentu — seperti lampu lalu lintas yang berpindah antara merah, kuning, dan hijau) dipilih, Timeline digantikan oleh grafik State Machine. Di sinilah Anda menghubungkan animasi dan mendefinisikan logika interaksi.

State Machine Graph

State Machine

Connect animations and define transitions in the State Machine graph.