Scroll Rect
Login Tidak dapat digunakan ketika konten yang mengambil banyak ruang perlu ditampilkan di area kecil. Scroll Rect menyediakan fungsi untuk menggulir konten ini.
Biasanya Gulir Rect dikombinasikan dengan MaskDapat merujuk pada Masker Sprite, Masker UI, atau Masker Lapisan More info
Lihat di Glossary untuk membuat tampilan gulir, di mana hanya konten yang dapat digulir di dalam Rect Gulir terlihat. Hal ini juga dapat digabungkan dengan satu atau dua Scrollbars yang dapat diseret untuk menggulir secara horizontal atau vertikal.
Properties
| Property: | Function: |
|---|---|
| Content | Ini adalah referensi untuk mengubah elemen UI(User Interface) Memungkinkan pengguna untuk berinteraksi dengan aplikasi Anda. Unity saat ini mendukung tiga sistem UI. More info Lihat di Glossary untuk digulir, misalnya gambar besar. |
| Horizontal | Aktifkan gulir horisontal |
| Vertical | Aktifkan gulir vertikal |
| Movement Type | Tidak terbatas, elastis atau dijepit. Gunakan elastis atau dijepit untuk memaksa konten untuk tetap dalam batas-batas dari Scroll Rect. Mode elastis memuncing konten ketika mencapai tepi Gulir Rect |
| Elasticity | Ini adalah jumlah bouncing yang digunakan dalam mode elastisitas. |
| Inertia | Ketika Inertia ditetapkan konten akan terus bergerak ketika pointer dirilis setelah seret. Ketika Inertia tidak mengatur konten hanya akan bergerak ketika seret. |
| Deceleration Rate | Ketika Inertia mengatur tingkat deselerasi menentukan seberapa cepat konten berhenti bergerak. Tingkat 0 akan menghentikan pergerakan segera. Nilai 1 berarti pergerakan tidak akan pernah memperlambat. |
| Scroll Sensitivity | Sensitivitas untuk menggulir roda dan melacak acara gulir pad. |
| ViewportArea tampilan pengguna aplikasi di layar mereka. Lihat di Glossary |
Referensi ke viewport Rect Transform yang merupakan orang tua dari konten yang diubah. |
| Horizontal Scrollbar | Referensi opsional ke elemen scrollbar horisontal. |
| Visibility | Apakah gulir harus secara otomatis tersembunyi ketika tidak diperlukan, dan secara opsional memperluas viewport serta. |
| Spacing | Ruang antara scrollbar dan viewport. |
| Vertical Scrollbar | Referensi opsional ke elemen scrollbar vertikal. |
| Visibility | Apakah gulir harus secara otomatis tersembunyi ketika tidak diperlukan, dan secara opsional memperluas viewport serta. |
| Spacing | Ruang antara scrollbar dan viewport. |
Events
| Property: | Function: |
|---|---|
| On Value Changed | Sebuah UnityEvent yang diinvokasi ketika posisi gulir dari perubahan Rect Gulir. Acara dapat mengirim posisi gulir saat ini sebagai argumen dinamis tipe Vector2. |
Details
Elemen penting dalam tampilan gulir adalah viewport, gulir content, dan opsional satu atau dua scrollbars.
- Root GameObjectObjek mendasar dalam adegan Unity, yang dapat mewakili karakter, props, pemandangan, kamera, waypoints, dan banyak lagi. Fungsi GameObject didefinisikan oleh Komponen yang melekat padanya. More info
Lihat di Glossary memiliki komponen Scroll Rect. - viewport memiliki komponen Mask. Penampilan dapat menjadi akar GameObject, atau GameObject terpisah yang anak ke akar. Jika gulir otomatis digunakan, itu harus menjadi anak. viewport Rect Transform perlu direferensikan di properti Viewport dari Scroll Rect.
- Semua konten gulir harus anak-anak dari satu konten GameObject yang anak ke viewport. Konten Ret Transform perlu direferensikan di properti Content dari Scroll Rect.
- gulir - jika digunakan - adalah anak-anak ke akar GameObject. Lihat halaman Scrollbar untuk detail lebih lanjut tentang pengaturan gulir dan lihat bagian Scrollbar setup di bawah ini untuk informasi tentang pengaturan gulir dengan tampilan gulir.
Gambar ini menunjukkan setup di mana viewport adalah anak ke akar tampilan gulir. Ini adalah default yang digunakan ketika menggunakan GameObject > UI > Gulir Lihat opsi menu.
Untuk menggulir konten, input harus diterima dari dalam batas-batas ScrollRect, bukan pada konten itu sendiri.
Berhati-hatilah ketika menggunakan gerakan gulir yang tidak dibatasi karena dimungkinkan untuk kehilangan kontrol konten dengan cara yang tidak diinginkan. Ketika menggunakan gerakan elastis atau terlatih yang terbaik untuk memposisikan konten sehingga dimulai dalam batas-batas perilaku GulirRect, atau tidak diinginkan dapat terjadi sebagai RectTransform mencoba membawa konten kembali dalam batas-batasnya.
Scrollbar setup
Opsional, Scroll Rect dapat dihubungkan ke horizontal dan / atau vertikal Scrollbar. Ini biasanya ditempatkan di hirarki sebagai saudara ke viewport, dan saat ini, harus diseret ke properti Horizontal Scrollbar dan Vertical Scrollbar dari Scroll Rect, masing-masing. Perhatikan bahwa properti Direction pada bilah gulir horisontal tersebut harus diatur ke Left To Right, dan pada bilah gulir vertikal ke Bottom To Top.
Garis gulir dapat secara opsional memiliki perilaku yang menyembunyikan bilah gulir jika konten tidak perlu gulir karena tidak lebih besar dari viewport. Perhatikan bahwa otomatis menyembunyikan hanya yang pernah terjadi di Play Mode. Dalam Edit Mode gulir selalu ditampilkan. Ini mencegah menandai sceneAdegan berisi lingkungan dan menu permainan Anda. Pikirkan setiap file Adegan unik sebagai tingkat yang unik. Di setiap Adegan, Anda menempatkan lingkungan, hambatan, dan dekorasi, pada dasarnya merancang dan membangun permainan Anda dalam potongan-potongan. More info
Lihat di Glossary sebagai kotor ketika seharusnya tidak, dan juga membantu penulis konten dengan proporsi yang ada ruang untuk bahkan ketika scrollbars ditampilkan.
Jika satu atau kedua gulir memiliki perilaku visibilitas mereka diatur ke Auto Hide And Expand View, viewport secara otomatis diperluas ketika scrollbars tersembunyi untuk mengambil ruang tambahan di mana gulir tidak akan. Dengan pengaturan ini, posisi dan ukuran view didorong oleh Scroll Rect, dan lebar horizontal scrollbar serta ketinggian vertical scrollbar didorong juga. Dengan pengaturan ini viewport serta gulir harus anak-anak ke Gulir Rect root GameObject.
Hints
- pivot dan jangkar konten RectTransform dapat digunakan untuk menentukan bagaimana konten dijajarkan dalam tampilan gulir jika konten tumbuh atau menyusut. Jika konten harus tetap selaras dengan bagian atas, atur jangkar ke bagian atas induk, dan atur pivot ke posisi atas.
- Lihat halaman Membuat elemen UI sesuai dengan ukuran konten mereka untuk informasi tentang cara membuat konten Ubah ukuran otomatis agar sesuai dengan konten.