草庐IT

swift 为什么这个 ScrollView 不显示 subview ?

coder 2023-09-14 原文

以编程方式使用 ScrollView 进行测试,但无法理解为什么这不起作用。逻辑希望我将 ScrollView 添加到我的主视图,然后将其用作文斯添加到其中的所有 subview 的引用。

let myView = UIView()
let myScroll = UIScrollView()

 override func viewDidLoad() {
        super.viewDidLoad()

        myScroll.translatesAutoresizingMaskIntoConstraints = false
        myScroll.backgroundColor = UIColor.cyan
        self.view.addSubview(myScroll)

        myScroll.leadingAnchor.constraint(equalTo: self.view.leadingAnchor, constant: 10).isActive = true
        myScroll.rightAnchor.constraint(equalTo: self.view.rightAnchor, constant: -10).isActive = true
        myScroll.topAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.topAnchor, constant: 10).isActive = true
        myScroll.bottomAnchor.constraint(equalTo: self.view.safeAreaLayoutGuide.bottomAnchor, constant: -10).isActive = true

        drawView(supVi: myScroll, addedVi: myView, color4View: .red, leading: 10, right: -10, top: 10, hei: -10)

    }

    func drawView(supVi: UIView, addedVi: UIView, color4View: UIColor, leading: CGFloat, right: CGFloat, top: CGFloat, hei: CGFloat) {

        supVi.addSubview(addedVi)
        addedVi.translatesAutoresizingMaskIntoConstraints = false
        addedVi.backgroundColor = color4View

        addedVi.leadingAnchor.constraint(equalTo: supVi.leadingAnchor, constant: leading).isActive = true
        addedVi.topAnchor.constraint(equalTo: supVi.topAnchor, constant: top).isActive = true
        addedVi.rightAnchor.constraint(equalTo: supVi.rightAnchor, constant: right).isActive = true
        addedVi.heightAnchor.constraint(equalToConstant: hei).isActive = true


    }

最佳答案

两个观察:

  1. 您将高度限制设置为 -10。那没有任何意义。我相信您打算设置底部约束,而不是高度。

  2. 您正在设置 ScrollView subview 的约束,但这不会设置 subview 的大小。这些约束将用于设置 ScrollView 的 contentSize(您的 subview 可能以 .zeroCGRect 结束)。

    如果您点击 ,“调试 View 层次结构”按钮,并导航到运行时问题,您将看到“内容大小不明确”警告。

    您需要添加规定 subview 大小的约束。考虑:

    let myView = UIView()
    let myScroll = UIScrollView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
    
        myScroll.translatesAutoresizingMaskIntoConstraints = false
        myScroll.backgroundColor = .cyan
        view.addSubview(myScroll)
    
        NSLayoutConstraint.activate([
            myScroll.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 10),
            myScroll.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -10),
            myScroll.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 10),
            myScroll.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -10)
        ])
    
        addView(myView, to: myScroll, color: .red, leading: 10, trailing: -10, top: 10, bottom: -10)
    }
    
    func addView(_ addedView: UIView, to superview: UIView, color: UIColor, leading: CGFloat, trailing: CGFloat, top: CGFloat, bottom: CGFloat) {
    
        superview.addSubview(addedView)
        addedView.translatesAutoresizingMaskIntoConstraints = false
        addedView.backgroundColor = color
    
        // these dictate the `contentSize` of the scroll view relative to the subview
    
        NSLayoutConstraint.activate([
            addedView.leadingAnchor.constraint(equalTo: superview.leadingAnchor, constant: leading),
            addedView.topAnchor.constraint(equalTo: superview.topAnchor, constant: top),
            addedView.trailingAnchor.constraint(equalTo: superview.trailingAnchor, constant: trailing),
            addedView.bottomAnchor.constraint(equalTo: superview.bottomAnchor, constant: bottom)
        ])
    
        // these define the size of the `addedView`
    
        NSLayoutConstraint.activate([
            addedView.widthAnchor.constraint(equalTo: view.widthAnchor, multiplier: 0.5),
            addedView.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 2.0)
        ])
    }
    

    addView 方法的最后两个约束中,我特意将 addedView 的宽度设置为父 View 的一半,将其高度设置为它们的两倍它的 super View ,所以你可以看到如何

    • 它滚动;
    • ScrollView 的 contentSize 是通过您在 addedView 和 ScrollView 之间定义的神奇约束自动为您设置的;和
    • subview 的高度实际上是由我添加到您的原始代码片段中的这两个新约束决定的。

    现在,当然,我知道您不希望它的宽度是主视图的一半,高度是主视图的两倍,我只建议您尝试这样做,这样您就可以了解它是如何工作的。现在,您只需添加相对于主视图的 widthAnchorheightAnchor 即可获得所需的效果。

    顺便说一下,不要摆脱 ScrollView 和它的 subview 之间的约束,因为你也需要它们。但是添加上面代码段末尾显示的这些额外约束。

  3. 不相关,我注意到您正在设置“前导”和“正确” anchor 。如果您碰巧使用 RTL 语言,“前导” anchor 和“右” anchor 是同一回事,您永远不会设置“尾随”或“左” anchor 。

    您真的想设置“前导” anchor 和“尾随” anchor ,而不是“右” anchor 。始终使用“前导”和“尾随”(如果您出于某种原因不想支持 RTL 语言,则始终使用“左”和“右”)。

