我仍然是Swift的新手,所以请耐心等待,随时跳过此问题:-)
在XIB
的{{1}}的正文中,我想加载一些视图作为awakeFromNib
的子视图(基本上,UIScrollView
包含滚动视图,标签和按钮)。
例如,如果循环加载我即时创建的视图,则滚动视图将完美工作。
XIB
但是我有一个不同的目标。
在另一个 let customView = UIView(frame: CGRect(x: 0, y: 0, width: 300, height: 150))
customView.frame = CGRect(x: i*300 , y: 0, width: 300, height: 150)
customView.translatesAutoresizingMaskIntoConstraints = false
scrollView.addSubview(customView)
中,我有一个图像视图和一个带有一些标签的堆栈视图。此XIB
在情节提要中连接到扩展XIB
的类SingleEvent
。
我要执行以下操作:
UIView
用作一种“蓝图”,并在我的滚动视图中多次加载同一视图; 这可能吗?
我试图通过这种方式加载XIB的内容:
XIB
以这种方式:
let customView = Bundle.main.loadNibNamed("SingleEvent", owner: self, options: nil)?.first as? SingleEvent
第一个使应用程序崩溃,而第二个没有问题,但我看不到任何效果(它不会加载任何东西)。
我最新的let customView = SingleEvent()
的内容如下:
SingleEvent
在此先感谢您,:-)
答案 0 :(得分:0)
好,我知道了。该问题实际上可能是loadViewFromNib函数从xib返回UIView的原因,但是您没有使用它。
让我们尝试一下:
1)使您的loadViewFromNib函数成为静态
// Return our SingleEvent instance here
static func loadViewFromNib() -> SingleEvent {
let myView = Bundle.main.loadNibNamed("SingleEvent", owner: self, options: nil)?.first as! SingleEvent
return myView
}
2)删除SingleEvent类中的所有init
3)像这样在所需的地方初始化它:
let customView = SingleView.loadViewFromNib()
要在视图内传递数据,可以在SingleView类中创建新函数:
func configureView(with dataModel:DataModel) {
//Set data to IBOutlets here
}
并从外部像这样使用它:
let customView = SingleView.loadViewFromNib()
let dataModel = DataModel()
customView.configureView(with: dataModel)
答案 1 :(得分:0)
有很多方法可以从xib加载定制视图(类)。您可能会发现此方法容易一些。
首先,像这样创建您的xib:
请注意,File's Owner
的类别是默认类别(NSObject
)。
相反,将自定义类分配给xib中的“ root”视图:
现在,我们的整个自定义视图类如下:
class SingleEvent: UIView {
@IBOutlet var topLabel: UILabel!
@IBOutlet var middleLabel: UILabel!
@IBOutlet var bottomLabel: UILabel!
@IBOutlet var imageView: UIImageView!
}
并且,我们没有创建loadNibNamed(...)
扩展名,而是将UIView
放入自定义类中>
extension UIView {
class func fromNib<T: UIView>() -> T {
return Bundle.main.loadNibNamed(String(describing: T.self), owner: nil, options: nil)![0] as! T
}
}
要加载和使用我们的自定义类,我们可以这样做:
class FromXIBViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
// create an instance of SingleEvent from its xib/nib
let v = UIView.fromNib() as SingleEvent
// we're going to use auto-layout & constraints
v.translatesAutoresizingMaskIntoConstraints = false
// set the text of the labels
v.topLabel?.text = "Top Label"
v.middleLabel?.text = "Middle Label"
v.bottomLabel?.text = "Bottom Label"
// set the image
v.imageView.image = UIImage(named: "myImage")
// add the SingleEvent view
view.addSubview(v)
// constrain it 200 x 200, centered X & Y
NSLayoutConstraint.activate([
v.widthAnchor.constraint(equalToConstant: 200.0),
v.heightAnchor.constraint(equalToConstant: 200.0),
v.centerXAnchor.constraint(equalTo: view.centerXAnchor),
v.centerYAnchor.constraint(equalTo: view.centerYAnchor),
])
}
}
结果:
还有...这是加载10个SingleEvent
视图实例并将它们添加到垂直滚动视图的示例:
class FromXIBViewController: UIViewController {
var theScrollView: UIScrollView = {
let v = UIScrollView()
v.translatesAutoresizingMaskIntoConstraints = false
v.backgroundColor = .cyan
return v
}()
var theStackView: UIStackView = {
let v = UIStackView()
v.translatesAutoresizingMaskIntoConstraints = false
v.axis = .vertical
v.alignment = .fill
v.distribution = .fill
v.spacing = 20.0
return v
}()
override func viewDidLoad() {
super.viewDidLoad()
// add the scroll view to the view
view.addSubview(theScrollView)
// constrain it 40-pts on each side
NSLayoutConstraint.activate([
theScrollView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 40.0),
theScrollView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -40.0),
theScrollView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 40.0),
theScrollView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -40.0),
])
// add a stack view to the scroll view
theScrollView.addSubview(theStackView)
// constrain it 20-pts on each side
NSLayoutConstraint.activate([
theStackView.topAnchor.constraint(equalTo: theScrollView.topAnchor, constant: 20.0),
theStackView.bottomAnchor.constraint(equalTo: theScrollView.bottomAnchor, constant: -20.0),
theStackView.leadingAnchor.constraint(equalTo: theScrollView.leadingAnchor, constant: 20.0),
theStackView.trailingAnchor.constraint(equalTo: theScrollView.trailingAnchor, constant: -20.0),
// stackView width = scrollView width -40 (20-pts padding on left & right
theStackView.widthAnchor.constraint(equalTo: theScrollView.widthAnchor, constant: -40.0),
])
for i in 0..<10 {
// create an instance of SingleEvent from its xib/nib
let v = UIView.fromNib() as SingleEvent
// we're going to use auto-layout & constraints
v.translatesAutoresizingMaskIntoConstraints = false
// set the text of the labels
v.topLabel?.text = "Top Label: \(i)"
v.middleLabel?.text = "Middle Label: \(i)"
v.bottomLabel?.text = "Bottom Label: \(i)"
// set the image (assuming we have images named myImage0 thru myImage9
v.imageView.image = UIImage(named: "myImage\(i)")
theStackView.addArrangedSubview(v)
}
}
}
结果: