Mode Gelap di Xamarin.iOS
Mode Gelap adalah opsi seluruh sistem untuk tema terang dan gelap. Pengguna iOS sekarang dapat memilih tema atau mengizinkan iOS untuk mengubah tampilan secara dinamis berdasarkan lingkungan dan waktu hari.
Dokumen ini memperkenalkan mode gelap dan mendukung mode gelap di aplikasi iOS 13.
Persyaratan
Mode Gelap memerlukan iOS 13 dan Xcode 11, Xamarin.iOS 12.99, dan Visual Studio 2019 atau Visual Studio 2019 untuk Mac dengan dukungan Xcode 11.
Mengaktifkan Mode Gelap
Apple menyediakan menu pengembang di iOS 13 untuk beralih antara mode gelap dan terang. Di simulator iOS 13 buka Pengaturan dan pilih bagian Pengembang, lalu gulir ke sakelar Tampilan Gelap. Perubahan akan tercermin di seluruh lingkungan simulator:
Aset untuk Mode Terang dan Gelap
Katalog Aset di Visual Studio sekarang mendukung gambar dan warna opsional untuk setiap mode tampilan: Universal, Gelap, dan Terang. Saat menentukan gambar dan warna Anda dengan cara ini, iOS akan secara otomatis memilih gambar dan warna yang sesuai.
Buka file Assets.xcassets Anda di proyek iOS Anda dan tambahkan set gambar baru. Perhatikan bahwa Anda dapat menentukan gambar universal, gelap, dan terang di salah satu resolusi target. Pada cuplikan layar di bawah ini, ada gambar untuk gelap dan terang dengan nama "MicrosoftLogo":
Assets.xcassets juga berisi entri untuk BackgroundColor dan TitleColor, yang merupakan definisi warna. Warna-warna tersebut sekarang tersedia berdasarkan nama untuk digunakan di seluruh aplikasi. BackgroundColor telah ditetapkan ke latar belakang tampilan, dan TitleColor ke label, seperti yang ditunjukkan pada cuplikan layar ini:
Warna sistem dinamis
Apple telah memperkenalkan warna semantik baru yang menyesuaikan tampilannya secara dinamis berdasarkan pengaturan mode gelap baru.
Ringkasan
Artikel ini memperkenalkan Mode Gelap untuk iOS dan menentukan gambar dan warna untuk setiap mode menggunakan katalog aset.