- Sebelum lanjut ke bagian filter kategori, Anda perlu menggabungkan elemen-elemen pada kolom pencarian. Jika pada latihan Wireframe kita menggabungkan elemen menggunakan fitur Group, di sini kita menggunakan Frame. Supaya mengetahui perbedaannya, ubahlah ukuran Group dan lihat apa yang terjadi.
Seperti yang Anda lihat, ukuran ikon pencarian juga ikut membesar dan mengecil secara tidak proporsional. Nah, supaya ikon tetap proporsional, manfaatkanlah Frame. - Apabila sudah terlanjur menjadi Group, Anda bisa mengubahnya menjadi Frame melalui dropdown properti di panel kanan, seperti ini:
Namun, jika belum diubah menjadi Group, Anda bisa menggabungkannya dengan memilih elemen menggunakan Shift. Kemudian klik kanan dan pilih Frame selection (Ctrl+Alt+G).
Perbedaan elemen yang berupa Group atau Frame dapat dilihat pada ikonnya. Ikon Group berupa persegi putus-putus seperti ini:
Sedangkan ikon Frame berbentuk pagar (#) seperti ini:
- Salah satu kelebihan Frame yaitu terdapat fitur Clip Content, di mana Anda dapat menyembunyikan elemen yang tidak dibutuhkan seperti ini:
Dapat dilihat walaupun kita mengubah ukuran Frame, elemen yang di dalamnya tidak ikut berubah. - Jika dilihat sekali lagi, radius pada sebelah kanan tidak terlihat. Supaya tetap terlihat, sesuaikan ukuran Rectangle dengan ukuran Frame. Caranya, ubah properti pada Constraint menjadi Scale seperti berikut:
High-Fidelity Prototype
Latihan Menggunakan Frame
Pada latihan ini, Anda akan mengetahui perbedaan Group dan Frame ketika ukuran komponen berubah.