如何在 tableview 的中心创建 xib 子视图 swift
how to create xib subview at the center of tableview swift
我有 tableview,我为它创建了自定义 xib uiview 作为 "detailview"。当点击到表格视图单元格时,我想在滚动区域的中心显示这个细节视图。我可以显示此视图,但无法将其集中。当我手动将值设置为框架时,子视图将位于中心(大约)但是当我点击底部的单元格时,子视图出现在页面顶部并且当我滚动表格视图时它也在移动。
请帮助我在滚动区域的中心显示此视图并修复
这是我的代码;
详细视图:
class TopTenDetailView: UIView {
var screenWidth:CGFloat = UIScreen.mainScreen().bounds.width*0.08
var screenHeight :CGFloat = UIScreen.mainScreen().bounds.height*0.08
class func instanceFromNib() -> UIView {
return UINib(nibName: "TopTenDetail", bundle: nil).instantiateWithOwner(nil, options: nil)[0] as! UIView
}
override func awakeFromNib() {
super.awakeFromNib()
self.layer.cornerRadius=10
let testFrame : CGRect = CGRectMake(screenWidth,screenHeight,320,480)
self.frame = testFrame
self.userInteractionEnabled=true
}
@IBAction func close(sender: UIButton) {
self.hidden=true
}
}
和TableViewController的方法;
override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
var detailView = TopTenDetailView.instanceFromNib
self.view.addSubview(detailView())
}
这种设置方式有很多问题,如果它真的按预期工作,我会感到惊讶。
更好、更简单的设置使用 OverFullScreen
演示风格,它是这样的:
- 为您的详细视图创建一个单独的
UIViewController
,我们称它为 DetailViewController
使用 Interface Builder。确保将背景颜色设置为 CLEAR
- 连接一个从 "base"
UIViewController
到 UITableView
的 segue 到 DetailViewController
并给 segue 一个名字。我们称它为 'detailSegue' ,基本上是从一个视图控制器拖到另一个视图控制器。确保您不是从视图中拖动,而是从视图控制器顶部的黄色图标拖动。您已在 Interface Builder 中完成。
好的,现在是代码:
// MARK : - UITableViewDelegate
func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
self.performSegueWithIdentifier("detailSegue", sender: self)
}
// MARK: - segues
override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
if let vc = segue.destinationViewController as? UIViewController{
vc.modalPresentationStyle = .OverFullScreen
}
}
OverFullScreen
演示风格使用了适当的 UIViewController
模态转场,但让演示 UIViewController
在所呈现的下方可见。
然后,您可以使用 Interface Builder 和自动布局在 DetailViewController
上随意布局,而无需在运行时对布局进行复杂的匹配计算。
希望对您有所帮助!
我有 tableview,我为它创建了自定义 xib uiview 作为 "detailview"。当点击到表格视图单元格时,我想在滚动区域的中心显示这个细节视图。我可以显示此视图,但无法将其集中。当我手动将值设置为框架时,子视图将位于中心(大约)但是当我点击底部的单元格时,子视图出现在页面顶部并且当我滚动表格视图时它也在移动。
请帮助我在滚动区域的中心显示此视图并修复
这是我的代码;
详细视图:
class TopTenDetailView: UIView {
var screenWidth:CGFloat = UIScreen.mainScreen().bounds.width*0.08
var screenHeight :CGFloat = UIScreen.mainScreen().bounds.height*0.08
class func instanceFromNib() -> UIView {
return UINib(nibName: "TopTenDetail", bundle: nil).instantiateWithOwner(nil, options: nil)[0] as! UIView
}
override func awakeFromNib() {
super.awakeFromNib()
self.layer.cornerRadius=10
let testFrame : CGRect = CGRectMake(screenWidth,screenHeight,320,480)
self.frame = testFrame
self.userInteractionEnabled=true
}
@IBAction func close(sender: UIButton) {
self.hidden=true
}
}
和TableViewController的方法;
override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
var detailView = TopTenDetailView.instanceFromNib
self.view.addSubview(detailView())
}
这种设置方式有很多问题,如果它真的按预期工作,我会感到惊讶。
更好、更简单的设置使用 OverFullScreen
演示风格,它是这样的:
- 为您的详细视图创建一个单独的
UIViewController
,我们称它为DetailViewController
使用 Interface Builder。确保将背景颜色设置为 CLEAR - 连接一个从 "base"
UIViewController
到UITableView
的 segue 到DetailViewController
并给 segue 一个名字。我们称它为 'detailSegue' ,基本上是从一个视图控制器拖到另一个视图控制器。确保您不是从视图中拖动,而是从视图控制器顶部的黄色图标拖动。您已在 Interface Builder 中完成。
好的,现在是代码:
// MARK : - UITableViewDelegate
func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
self.performSegueWithIdentifier("detailSegue", sender: self)
}
// MARK: - segues
override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
if let vc = segue.destinationViewController as? UIViewController{
vc.modalPresentationStyle = .OverFullScreen
}
}
OverFullScreen
演示风格使用了适当的 UIViewController
模态转场,但让演示 UIViewController
在所呈现的下方可见。
然后,您可以使用 Interface Builder 和自动布局在 DetailViewController
上随意布局,而无需在运行时对布局进行复杂的匹配计算。
希望对您有所帮助!