首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何设置UIViewRepresentable的大小?

如何设置UIViewRepresentable的大小?
EN

Stack Overflow用户
提问于 2020-03-26 21:24:36
回答 1查看 976关注 0票数 1

我想,这个想法是这样的:无论SwiftUI中还没有提供什么,人们都可以使用UIViewRepresentable。因此,我开始为TTTAttributedLabel制作一个UIViewRepresentable。

但是API中缺少一些基本的东西,或者说我缺少一些基本的东西:如何设置UIViewRepresentable的“固有内容大小”?

就像SwiftUI Text一样,我希望我的组件能够根据容器的大小将自身设置为特定的大小。

我的第一个想法是使用内部内容大小,所以我创建了这个:

代码语言:javascript
复制
class SizeRepresentableView: UILabel {
    override init(frame: CGRect) {
        super.init(frame: CGRect.zero)
        text="hello"
        backgroundColor = UIColor.systemYellow
    }

    override var intrinsicContentSize: CGSize {
        return CGSize(width: 100, height: 100)
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
}

struct SizeRepresentable: UIViewRepresentable {
    func updateUIView(_ uiView: SizeRepresentableView, context: Context) {
    }

    typealias UIViewType = SizeRepresentableView

    func makeUIView(context: UIViewRepresentableContext<SizeRepresentable>) -> SizeRepresentableView {
        let v = SizeRepresentableView(frame: CGRect.zero)
        return v
    }
}

struct SizeRepresentableTest: View {
    var body: some View {
        VStack {
            SizeRepresentable()
            Spacer()
        }
    }
}

struct SizeRepresentable_Previews: PreviewProvider {
    static var previews: some View {
        SizeRepresentableTest()
    }
}

但这并不管用。标签占据了所有的空间,间隔不占任何空间。使用SwiftUI Text而不是my SizeRepresentable,标签被整齐地排列在顶部,间隔占据了所有的空间,这是理所当然的。

我似乎找不到任何关于如何布局UIViewRepresentable的文档。

解决这个问题的方法是什么?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-03-26 22:50:57

请参阅:How does UIViewRepresentable size itself in relation to the UIKit control inside it?

代码语言:javascript
复制
struct SizeRepresentableTest: View {
    var body: some View {
        VStack {
            SizeRepresentable().fixedSize()
            Spacer()
        }
    }
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60868307

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档