草庐IT

ios - 灵活的 ImageView

coder 2024-01-12 原文

我正在处理一个包含三个 UIImageView 的 View 。 View 和子 ImageView 是在 Storyboard中创建的。这些 ImageView 的图像是从服务器加载的。 当服务器返回所有三个图像的图像时，它应该如下所示:

当第三个 ImageView 没有可用图像时，布局应该像这样动态变化(图像缩放到 ImageView 等，我知道那部分):

我已经使用 Interface Builder 工作了很长一段时间，但不知道如何实现这一点..

谁能帮我解决这个问题，最好在 IB 中使用自动调整大小？

最佳答案

这种可能使用自动布局，但您仍然必须根据您显示的是一个还是两个 UIImageView，以编程方式修改一个约束。

以下是使用自动布局的方法:

创建容器 View

  1. 创建一个 UIView 作为容器。
  2. 将容器 View 的左边缘移动到左边距。
  3. 将容器 View 的右边缘移动到右边距。
  4. 固定容器 View 的高度。
  5. 删除底部空间对父 View 的约束。

创建 UIImageViews

  1. 在容器 View 中创建三个 UIImageView。
  2. 根据您的需要调整 UIImage View 的大小并对齐它们。
  3. 固定第一个和第二个 ImageView 之间的水平间距。
  4. 固定第二个和第三个 ImageView 之间的水平间距。
  5. 将第一个 ImageView 的前导空间固定到父 View 。
  6. 将第三个 ImageView 的尾随空格固定到父 View 。
  7. 选择所有三个 ImageView 并固定宽度。
  8. 删除第二个 ImageView 上的对齐中心 x 约束。
  9. 在第二个 ImageView 上选择 ImageView 约束的尾随空格并将优先级设置为 900(重要)。

创建魔法额外约束

  1. 将尾随空格固定到第二个 ImageView 的 super View 。
  2. 选择新约束并将优先级设置为 850。
  3. 将约束的常量值设置为 0。

容器 UIView 只是为了保持包含 View 的边距和高度。

第二个 ImageView 现在应该有两个尾部约束，都显示为虚线。旋转屏幕应该会拉伸(stretch)容器 View 以适合，并且三个 UIImageView 也会拉伸(stretch)以适合。

目前，第二个和第三个 ImageView 之间的约束优先级高于第二个 ImageView 和容器 View 之间的“魔术”约束，导致第二个 ImageView 的右边缘与第三个 ImageView 的左侧间隔开边缘。要仅调整两个图像的布局，“魔术”约束必须比另一个具有更高的优先级，从而导致第二个 ImageView 的右边缘与父 View 的右边缘对齐。

只需为“魔术”约束(第二个 ImageView 上的 super View 的尾随空间)创建一个 IBOutlet，并根据需要提高和降低优先级。

if (imageCount == 2) {
  // Second image view should favor right edge of superview
  self.myConstraint.priority = 950;
} else if (imageCount == 3) {
  // Second image view should favor left edge of third image view
  self.myConstraint.priority = 850;
}

必要时您可能还希望隐藏第三个 ImageView 。

关于ios - 灵活的 ImageView ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17319860/

ImageViewiosViewliuiimageviewinterface-builder

