Latar belakang

Seminggu yang lalu kami mengidentifikasi masalah aneh di mana aplikasi iOS Naukri kami berperilaku tidak terduga dalam mode Diperbesar di beberapa perangkat.

UI menjadi terdistorsi dan padam di sekitar bilah navigasi atas & bilah tab bawah secara acak.

Masalah

Setelah melalui beberapa solusi dan artikel seputar status yang diperbesar, kami mengamati bahwa ketika status zoom diaktifkan, Aplikasi mulai ditampilkan dalam mode berskala & karena layar peluncuran kami tidak dioptimalkan untuk layar yang lebih besar, kami mendapatkan masalah UI.

Apa itu layar Peluncuran?

Tampaknya saat aplikasi diluncurkan untuk pertama kali dan memberi kesan bahwa aplikasi Anda cepat dan responsif. Setelah aplikasi Anda dimuat, itu akan diganti dengan layar pertama aplikasi Anda.

Ketika kami memeriksa logika implementasi gambar peluncuran di proyek kami, kami mengetahui bahwa berbagai ukuran gambar peluncuran ditambahkan ke file xcassets kami.

Kami berpikir untuk menghapusnya dan menambahkan gambar yang berbeda hanya untuk mencoba beberapa hal & kemudian kami mengamati bahwa menambahkan layar peluncuran dari xcassets sudah tidak digunakan lagi.

Larutan

Jadi setelah melalui dokumentasi Apple kami mempelajari cara yang benar untuk menambahkan layar peluncuran di aplikasi iOS Anda.

https://developer.apple.com/documentation/xcode/specifying-your-apps-launch-screen/

Bagaimana cara menambahkan layar Peluncuran?

Sebelum Xcode 6, satu-satunya pilihan yang kami miliki adalah menyediakan gambar statis di dalam katalog aset. Kemudian dengan iOS 8, Xcode memungkinkan kami mengganti gambar statis dengan file storyboard. Dengan waktu & pembaruan baru, beberapa opsi & fitur terus ditambahkan untuk layar peluncuran.

Untuk Xcode 12 & di atasnya ada dua cara untuk mencapai layar peluncuran:

1. Menggunakan storyboard (default), ditambahkan saat Anda membuat proyek baru
2. Menggunakan plistkonfigurasi

Menggunakan plistkonfigurasi Anda dapat mengatur:

• Sebuah gambar
• Apakah gambar peluncuran harus mematuhi inset area aman
• Warna latar belakang
• Visibilitas bilah navigasi
• Visibilitas bilah tab
• Visibilitas bilah alat
• Luncurkan konfigurasi layar per skema URL

1. Di pengaturan untuk target Anda, pilih tab Info.
2. Di bagian Properti Target iOS Khusus, perluas tombol Luncurkan Layar.
3. Klik tombol Tambah (+), ketik UILaunchScreen, dan tekan Kembali untuk menambahkan kunci layar peluncuran ke daftar properti. Jika UILaunchScreenkunci sudah ada, Anda dapat melewati langkah ini.
4. Pilih UILaunchScreenkuncinya, klik tombol Tambah (+), dan tambahkan kunci tambahan untuk menentukan opsi konfigurasi untuk layar peluncuran Anda.

Menggunakan file papan cerita

Jika Anda membuat aplikasi iOS dari template papan cerita, Xcode menambahkan file layar peluncuran default, yang disebut LaunchScreen.storyboard, ke proyek Anda. Edit LaunchScreen.storyboarduntuk mengonfigurasi layar peluncuran Anda.

Jika proyek Anda tidak berisi file layar peluncuran default, tambahkan file layar peluncuran dan atur file layar peluncuran untuk target di editor proyek.

1. Pilih File > Baru > File.
2. Di bawah Antarmuka Pengguna, pilih Luncurkan Layar, dan klik Berikutnya.
3. Beri nama file layar peluncuran, pilih lokasi, pilih target yang ingin Anda tambahkan file, dan klik Buat.
4. Di pengaturan untuk target Anda, pilih tab Umum dan temukan bagian "Ikon Aplikasi dan Luncurkan Gambar".
5. Dari menu pop-up File Layar Peluncuran, pilih file layar peluncuran baru.

Layar peluncuran banyak di-cache di iOS untuk meningkatkan kinerja. Jadi untuk tujuan pengembangan & pengujian, Anda perlu menghapus aplikasi dan memulai ulang perangkat (atau simulator).

Anda juga dapat menambahkan sleep(5) di didFinishLaunchingWithOptions selama pengembangan layar peluncuran Anda, penundaan dapat berguna untuk melihat desain yang diterapkan lebih lama.

Terima kasih banyak telah membaca…!

Referensi:

https://developer.apple.com/documentation/xcode/specifying-your-apps-launch-screen/