Toki, tässä on yksityiskohtainen katsaus siitä, kuinka voit muuttaa SwiftUI-kytkimen kokoa Swiftissä.
SwiftUI on Applen kehys käyttöliittymien rakentamiseen kaikille Apple-alustoille Swiftin avulla. Joskus kehittäjät saattavat kohdata tarpeen säätää tiettyjen käyttöliittymäkomponenttien, kuten kytkimen, kokoa. Oletusarvoisesti SwiftUI ei salli kytkimen koon muuttamista suoraan, mutta voimme käyttää joitakin kiertotapoja tämän saavuttamiseksi.
Sukellaanpa ongelman ratkaisuun.
Mukautetun kytkimen luominen SwiftUI:ssa
Yksi tapa säätää kytkimen kokoa SwiftUI:ssa on luoda mukautettu kytkin. Näin voit hallita täysin kytkimen ulkonäköä ja kokoa.
Tässä on esimerkki koodista, joka luo mukautetun kytkimen:
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()) } } }
Mukautetun kytkinkoodin ymmärtäminen
Selvitetään, mitä tämä koodi tekee:
- CustomSwitch-rakenne: Tämä määrittää mukautetun SwiftUI-näkymämme. Sillä on sidos loogiseen arvoon – kytkimen tilaan.
- Painikkeen toiminta: Tämä Swift-koodilohko määrittää toiminnan, kun painiketta painetaan. Vaihda tässä yksinkertaisesti "isOn" -tila.
- Suorakulmio: Esimerkki SwiftUI:n suorakulmiorakenteesta, joka määrittää muodon ominaisuudet.
- Täyttöväri: Suorakulmion väri riippuu siitä, onko "isOn" tosi vai epätosi.
- Runko: Tässä oleva kehyksen muokkaaja ilmoittaa mukautetun kytkimen leveyden ja korkeuden.
- overlay: Peittokuvan muokkaajan avulla voit kerrostaa toisen SwiftUI-näkymän nykyisen päälle – tässä on valkoinen ympyrä, joka toimii kytkinnupina.
- offset: Offset-muuttajaa käytetään tässä siirtämään ympyrää sen mukaan, onko "isOn" tosi vai epätosi, mikä antaa illuusion kytkimen vaihtamisesta.
- kulman säde: Tämä koskee pyöristystä alla olevan suorakulmion kulmiin.
- animaatio: Animaatiomuuttaja käyttää spring()-animaatiota koko painikkeeseen – joten kun vaihdat, se vaihtuu tasaisesti.
Käärimistä
Mahdollisuus mukauttaa SwiftUI-kytkimen kokoa voi olla etu, kun käyttöliittymää räätälöidään vastaamaan tiettyjä sovellustarpeita. Olemme oppineet yhden lähestymistavan tämän saavuttamiseksi luomalla mukautetun kytkimen. Hyvää koodausta!
Muistaa: SwiftUI on melko joustava ja muokattavissa. Voit vapaasti säätää yllä olevan koodin arvoja ja ominaisuuksia vastaamaan paremmin projektisi ja suunnittelutarpeesi. Jos sinun on muutettava muiden käyttöliittymäkomponenttien kokoa, mukautettua luontitapaa voidaan soveltaa lähes samalla tavalla.