Ponownie użyj i renderuj xib w scenorysie.
Przetestowano w Swift 2.2 i Xcode 7.3.1
1 ---- Utwórz nowy UIView o nazwie „DesignableXibView”
- Plik> Nowy> Plik> Źródło> Klasa Cocoa Touch> UIView
2 ---- Utwórz pasujący plik xib o nazwie „DesignableXibView”
- Plik> Nowy> Plik> Interfejs użytkownika> Widok
3 ---- Ustaw właściciela pliku xib
- wybierz xib
- wybierz właściciela pliku
- ustaw klasę niestandardową na „DesignableXibView” w Inspektorze tożsamości.
- Uwaga: nie ustawiaj niestandardowej klasy widoku na xib. Tylko właściciel pliku!
4 ---- Implementacja DesignableXibView
// DesignableXibView.swift
import UIKit
@IBDesignable
class DesignableXibView: UIView {
var contentView : UIView?
override init(frame: CGRect) {
super.init(frame: frame)
xibSetup()
}
required init?(coder aDecoder: NSCoder) {
super.init(coder: aDecoder)
xibSetup()
}
func xibSetup() {
contentView = loadViewFromNib()
// use bounds not frame or it'll be offset
contentView!.frame = bounds
// Make the view stretch with containing view
contentView!.autoresizingMask = [UIViewAutoresizing.FlexibleWidth, UIViewAutoresizing.FlexibleHeight]
// Adding custom subview on top of our view (over any custom drawing > see note below)
addSubview(contentView!)
}
func loadViewFromNib() -> UIView! {
let bundle = NSBundle(forClass: self.dynamicType)
let nib = UINib(nibName: String(self.dynamicType), bundle: bundle)
let view = nib.instantiateWithOwner(self, options: nil)[0] as! UIView
return view
}
}
5 ---- Przetestuj widok wielokrotnego użytku w scenorysie
- Otwórz scenorys
- Dodaj widok
- Ustaw klasę niestandardową tego widoku
- poczekaj chwilę ... BUM !!
NOWY! zaktualizowana odpowiedź z możliwością renderowania bezpośrednio w scenorysie (i szybko!)
Działa w Xcode 6.3.1
Utwórz nowy UIView o nazwie „ReuseableView”
Utwórz pasujący plik XIB o nazwie „ReuseableView”
Ustaw właściciela pliku xib
ustaw klasę niestandardową na „ReusableView” w Inspektorze tożsamości.
Utwórz gniazdko z widoku w ReuseableView.xib do interfejsu ReuseableView.h
Dodaj implementację initWithCoder, aby załadować widok i dodać jako widok podrzędny.
Przetestuj widok wielokrotnego użytku w scenorysie
Biegnij i obserwuj!
źródło
UINib(nibName: nibName, bundle: nil).instantiateWithOwner(nil, options: nil)
szybszego niż NSBundle-Version.@IBDesignable on the class.
również zaimplementowaćinit(frame:)
- ale poza tym działa całkiem dobrze! supereasyapps.com/blog/2014/12/15/…1. Utwórz nowy UIView o nazwie „DesignableXibView”
2. Utwórz pasujący plik xib o nazwie „DesignableXibView”
3. Ustaw właściciela pliku xib
Wybierz „DesignableXibView.xib”> „Właściciel pliku”> ustaw „Niestandardową klasę” na „DesignableXibView” w Inspektorze tożsamości.
4. Implementacja DesignableXibView
5 Przetestuj widok wielokrotnego użytku w serii ujęć
Otwórz scenorys
Dodaj widok
Ustaw klasę niestandardową tego widoku
źródło
DesignableXibView
. Zbuduj projekt, aby wyświetlić zmiany.String(describing: type(of: self))
powinienem to zrobić bezpiecznieFunkcja initWithCoder w swift 2, jeśli ktoś ma problem z jej przetłumaczeniem:
źródło
Dla każdego, kto próbuje dostosować zaakceptowaną odpowiedź (autorstwa @Garfbargle) do Objective-C
Samo przekonwertowanie
Swift
naObjective-C
nie wystarczy, aby to działało. Trudno mi było zezwolić na renderowanie na żywo w Storyboard.Po przetłumaczeniu całego kodu widok jest dobrze ładowany, gdy działa na urządzeniu (lub symulatorze), ale renderowanie na żywo w Storyboard nie działa. Powodem tego jest to, że użyłem,
[NSBundle mainBundle]
podczas gdy Interface Builder nie ma dostępu do mainBundle. Zamiast tego musisz użyć[NSBundle bundleForClass:self.classForCoder]
. BOOM, renderowanie na żywo działa teraz!Uwaga: jeśli masz problemy z Auto Layout, spróbuj wyłączyć
Safe Area Layout Guides
w Xib.Dla Twojej wygody zostawiam tutaj cały mój kod, abyś musiał tylko skopiować / wkleić (dla całego procesu postępuj zgodnie z oryginalną odpowiedzią ):
BottomBarView.h
BottomBarView.m
Powiedz mi, jeśli napotkasz jakieś problemy, ale powinno prawie działać po wyjęciu z pudełka :)
źródło
Jeśli ktoś jest zainteresowany, oto Xamarin.iOS wersja kodu Krok 4 @Garfbargle
źródło
Oto odpowiedź, której szukałeś przez cały czas. Możesz po prostu utworzyć swoją
CustomView
klasę, umieścić jej główną instancję w pliku xib ze wszystkimi widokami podrzędnymi i gniazdami. Następnie możesz zastosować tę klasę do dowolnych wystąpień w swoich scenorysach lub innych plikach xib.Nie trzeba majstrować przy właścicielu pliku, podłączać gniazd do serwera proxy lub modyfikować xib w szczególny sposób ani dodawać instancji własnego widoku jako widoku podrzędnego samego siebie.
Po prostu zrób to:
UIView
naNibView
(lub zUITableViewCell
naNibTableViewCell
)Otóż to!
Działa nawet z IBDesignable, aby renderować niestandardowy widok (w tym podglądy z xib) w czasie projektowania w scenorysie.
Możesz przeczytać więcej na ten temat tutaj: https://medium.com/build-an-app-like-lego/embed-a-xib-in-a-storyboard-953edf274155
Możesz pobrać platformę BFWControls typu open source tutaj: https://github.com/BareFeetWare/BFWControls
Tom 👣
źródło