关于swift 为什么这个 ScrollView 不显示 subview ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54380303/

有关swift 为什么这个 ScrollView 不显示 subview ?的更多相关文章

  1. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法? - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  2. ruby-on-rails - Rails - 子类化模型的设计模式是什么? - 2

    我有一个模型:classItem项目有一个属性“商店”基于存储的值,我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式?如果方法中没有大的if-else语句,这是如何干净利落地完成的? 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

  3. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

    我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

  4. ruby - 什么是填充的 Base64 编码字符串以及如何在 ruby​​ 中生成它们? - 2

    我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%

  5. ruby - 解析 RDFa、微数据等的最佳方式是什么,使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作,但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式,例如使用这个yaml文件,它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  6. ruby - 为什么 4.1%2 使用 Ruby 返回 0.0999999999999996?但是 4.2%2==0.2 - 2

    为什么4.1%2返回0.0999999999999996?但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意,这不是与Ruby相关的问题,而是与所有编程语言相关的问题,因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返

  7. ruby - ruby 中的 TOPLEVEL_BINDING 是什么? - 2

    它不等于主线程的binding,这个toplevel作用域是什么?此作用域与主线程中的binding有何不同?>ruby-e'putsTOPLEVEL_BINDING===binding'false 最佳答案 事实是,TOPLEVEL_BINDING始终引用Binding的预定义全局实例,而Kernel#binding创建的新实例>Binding每次封装当前执行上下文。在顶层,它们都包含相同的绑定(bind),但它们不是同一个对象,您无法使用==或===测试它们的绑定(bind)相等性。putsTOPLEVEL_BINDINGput

  8. ruby - Infinity 和 NaN 的类型是什么? - 2

    我可以得到Infinity和NaNn=9.0/0#=>Infinityn.class#=>Floatm=0/0.0#=>NaNm.class#=>Float但是当我想直接访问Infinity或NaN时:Infinity#=>uninitializedconstantInfinity(NameError)NaN#=>uninitializedconstantNaN(NameError)什么是Infinity和NaN?它们是对象、关键字还是其他东西? 最佳答案 您看到打印为Infinity和NaN的只是Float类的两个特殊实例的字符串

  9. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象,为什么它会起作用? - 2

    如果您尝试在Ruby中的nil对象上调用方法,则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而,有一个tryRails中的方法,如果它被发送到一个nil对象,它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常? 最佳答案 像Ruby中的所有其他对象

  10. ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB? - 2

    所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择

随机推荐