Anpassade UIView underklasser är en stor produktivitetsvinst. Du kan programmera dem en gång och sedan använda resultatet i ditt eller dina projekt. Men som standard tillåter inte Xcode att även skapa .XIB-fil för att designa med hjälp av Storyboard-redigeraren som det gör för anpassade UITableViewCell till exempel.
I det här korta inlägget kommer jag att visa dig hur du designar anpassade UIView med .XIB-fil.
Skapa Swift-klass
Det första steget är att skapa .swift-fil för din UIView. Ungefär så här:
import UIKitclass CustomView: UIView {}Skapa .XIB-fil
För att sedan lägga till den nya filen i ditt projekt och under ”User Interface” (användargränssnitt) välja alternativet ”View” (visning):
Använd samma namn som för din underklass, i det här fallet CustomView.
Som standard visas förhandsgranskningen som en hel enhet. Men du kan ändra detta i storlekskontrollen. Under ”Simulated Metrics” väljer du att ”Size” ska vara ”Freeform” och längst ner väljer du även till exempel iPhone 8 för att få bort de säkra områdena för iPhones med en notch.
Nu kan du ändra storleken på visningen fritt och ungefär hur den kommer att se ut i användning.
För att koppla ihop CustomView.xib med vår klass väljer du ”View” i Document Outline, växlar till Identity Inspector och anger som ”Class” ”CustomView”.
Det var allt! Du kan nu designa din vy och ansluta @IBOutlets till klassen.
Användning av CustomView
För att skapa en instans av CustomView med hjälp av .xib-filen, lägg till den här metoden:
Du behöver en anpassad initialiseringskod, du kan skapa setupView-metoden och anropa den innan du returnerar view:
Tack för att du läste!
Har du egna sätt att skapa återanvändbara vyer? Låt mig veta 🙂
—
Behövs du fokusera på din iPhone? Få gratis WebBlock-appen för schemalagd blockering av webbplatser från App Store!