- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在 UIKit 应用程序中集成了一些新的 SwiftUI View ,但遇到了问题。我已经研究了以下问题很长一段时间,但尚未找到原因和解决方案。该问题具体发生在将View集成到UIKit中时。我正在尝试创建一个简单的可点击 View ,在点击时垂直展开/折叠。
这就是 SwiftUI View 预览的样子(以及它应该如何表现):
Screenshot
Video
这是我在 UIKit 中实现 SwiftUI View 时得到的结果:
Screenshot
Video
似乎即使我将 UIHostingController View 的顶部操作限制为父 View ,UIHostingController View 也会垂直居中。
如评论中所述,我可以将 HostController View 的底部限制在其父 View 的底部,但这会使下面的内容无法交互。
我正在寻找的是 HostController View 约束(特别是高度)与 SwiftUI View 框架匹配的解决方案。
SwiftUI View 的代码:
import SwiftUI
struct ColorView: View {
@State var isCollapsed = true
var body: some View {
VStack {
VStack(spacing: 5) {
HStack {
Spacer()
Text("Title")
Spacer()
}
.frame(height: 100)
if !isCollapsed {
HStack {
Spacer()
Text("description")
Spacer()
}
.padding(40)
}
}
.background(Color(isCollapsed ? UIColor.red : UIColor.blue))
.onTapGesture {
withAnimation {
self.isCollapsed.toggle()
}
}
Spacer()
}
}
}
struct ColorView_Previews: PreviewProvider {
static var previews: some View {
return ColorView()
}
}
以及上述SwiftUI View的ViewController中的UIKit实现:
struct ViewControllerRepresentable: UIViewControllerRepresentable {
typealias UIViewControllerType = ViewController
func makeUIViewController(context: UIViewControllerRepresentableContext<ViewControllerRepresentable>) -> ViewControllerRepresentable.UIViewControllerType {
return ViewController()
}
func updateUIViewController(_ uiViewController: ViewControllerRepresentable.UIViewControllerType, context: UIViewControllerRepresentableContext<ViewControllerRepresentable>) { }
}
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let colorView = ColorView()
let colorController = UIHostingController(rootView: colorView)
addChild(colorController)
view.addSubview(colorController.view)
colorController.didMove(toParent: self)
colorController.view.translatesAutoresizingMaskIntoConstraints = false
colorController.view.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
colorController.view.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
colorController.view.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
}
}
struct ViewControllerRepresentable_Previews: PreviewProvider {
static var previews: some View {
Group {
ViewControllerRepresentable()
}
}
}
非常感谢任何帮助。
最佳答案
这是在 iOS Single View Playground (Xcode 11.2) 中测试过的代码快照。原始的 ColorView
没有改变,所以下面没有重复。
UIKit UIViewController 中集成 SwiftUI View 的行为与纯 SwiftUI 环境中的行为相同。
import UIKit
import PlaygroundSupport
import SwiftUI
class MyViewController : UIViewController {
override func loadView() {
let view = UIView()
view.backgroundColor = .white
self.view = view
}
override func viewDidLoad() {
super.viewDidLoad()
let child = UIHostingController(rootView: ColorView())
addChild(child)
self.view.addSubview(child.view)
child.didMove(toParent: self)
child.view.translatesAutoresizingMaskIntoConstraints = false
child.view.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
child.view.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
child.view.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
child.view.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true
}
}
// Present the view controller in the Live View window
PlaygroundPage.current.liveView = MyViewController()
关于ios - UIKit 中的可扩展 SwiftUI View 垂直居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59532721/
大家好,我正在尝试制作一个具有大量动画和效果的交互式 UI。 但我不知道是否: 核心图形可以支持用户交互(触摸、拖动等) 核心图形支持对象旋转 核心图形可以以任何方式与 UIKit 和核心动画交互 谢
我正在查看 Swift 中的一些 UIKit header ,特别是用于 UIViewController 的 header ,并且有几个函数返回隐式展开的可选值而不是普通的可选值。 例如: //旋转
我正在尝试运行此代码: GetRepsButton.Command = new Command(async () => { var url =
我正在尝试运行此代码: GetRepsButton.Command = new Command(async () => { var url =
从 SwiftUI View 推送到 UIKit 时,导航栏项目不存在或未添加。 我在 Storyboard中添加了一项,在代码中添加了一项,但都没有显示。 这可能是 SwiftUI 中的一个错误,但
嘿,你们这些聪明人; 一个艰难的crash bug 调试了很多天,还是没有找到根本原因,渴望得到您的提示和指导。 它是一个表格 View Controller ,但由于我们在其中添加了许多其他 UI
目前正在尝试打开一个在 Swift 3、Xcode 8.1 中创建的应用程序。我进行了大量研究,删除派生数据并一遍又一遍地清理整个项目。我已将 Xcode 及其语法更新为最新版本。 MapKit 可能
我有一个 View ,其边界设置为碰撞( setTranslatesReferenceBoundsIntoBoundaryWithInsets )和一个带有重力的 subview 设置,以便它可以与
我正在探索 tvOS,我发现 Apple 提供了一套不错的 templates使用TVML编写。我想知道使用 TVML 模板的 tvOS 应用是否也可以使用 UIKit。 我可以在一个应用程序中混合使
在导入我的框架后,需要将 UIKit 显式导入项目中的所有 UIKit 子类。 我决定从我的项目中导出所有 objective-c 类 并制作一个框架。我使用 Google map 框架 创建了该框架
我试图在 playground 中创建一个 UILabel 但失败了。 playground 目前只支持 OS X 开发吗? 最佳答案 是的,确实如此! 文件:新建 > 文件... > iOS > 源
由于 SwiftUI 文本中的一些限制。我必须使用 UIText 代替。 在 UIViewRepresentable 中, func makeUIView(context: Context)
我试图将SubView SwiftUI View 添加到UIView。 self.view.addSubview(contentView) Error: Cannot convert value of
好的,我知道如何使用 UIViewRepresentable 和 Coordinator 包装像 TextField 这样的 UIKit 组件,以便与 SwiftUI 一起使用。一切都运转良好。但是,
UIKit Dynamics 和 UIKit Animation 在动画层面最本质的区别是什么? 关于 UIKit Dynamic 的资料并不多。我对此了解不多。我只知道如何使用它。我认为这个问题与硬
我已经阅读了有关词法和预处理器问题的其他问题,并且我尝试使用有助于解决他们的问题的方法。不幸的是,这些解决方案都无法帮助解决问题。这个错误不知从何而来,我不确定除了阅读之外我还能做什么来解决这个问题。
例如我有以下界面。 #import @interface someClass : NSObject @property (nonatomic, copy) NSString *string; @pro
我多年来一直在与 tableView.performBatchUpdates 的 UIKit 问题作斗争。 我有一个简单的数据模型,其中包含由 tableView 和 tableViewCells 驱
我正在读这个post关于进口,我有一个问题。默认情况下,prefix.pch 文件中的#import 会减慢编译时间吗?我应该删除它并仅在必要时导入吗? #ifdef __OBJC__ #im
我一直在观看一个视频,该视频指出 UIAlertView 仅在导入 UIKit.h 时才有效。但是,如果我在头文件中注释掉 import 语句: //#import @interface ViewC
我是一名优秀的程序员,十分优秀!