草庐IT

ios - 具有多标签的 UITableViewCell AutoLayout

coder 2023-07-29 原文

我正在尝试在 UITableViewCell 中使用 AutoLayout 和带有百分比计算的多个标签。我想要标签之间的间距相等但宽度不同。如下图所示,纵向和横向模式的宽度和间距也会有所不同。

我希望纵向空间为 4,横向空间为 8。

纵向 标签 1 宽度 - 50% 标签 2 宽度 - 20% Label3 宽度 - 30%

横向 标签 1 宽度 - 50% 标签 2 宽度 - 15% Label3 宽度 - 20% Label4 宽度 - 15%

我使用了水平间距和顶部和底部约束,但它没有导致适当的宽度和空间对齐。此外,第一行是标题,因此它不应该有披露指示符,其余行应该有它。任何帮助,将不胜感激。

注意:它是一个通用应用程序,我在 iPad 中使用 splitview。在纵向模式下,它应该像 iPhone 一样显示 3 个标签,而在横向模式下,它应该显示 4 个标签,如上所述。我的主视图 Controller 也始终可见。

最佳答案

由于尺寸等级不区分纵向 iPad 和横向 iPad,因此您不能使用尺寸等级。您可以做的是在您的 xib 中定义所有所需的约束,如下所示

  1. 定义标签之间空间的约束,并在您的 View 类中为其创建 IBOutlet,我们将其命名为“gapConstraint”。

  2. 定义每个标签的宽度约束,这将与父 View 的宽度成比例,例如对于更大的标签约束将是 biggerlabel.width = superView.width*0.5。

  3. 对于在纵向和横向方向上需要不同宽度的标签,定义两个宽度约束(每个方向一个)并将一个约束的优先级设置为 750(高 - 比如说纵向),另一个为500(低 - 让我们说风景)。为所有这些约束创建导出。我们需要为每个标签定义两个宽度约束(一个用于纵向,一个用于横向),因为 NSLayoutConstraint 的乘数属性是只读的,因此一旦分配了乘数,我们就不能更改它的值。为解决此问题,我们定义了两个约束,并且在基于方向的代码中,我们将通过更改优先级来激活更合适的约束。

覆盖 UpdateConstraints 方法,在此方法中您可以检查当前设备方向。如果设备方向是纵向,则将 gapConstraint 的(在 point1 中创建的)常量值更改为 4,而在横向中,将 gapConstraint 的(在 point1 中创建的)常量值更改为 8。对于标签宽度;在纵向中,将纵向宽度约束的优先级更改为 750,并将横向宽度约束的优先级降低到 500,而在横向中,将纵向宽度约束的优先级更改为 500,同时将横向宽度约束的优先级提高到 750。

关于ios - 具有多标签的 UITableViewCell AutoLayout,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31199848/

有关ios - 具有多标签的 UITableViewCell AutoLayout的更多相关文章

  1. ruby - 具有身份验证的私有(private) Ruby Gem 服务器 - 2

    我想安装一个带有一些身份验证的私有(private)Rubygem服务器。我希望能够使用公共(public)Ubuntu服务器托管内部gem。我读到了http://docs.rubygems.org/read/chapter/18.但是那个没有身份验证-如我所见。然后我读到了https://github.com/cwninja/geminabox.但是当我使用基本身份验证(他们在他们的Wiki中有)时,它会提示从我的服务器获取源。所以。如何制作带有身份验证的私有(private)Rubygem服务器?这是不可能的吗?谢谢。编辑:Geminabox问题。我尝试“捆绑”以安装新的gem..

  2. ruby - 在院子里用@param 标签警告 - 2

    我试图使用yard记录一些Ruby代码,尽管我所做的正是所描述的here或here#@param[Integer]thenumberoftrials(>=0)#@param[Float]successprobabilityineachtrialdefinitialize(n,p)#initialize...end虽然我仍然得到这个奇怪的错误@paramtaghasunknownparametername:the@paramtaghasunknownparametername:success然后生成的html看起来很奇怪。我称yard为:$yarddoc-mmarkdown我做错了什么?

  3. 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返回它复制的字节数,但是当我还没有下

  4. Ruby 文件 IO 定界符? - 2

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

  5. ruby-on-rails - Rails 3.1 中具有相同形式的多个模型? - 2

    我正在使用Rails3.1并在一个论坛上工作。我有一个名为Topic的模型,每个模型都有许多Post。当用户创建新主题时,他们也应该创建第一个Post。但是,我不确定如何以相同的形式执行此操作。这是我的代码:classTopic:destroyaccepts_nested_attributes_for:postsvalidates_presence_of:titleendclassPost...但这似乎不起作用。有什么想法吗?谢谢! 最佳答案 @Pablo的回答似乎有你需要的一切。但更具体地说...首先改变你View中的这一行对此#

  6. css - 用 watir 检查标签类? - 2

    我有一个div,它根据表单是否正确提交而改变。我想知道是否可以检查类的特定元素?开始元素看起来像这样。如果输入不正确,添加错误类。 最佳答案 试试这个:browser.div(:id=>"myerrortest").class_name更多信息:http://watir.github.com/watir-webdriver/doc/Watir/HTMLElement.html#class_name-instance_method另一种选择是只查看具有您期望的类的div是否存在browser.div((:id=>"myerrortes

  7. 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使用的镜像网址默认为国外,下载容易超时,需要修改成国内镜像地址(首先阿里

  8. ruby - 具有两个参数的 block - 2

    我从用户Hirolau那里找到了这段代码:defsum_to_n?(a,n)a.combination(2).find{|x,y|x+y==n}enda=[1,2,3,4,5]sum_to_n?(a,9)#=>[4,5]sum_to_n?(a,11)#=>nil我如何知道何时可以将两个参数发送到预定义方法(如find)?我不清楚,因为有时它不起作用。这是重新定义的东西吗? 最佳答案 如果您查看Enumerable#find的文档,您会发现它只接受一个block参数。您可以将它发送两次的原因是因为Ruby可以方便地让您根据它的“并行赋

  9. ruby-on-rails - 在 RSpec 中,如何以任意顺序期望具有不同参数的多条消息? - 2

    RSpec似乎按顺序匹配方法接收的消息。我不确定如何使以下代码工作:allow(a).toreceive(:f)expect(a).toreceive(:f).with(2)a.f(1)a.f(2)a.f(3)我问的原因是a.f的一些调用是由我的代码的上层控制的,所以我不能对这些方法调用添加期望。 最佳答案 RSpecspy是测试这种情况的一种方式。要监视一个方法,用allowstub,除了方法名称之外没有任何约束,调用该方法,然后expect确切的方法调用。例如:allow(a).toreceive(:f)a.f(2)a.f(1)

  10. ruby-on-rails - 具有同名的模块和类 - 2

    我有一个模块stat存在于目录结构中:lib/stat_creator/stat/在lib/stat_creator/stat.rb中,我在lib/stat_creator/stat/目录中有我需要的文件,以及:moduleStatCreatormoduleStatendend当我使用该模块时,我将这些类称为StatCreator::Stat::Foo.new现在我想要一个存在于应用程序中的根Stat类。我在app/models中制作了我的Stat类,并在routes.rb中进行了设置。但是,如果我转到Rails控制台并尝试在应用程序/模型中使用Stat类,例如:Stat.by_use

随机推荐