Prinsip SwiftUI

Membiasakan diri dengan istilah SwiftUI

SwiftUI pertama kali diperkenalkan pada tahun 2019 dan sejak itu ditingkatkan menjadi wifUI 2 yang membuat sebagian besar pengembang bersemangat. Cara terbaik untuk mendeskripsikan SwiftUI adalah dengan menyebutkan fakta bahwa itu adalah UI deklaratif. “Cara mudah untuk memahami UI deklaratif adalah dengan menyatakan apa yang Anda inginkan, seperti“ Saya ingin telur saya matang sempurna ”alih-alih merinci langkah-langkah seperti“ ambil telur, masukkan ke dalam panci berisi air, taruh ini di atas api dan tunggu selama 7 menit. ” Ini lebih tentang fokus pada apa yang penting daripada bagaimana mencapainya ”[Varma, 2]. Bahasa deklaratif sangat mudah, membuat kode SwiftUI terlihat bagus dan bersih.

SwiftUI dibangun di atas 4 prinsip:

Deklaratif

Swift 2,3,4,5 tradisional sebagian besar difokuskan pada cara membuat elemen dan cara menampilkannya, langkah terakhir adalah memperbaruinya dengan perubahan data. Dengan UI deklaratif, seluruh proses menjadi lebih mudah membuat pengembang lebih fokus pada data apa yang perlu ditampilkan.

Cepat 5

biarkan labelText = UILabel (frame: CGRect (x: 0, y: 0, width: 100,

tinggi: 100))

labelText.text = “Halo Dunia”

labelText.textColor = UIColor.blue

labelText.backgroundColor = UIColor.red

labelText.font = UIFont (nama: “Helvetica”, ukuran: 24)

self.view.addSubview (labelText)

SwiftUI

Teks ("Halo Dunia")

.warna biru)

.background (Color.red)

.font (.largeTitle)

Seperti yang bisa kita lihat dari kode di atas, keduanya menampilkan hal yang sama, namun kode SwiftUI terlihat lebih bersih dan cepat.

Otomatis

Jika kita mengacu pada kode di atas, kita akan mengatakan bahwa di SwifUI kita tidak perlu menambahkan fungsi seperti spasi, bingkai, dll. Ini karena SwiftUI menawarkan yang 'gratis'. Jika kita kembali menerjemahkan aplikasi kita melalui Lokalisasi, seluruh kode akan tercakup secara otomatis dalam SwifUI. Kita tidak perlu menulis variabel tambahan, menerjemahkannya, menautkannya dengan tombol dan membuat pernyataan untuk beralih ketika tombol bahasa tertentu diklik. Semua itu akan dilakukan secara otomatis di SwitUI. Jika kode memiliki string bahasa, maka baris di atas akan menampilkan versi yang dilokalkan tanpa menulis kode tambahan; semua dilakukan secara otomatis.

Komposisi

Prinsip Komposisi didasarkan pada ide setiap UI mengumpulkan elemen visual yang bersama-sama memberikan pengalaman interaktif bagi pengguna. Apple mempermudah penggunaan SwiftUI dengan membuat tampilan kompleks menggunakan Hstack dan Vstack . Komposisi tidak lain adalah menciptakan elemen baru dengan memadukan dan mencocokkan elemen yang sudah ada, menghasilkan aplikasi yang indah dan ramah pengguna.

Konsistensi

Salah satu kesalahan terbesar yang dihadapi oleh pengembang apel adalah Interface Builder sebelumnya yang digabungkan dengan Swift 5 tidak memperbarui data secara real-time. Anda harus benar-benar men-debug dan membangun aplikasi (secara virtual atau di ponsel Anda) untuk melihat perubahan tersebut.

Masalah ini diselesaikan dengan diperkenalkannya SwiftUI. Karena UI adalah cerminan dari data yang diwakilinya, UI harus disinkronkan untuk selalu memberikan pengalaman yang konsisten. Dengan SwiftUI, data disinkronkan dan diperbarui secara otomatis saat perubahan dilakukan.

Keempat prinsip ini, telah membawa SwiftUI ke tingkat pengalaman yang lebih tinggi bagi para pengembang.