Ini hanyalah ekstensi tentang cara menggunakan "Vary Traits" dengan cepat dalam proyek Anda untuk menambahkan tata letak yang berbeda untuk iPad dan iPhone.
Silakan baca ini untuk memahami lebih lanjut tentang kelas Ukuran.
https://developer.apple.com/reference/uikit/uitraitcollection
Jika Anda melewatkan contoh berikut di bawah ini, bacalah Ringkasan di bagian akhir.
Anda memerlukan tombol dengan lebar berbeda di iPhone dan iPad. Yang pertama memiliki lebar 80 dan yang terakhir memiliki lebar 300.
Vary for Traits with Multiple Constraints as diinstal.
LANGKAH :
- Tambahkan kendala umum terlebih dahulu seperti Pusatkan tombol secara horizontal dan vertikal.
- Pilih VaryForTraits dan untuk layar iPhone sesuai pedoman kelas ukuran, kelas ukuran C * R sesuai dengan model dan ini kami memeriksa tanda centang Lebar & Tinggi di PopUp. Singkirkan pop-up dengan mengklik di mana saja di layar.
- Tambahkan konstanta lebar dan periksa apakah batasan ditambahkan untuk kelas ukuran C * R. Setelah menambahkan batasan, pilih tombol Selesai Memvariasikan.
- Untuk layar iPad, pilih lagi perangkat iPad dan pilih VaryForTraits dan kali ini saat mengklik lebar-tinggi, itu akan menunjukkan variasi R * R.
- Sekali lagi tambahkan batasan lebar, batasan lebar iPhone yang ditambahkan terakhir harus dihilangkan seperti pada tangkapan layar. Nilai tambahnya adalah untuk kelas ukuran R * R kali ini.
- Beralih kembali ke tata letak iPhone dan dibutuhkan 80 sebagai lebar dan iPad akan membutuhkan 300.
KESIMPULAN:
Harap perhatikan bahwa ada total dua batasan yang ditambahkan dan di kedua batasan tersebut, nilainya berbeda sesuai dengan kelas ukuran yang dipilih.
Vary for Traits with Single Constraint, Multiple Size-Class diinstal
- LANGKAH :
- Tambahkan batasan lebar normal. Kemudian pilih batasan itu dan pilih tombol + di samping nilai Konstanta.
- Tambahkan variasi sifat, dan untuk iPhone kami memilih C * R dan menetapkan nilai konstanta 100.
- Sekali lagi untuk iPad yang mengikuti variasi sifat sebagai R * R, kami menambahkan variasi lain dengan mengklik lagi tombol + dan mengatur nilainya sebagai 300.
- Pilih iPad dan lebarnya akan secara otomatis diambil sebagai 300 dan kembali ke iPhone dibutuhkan 100 sebagai nilainya.
KESIMPULAN:
Ini tampaknya menjadi opsi yang lebih baik daripada menambahkan dua batasan ketika satu batasan hanya diperlukan dan nilai konstanta berbeda.
KAPAN DIGUNAKAN, APA YANG HARUS DIGUNAKAN:
Kedua pendekatan tersebut pada dasarnya melakukan hal yang sama, menetapkan nilai ke kelas Ukuran.
Tapi, # Method1 digunakan ketika Anda ingin menambahkan batasan khusus untuk perangkat atau katakanlah kelas ukuran. Misalnya, di iPhone tombol harus dari 50 poin teratas dan di iPad tombol harus dipusatkan secara horizontal dan vertikal. Dalam situasi seperti itu, Anda perlu menggunakan VaryForTraits karena VaryForTraits membuka pintu untuk menambahkan batasan untuk kelas ukuran tertentu.
# Method2 digunakan ketika Anda menginginkan nilai konstanta yang berbeda untuk tipe batasan yang sama.
PS: KEPADA SEMUA ORANG YANG TIDAK MAMPU MENDAPATKAN CONTOH BEKERJA
Harap pastikan, Anda hanya menambahkan batasan yang diperlukan sebagai Terpasang. Kotak centang terhadap Installed seharusnya hanya muncul untuk batasan yang Anda perlukan untuk kelas ukuran. Itulah kuncinya!
Cukup tambahkan batasan teratas & petunjuk ke uiButton dalam tampilan. Pilih kendala teratas dan hapus centang pada opsi Terpasang dasar dengan tanda Plus. Sekarang, dengan mengklik tanda Plus, tambahkan variasi ke C R dan centang opsi itu. Kini, ubah perangkat dari iPhone ke iPad dengan berbagai kombinasi orientasi. Batasan ini hanya akan diterapkan untuk kelas ukuran C R yaitu iPhone dalam orientasi potret. Jika kotak centang terhadap Installed dasar (yang satu dengan simbol Plus) dicentang, itu berarti batasan harus diterapkan ke semua kelas ukuran.
RINGKASAN:
Variasi Trait adalah perubahan pada tampilan antarmuka pengguna Anda yang didasarkan pada konfigurasi perangkat. Variasi Ciri dari antarmuka pengguna tidak hanya terbatas pada batasan tetapi dapat diterapkan pada lebih banyak lagi. Seperti mengubah warna latar belakang dan elemen lain saat perangkat disetel ke gaya gelap. Variasi dapat diterapkan ke elemen antarmuka pengguna, seperti menghapus batasan, atau ke properti kelas tampilan atau batasan, seperti font untuk label. Anda dapat memvariasikan:
Ukuran atau posisi tampilan
Pemasangan view
Pemasangan menjadi kendala
Konstanta batasan
Font
Warna untuk font, tint, atau background
Margin tata letak
File gambar
Kumpulan properti spesifik yang dapat Anda variasikan bergantung pada kelas elemen. Dalam contoh, kami telah mendemonstrasikan penggunaan- Instalasi batasan & - Konstanta batasan. Lainnya, cukup sederhana dan dapat dengan mudah disimpulkan.
