Seveda, tukaj je podroben pregled, kako lahko spremenite velikost stikala SwiftUI v Swiftu.
SwiftUI je Applov okvir za gradnjo uporabniških vmesnikov na vseh Applovih platformah z močjo Swifta. Včasih lahko razvijalci naletijo na potrebo po prilagoditvi velikosti določenih komponent uporabniškega vmesnika, kot je stikalo. SwiftUI privzeto ne dovoljuje neposrednega spreminjanja velikosti stikala, vendar lahko to dosežemo z nekaterimi rešitvami.
Poglobimo se v rešitev problema.
Ustvarjanje stikala po meri v SwiftUI
Če želite prilagoditi velikost stikala v SwiftUI, je en pristop ustvariti stikalo po meri. To vam omogoča popoln nadzor nad videzom in velikostjo stikala.
Tu je primer kode, ki ustvari stikalo po meri:
struct CustomSwitch: View {
@Binding var isOn: Bool
var body: some View {
Button(action: {
self.isOn.toggle()
}) {
Rectangle()
.fill(self.isOn ? Color.green : Color.gray)
.frame(width: 50, height: 30)
.overlay(Circle()
.fill(Color.white)
.offset(x: self.isOn ? 10 : -10),
alignment: self.isOn ? .trailing : .leading)
.cornerRadius(15)
.animation(.spring())
}
}
}
Razumevanje kode stikala po meri
Razčlenimo, kaj počne ta koda:
- Struktura CustomSwitch: To definira naš pogled SwiftUI po meri. Ima vezavo na logično vrednost – stanje za stikalo.
- Dejanje gumba: Ta blok kode Swift določa vedenje, ko je gumb pritisnjen. Tukaj preprosto preklopite stanje »isOn«.
- Pravokotnik: Primerek strukture pravokotnika SwiftUI, ki določa lastnosti oblike.
- Barva polnila: Barva pravokotnika je odvisna od tega, ali je »isOn« resnično ali napačno.
- Okvir: Modifikator okvirja tukaj navaja širino in višino stikala po meri.
- Prekrivanje: Modifikator prekrivanja vam omogoča, da poleg obstoječega dodate še en pogled SwiftUI – tukaj je bel krog, ki služi kot stikalni gumb.
- Pobota: Modifikator odmika se tukaj uporablja za premikanje kroga glede na to, ali je »isOn« resnično ali napačno, kar daje iluzijo, da se stikalo preklopi.
- kotni radij: To velja za zaokroževanje vogalov spodnjega pravokotnika.
- animacija: Modifikator animacije uporabi animacijo spring() za celoten gumb – tako da se bo ob preklopu gladko preklapljal.
Zavijanje Up
Možnost prilagajanja velikosti stikala SwiftUI je lahko prednost pri prilagajanju uporabniškega vmesnika, da ustreza posebnim potrebam aplikacije. Naučili smo se enega pristopa za doseganje tega z ustvarjanjem stikala po meri. Veselo kodiranje!
Ne pozabite: SwiftUI je precej prilagodljiv in prilagodljiv. Prosto prilagodite vrednosti in lastnosti v zgornji kodi, da bodo bolje ustrezale vašemu projektu in potrebam oblikovanja. Če morate spremeniti velikost katere koli druge komponente uporabniškega vmesnika, lahko pristop ustvarjanja po meri uporabite na skoraj enak način.