有关ios - 灵活的 ImageView的更多相关文章

  1. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同，而不是下载一半的损坏文件？documentation说IO.copy_stream返回它复制的字节数，但是当我还没有下

  2. Ruby 文件 IO 定界符？ - 2

    我正在尝试解析一个文本文件，该文件每行包含可变数量的单词和数字，如下所示:foo4.500bar3.001.33foobar如何读取由空格而不是换行符分隔的文件？有什么方法可以设置File("file.txt").foreach方法以使用空格而不是换行符作为分隔符？ 最佳答案 接受的答案将slurp文件，这可能是大文本文件的问题。更好的解决方案是IO.foreach.它是惯用的，将按字符流式传输文件:File.foreach(filename,""){|string|putsstring}包含“thisisanexample”结果的

  3. Get https://registry-1.docker.io/v2/: net/http: request canceled while waiting - 2

    1.错误信息：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:requestcanceledwhilewaitingforconnection(Client.Timeoutexceededwhileawaitingheaders)或者：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:TLShandshaketimeout2.报错原因：docker使用的镜像网址默认为国外，下载容易超时，需要修改成国内镜像地址（首先阿里

  4. ruby - 为什么不能使用类IO的实例方法noecho？ - 2

    print"Enteryourpassword:"pass=STDIN.noecho(&:gets)puts"Yourpasswordis#{pass}!"输出:Enteryourpassword:input.rb:2:in`':undefinedmethod`noecho'for#>(NoMethodError) 最佳答案 一开始require'io/console'后来的Ruby1.9.3 关于ruby-为什么不能使用类IO的实例方法noecho？，我们在StackOverflow上

  5. ruby-on-rails - 最灵活的 Rails 密码安全实现 - 2

    关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的，因为它们往往会吸引自以为是的答案和垃圾邮件。相反，describetheproblem以及迄今为止为解决该问题所做的工作。关闭8年前。Improvethisquestion我需要实现具有各种灵活需求的密码安全。这些要求基本上取自Sanspasswordpolicy:Strongpasswordshavethefollowingcharacteristics:Containatleastthreeofthe

  6. ruby - 为 IO::popen 拯救 "command not found" - 2

    当我将IO::popen与不存在的命令一起使用时，我在屏幕上打印了一条错误消息:irb>IO.popen"fakefake"#=>#irb>(irb):1:commandnotfound:fakefake有什么方法可以捕获此错误，以便我可以在脚本中进行检查？ 最佳答案 是:升级到ruby​​1.9。如果您在1.9中运行它，则会引发Errno::ENOENT，您将能够拯救它。(编辑)这是在1.8中的一种hackish方式:error=IO.pipe$stderr.reopenerror[1]pipe=IO.popen'qwe'#

  7. ruby - IO::EAGAINWaitReadable:资源暂时不可用 - 读取会阻塞 - 2

    当我尝试使用“套接字”库中的方法“read_nonblock”时出现以下错误IO::EAGAINWaitReadable:Resourcetemporarilyunavailable-readwouldblock但是当我通过终端上的IRB尝试时它工作正常如何让它读取缓冲区？ 最佳答案 IgetthefollowingerrorwhenItrytousethemethod"read_nonblock"fromthe"socket"library当缓冲区中的数据未准备好时，这是预期的行为。由于异常IO::EAGAINWaitReadab

  8. ruby - 如何使用 ruby​​ fibers 避免阻塞 IO - 2

    我需要将目录中的一堆文件上传到S3。由于上传所需的90%以上的时间都花在了等待http请求完成上，所以我想以某种方式同时执行其中的几个。Fibers能帮我解决这个问题吗？它们被描述为解决此类问题的一种方法，但我想不出在http调用阻塞时我可以做任何工作的任何方法。有什么方法可以在没有线程的情况下解决这个问题？ 最佳答案 我没有使用1.9中的纤程，但是1.8.6中的常规线程可以解决这个问题。尝试使用队列http://ruby-doc.org/stdlib/libdoc/thread/rdoc/classes/Queue.html查看文

  9. ruby - 如何从 ruby​​ 中的 IO 对象获取文件名 - 2

    在ruby中...我有一个由外部进程创建的IO对象，我需要从中获取文件名。然而我似乎只能得到文件描述符(3)，这对我来说不是很有用。有没有办法从此对象获取文件名甚至获取文件对象？我正在从通知程序中获取IO对象。所以这也可能是获取文件路径的一种方式？ 最佳答案 关于howtogetathefilenameinC也有类似的问题,我将在这里以ruby​​的方式给出这个问题的答案。在Linux中获取文件名假设io是您的IO对象。以下代码为您提供了文件名。File.readlink("/proc/self/fd/#{io.fileno}")例

  10. iOS快捷指令：执行Python脚本（利用iSH Shell） - 2

    文章目录前言核心逻辑配置iSH安装Python创建Python脚本配置启动文件测试效果快捷指令前言iOS快捷指令所能做的操作极为有限。假如快捷指令能运行Python程序，那么可操作空间就瞬间变大了。iSH是一款免费的iOS软件，它模拟了一个类似Linux的命令行解释器。我们将在iSH中运行Python程序，然后在快捷指令中获取Python程序的输出。核心逻辑我们用一个“获取当前日期”的Python程序作为演示（其实快捷指令中本身存在“获取当前日期”的操作，因而此需求可以不用Python，这里仅仅为了演示方便），核心代码如下。>>>importtime>>>time.strftime('%Y-%

随机推荐