Muidugi, siin on üksikasjalik ülevaade sellest, kuidas saate Swiftis SwiftUI lüliti suurust muuta.
SwiftUI on Apple'i raamistik kasutajaliideste loomiseks kõikidele Apple'i platvormidele Swifti võimsusega. Mõnikord võivad arendajad kohata vajadust kohandada konkreetsete kasutajaliidese komponentide, näiteks lüliti, suurust. Vaikimisi ei võimalda SwiftUI Switchi suurust otse muuta, kuid selle saavutamiseks saame kasutada mõningaid lahendusi.
Sukeldume probleemi lahendusse.
Kohandatud lüliti loomine SwiftUI-s
SwiftUI-s lüliti suuruse reguleerimiseks on üks võimalus luua kohandatud lüliti. See võimaldab teil täielikult kontrollida Switchi välimust ja suurust.
Siin on näide koodist, mis loob kohandatud lüliti:
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()) } } }
Kohandatud lüliti koodi mõistmine
Teeme lahti, mida see kood teeb:
- CustomSwitchi struktuur: See määratleb meie kohandatud SwiftUI vaate. Sellel on seos tõeväärtusega – lüliti olekuga.
- Nupu toiming: See Swifti koodiplokk määrab käitumise nupu vajutamisel. Siin lülitage lihtsalt olek "isOn".
- Ristkülik: SwiftUI ristküliku struktuuri eksemplar, mis määrab kuju omadused.
- Täitevärv: Ristküliku värv sõltub sellest, kas "isOn" on tõene või väär.
- Raam: Siin olev raami modifikaator näitab kohandatud lüliti laiust ja kõrgust.
- Ülekate: Ülekatte modifikaator võimaldab teil olemasoleva peale asetada teise SwiftUI vaate – siin on valge ring, mis toimib lülitusnupuna.
- Nihe: Nihkemuundurit kasutatakse siin ringi liigutamiseks sõltuvalt sellest, kas "isOn" on tõene või väär, luues illusiooni, et lüliti lülitub ümber.
- nurgaraadius: See kehtib aluseks oleva ristküliku nurkade ümardamiseks.
- animatsioon: Animatsioonimuutja rakendab kogu nupule kevad()-animatsiooni – nii et kui vahetate, lülitub see sujuvalt sisse.
Pakke Up
Võimalus kohandada SwiftUI Switchi suurust võib olla eeliseks kasutajaliidese kohandamisel konkreetsete rakenduste vajadustega. Oleme õppinud üht lähenemist selle saavutamiseks, luues kohandatud lüliti. Head kodeerimist!
Pidage meeles: SwiftUI on üsna paindlik ja kohandatav. Kohandage ülaltoodud koodi väärtusi ja atribuute, et need sobiksid paremini teie projekti ja disaini vajadustega. Kui teil on vaja muuta mõne muu kasutajaliidese komponendi suurust, saab kohandatud loomise lähenemisviisi rakendada peaaegu samal viisil.