ios - 将 UIView 框架设置为等于来自不同父视图的另一个视图的框架
问题描述
我正在创建位于不同超级视图中的 UIView,但我想将框架设置为彼此相等。
这是我迄今为止尝试过的
let globalPoint = self.view.convert(subViewOfOuterView.frame.origin, to: nil)
let frame = CGRect(x: globalPoint.x, y: globalPoint.y, width: self.subViewOfOuterView.frame.width, height: self.subViewOfOuterView.frame.height)
subViewOfInnerUIView.frame = frame
但我的观点最终看起来像这样
解决方案
使用您提供的对象名称,这是一个创建第二个视图的示例,也是一个 UIButton (subViewOfInnerUIView),它将与第一个按钮 (drawButton) 具有相同的框架。这两个按钮都是主视图中不同超级视图的子视图。我使用了 UIButton,因此我可以标记视图,但任何其他可以设置框架的 UIView 子类也可以工作。
请注意,由于它们具有相同的帧,除了具有相同的大小之外,它们相对于它们的超级视图也具有相同的位置。
即使有问题的对象位于几层深或浅的子视图中,这也应该有效。没关系。
该示例可以在最新 XCode 的单个视图游乐场中重新创建。希望这可以帮助!
//: A UIKit based Playground for presenting user interface
import UIKit
import PlaygroundSupport
class MyViewController : UIViewController {
override func loadView() {
let view = UIView()
view.backgroundColor = .white
self.view = view
let subView1 = UIView(frame: CGRect(x: 40, y: 250, width: 300, height: 300))
subView1.backgroundColor = .red
view.addSubview(subView1)
let subView2 = UIView(frame: CGRect(x: 20, y: 50, width: 340, height: 100))
subView2.backgroundColor = .green
view.addSubview(subView2)
let drawButton = UIButton(frame: CGRect(x: subView1.frame.width / 2 - 50, y: 25, width: 150, height: 50))
drawButton.backgroundColor = .blue
drawButton.setTitle("DRAW BTN", for: .normal)
subView1.addSubview(drawButton)
let subViewOfInnerUIView = UIButton()
subViewOfInnerUIView.setTitle("DRAW BTN2", for: .normal)
subViewOfInnerUIView.backgroundColor = .brown
subView2.addSubview(subViewOfInnerUIView)
let frame = view.convert(drawButton.frame, to: nil)
subViewOfInnerUIView.frame = frame
}
}
// Present the view controller in the Live View window
PlaygroundPage.current.liveView = MyViewController()
这是使两个视图重叠的更新代码。我对更改进行了动画处理,因此很清楚,并且还评论了特定的框架以尝试解释它是如何完成的:
//: A UIKit based Playground for presenting user interface
import UIKit
import PlaygroundSupport
class MyViewController : UIViewController {
override func loadView() {
let view = UIView()
view.backgroundColor = .white
self.view = view
let subView1 = UIView(frame: CGRect(x: 40, y: 250, width: 300, height: 300))
subView1.backgroundColor = .red
view.addSubview(subView1)
let subView2 = UIView(frame: CGRect(x: 20, y: 50, width: 340, height: 100))
subView2.backgroundColor = .green
view.addSubview(subView2)
let drawButton = UIButton(frame: CGRect(x: subView1.frame.width / 2 - 50, y: 25, width: 150, height: 50))
drawButton.backgroundColor = .blue
drawButton.setTitle("DRAW BTN", for: .normal)
subView1.addSubview(drawButton)
let subViewOfInnerUIView = UIButton()
subViewOfInnerUIView.setTitle("DRAW BTN2", for: .normal)
subViewOfInnerUIView.backgroundColor = .brown
subView2.addSubview(subViewOfInnerUIView)
let frame1 = drawButton.frame
let frame2 = subView1.convert(drawButton.frame, to: view)
let frame3 = view.convert(frame2, to: subView2)
print(frame1) // original drawButton frame in its superview
print(frame2) // drawButton frame relative to the main view (self.view)
print(frame3) // drawButton frame relative to subView2 (this is the frame you want)
subViewOfInnerUIView.frame = view.convert(drawButton.frame, to: nil)
UIView.animate(withDuration: 5.0, delay: 0.0, options: [.autoreverse, .repeat], animations: {
subViewOfInnerUIView.frame = frame3
}, completion: nil)
subViewOfInnerUIView.frame = frame3
}
}
// Present the view controller in the Live View window
PlaygroundPage.current.liveView = MyViewController()
将 subViewOfInnerUIView.frame 设置为 frame3 的最后一行基本上就是您想要的。您可能可以创建一个函数来完成这 3 行的工作以使其更容易(将 2 个子视图作为参数),尽管如果视图层次结构很深,它可能不会那么简单:
let frame2 = subView1.convert(drawButton.frame, to: view)
let frame3 = view.convert(frame2, to: subView2)
subViewOfInnerUIView.frame = view.convert(drawButton.frame, to: nil)
希望这可以帮助!
推荐阅读
- spring-boot - 我使用 pageHelper 时的一些问题
- github-actions - GitHub 操作 - 获取工作目录的绝对路径
- listboxitem - Python列表框与熊猫数据框匹配
- linux - 在文件中的变量完全匹配后打印所有列值
- html - 如何关闭字体上的红蓝轮廓(如色差)?
- docker - 如何通过 docker-compose 使用 Docker 的嵌入式 DNS 服务器进行构建?
- reactjs - 如何向 Firebase 的“放置”和“设置”查询操作添加异步功能
- cassandra - 如何使用 datastax 驱动程序将一组元组存储到 cassandra
- woocommerce - 根据 Woocommerce 中的产品运输类别限制添加到购物车
- django - 仅在访问媒体文件时出现 Cors Header 错误,应用程序的其余部分工作正常(DRF、pythonanywhere、React)