草庐IT

ios - ImageView 的奇怪定位。错误的内容模式？

coder 2023-09-10 原文

我希望我的 ImageView 在主视图的底部正确显示，但显然图像向顶部倾斜。我尝试使用 ImageView 的所有可能的内容模式，但没有一个将 ImageView 放在正确的位置(底部)。

尽管我正确设置了布局约束，但图像还是出了点问题。我做错了什么？

import UIKit
import PlaygroundSupport

var mainView = UIView(frame: CGRect(x: 0, y: 0, width: 1000, height: 1000))

let groundView = UIImageView(image: UIImage(named:"GroundSkin.png"))
mainView.addSubview(groundView)
groundView.backgroundColor = .red
groundView.contentMode = .scaleAspectFit
groundView.translatesAutoresizingMaskIntoConstraints = false
groundView.leftAnchor.constraint(equalTo: mainView.leftAnchor).isActive = true
groundView.rightAnchor.constraint(equalTo: mainView.rightAnchor).isActive = true
groundView.heightAnchor.constraint(equalTo: mainView.heightAnchor, multiplier: 1).isActive = true
groundView.bottomAnchor.constraint(equalTo: mainView.bottomAnchor).isActive = true

PlaygroundPage.current.liveView = mainView
PlaygroundPage.current.needsIndefiniteExecution = true

最佳答案

这有问题的部分是 groundView 的 heightAnchor 约束，您将其设置为等于 mainView 的等效约束。这样做只会导致 groundView 捕获 mainView 的顶部和底部 anchor ，并以不希望的方式使图像垂直居中。

我有点困惑的一件事是您对红色背景的期望。如果您确实希望您的图像适合某个区域，那么最好将您的 UIImageView 限制为您想要的方式，然后根据您的要求设置内容模式。这样做而不是将 UIImageView 限制为任何内容并尝试让内容模式做它不应该做的事情。如果这样做，红色背景应该(最佳)甚至根本不显示；这将是 mainView 的背景颜色，将显示在它下面。

如果您希望 groundView 图像显示在 mainView 的底部，同时水平填充 View ，最好的方法是替换 groundView。 heightAnchor 约束，其纵横比基于其自身的大小(您注意到它是在编译时指定的)。因此，例如，如果您的图像尺寸为 4x3，则此约束:

groundView.heightAnchor.constraint(equalTo: mainView.heightAnchor, multiplier: 1).isActive = true

会变成:

groundView.heightAnchor.constraint(equalTo: groundView.widthAnchor, multiplier: 3.0/4.0).isActive = true

使用此方法时，图像仍应根据设备方向和屏幕尺寸增大和缩小，但只有在其宽高比与您期望的(在本例中为 4x3)匹配时才会这样做。

在我的 Playground 中，我从互联网上获取了一张测试图像并将其放入 groundView 中，同时将 mainView 的 backgroundColor 属性设置为 .yellow 用于演示。结果是:

我的测试照片与您的比例不完全相同，但您明白了。最终结果是图像紧贴容器底部，调整大小以适合容器宽度，并保持其自身的纵横比。

如果你想自己实现这个，当然要注意你的宽高比可能不同，所以你必须将 3.0/4.0 更改为其他东西，直到它看起来像你想要的那样看。

如果这回答了您的问题，请告诉我。

关于ios - ImageView 的奇怪定位。错误的内容模式？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42911349/

ImageViewioscodegroundViewmainViewswiftuiimageview

有关ios - ImageView 的奇怪定位。错误的内容模式？的更多相关文章

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

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

  2. ruby-on-rails - Rails 常用字符串(用于通知和错误信息等) - 2

    大约一年前，我决定确保每个包含非唯一文本的Flash通知都将从模块中的方法中获取文本。我这样做的最初原因是为了避免一遍又一遍地输入相同的字符串。如果我想更改措辞，我可以在一个地方轻松完成，而且一遍又一遍地重复同一件事而出现拼写错误的可能性也会降低。我最终得到的是这样的:moduleMessagesdefformat_error_messages(errors)errors.map{|attribute,message|"Error:#{attribute.to_s.titleize}#{message}."}enddeferror_message_could_not_find(obje

  3. 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

  4. ruby - 将数组的内容转换为 int - 2

    我需要读入一个包含数字列表的文件。此代码读取文件并将其放入二维数组中。现在我需要获取数组中所有数字的平均值，但我需要将数组的内容更改为int。有什么想法可以将to_i方法放在哪里吗？ClassTerraindefinitializefile_name@input=IO.readlines(file_name)#readinfile@size=@input[0].to_i@land=[@size]x=1whilex 最佳答案 只需将数组映射为整数:@land边注如果你想得到一条线的平均值，你可以这样做:values=@input[x]

  5. ruby - 如何在续集中重新加载表模式？ - 2

    鉴于我有以下迁移:Sequel.migrationdoupdoalter_table:usersdoadd_column:is_admin,:default=>falseend#SequelrunsaDESCRIBEtablestatement,whenthemodelisloaded.#Atthispoint,itdoesnotknowthatusershaveais_adminflag.#Soitfails.@user=User.find(:email=>"admin@fancy-startup.example")@user.is_admin=true@user.save!ende

  6. ruby-on-rails - 如何在我的 Rails 应用程序 View 中打印 ruby​​ 变量的内容？ - 2

    我是一个Rails初学者，但我想从我的RailsView(html.haml文件)中查看Ruby变量的内容。我试图在ruby​​中打印出变量(认为它会在终端中出现)，但没有得到任何结果。有什么建议吗？我知道Rails调试器，但更喜欢使用inspect来打印我的变量。 最佳答案 您可以在View中使用puts方法将信息输出到服务器控制台。您应该能够在View中的任何位置使用Haml执行以下操作:-puts@my_variable.inspect 关于ruby-on-rails-如何在我的R

  7. ruby-on-rails - 迷你测试错误 : "NameError: uninitialized constant" - 2

    我遵循MichaelHartl的“RubyonRails教程:学习Web开发”，并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符，电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时，所有测试都通过了，但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test

  8. ruby-on-rails - 如何在 Rails View 上显示错误消息？ - 2

    我是rails的新手，想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围，如果不在范围内则返回错误信息。我可以检查上面代码的范围，但无法返回错误消息提前致谢 最佳答案 关键是您使用的是模型表单，一种显示ActiveRecord模型实例属性的表单。c

  9. 使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2

    我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file

  10. ruby-on-rails - 错误 : Error installing pg: ERROR: Failed to build gem native extension - 2

    我克隆了一个rails仓库，我现在正尝试捆绑安装背景:OSXElCapitanruby2.2.3p173(2015-08-18修订版51636)[x86_64-darwin15]rails-v在您的Gemfile中列出的或native可用的任何gem源中找不到gem'pg(>=0)ruby​​'。运行bundleinstall以安装缺少的gem。bundleinstallFetchinggemmetadatafromhttps://rubygems.org/............Fetchingversionmetadatafromhttps://rubygems.org/...Fe

随机推荐