个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试实现一个类似于 Instagram 的标题，最左侧有一个 imageView，以及 3 个用于帖子、关注者和关注者的 UILabels。我在自动布局中很难实现这一点，特别是水平间距，以便它在所有设备上具有相同的空间。当我进行自动布局时，标签的间距不均匀并且被截断。关于如何解决这个问题有什么想法吗？
最佳答案
我会做这样的事情:
这里是带有约束的原始 xib 文件，如果您想更深入地了解我是如何构建它的:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="9531" systemVersion="15C50" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES">
<dependencies>
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="9529"/>
<capability name="Aspect ratio constraints" minToolsVersion="5.1"/>
</dependencies>
<objects>
<placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
<placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
<view contentMode="scaleToFill" id="iN0-l3-epB">
<rect key="frame" x="0.0" y="0.0" width="320" height="93"/>
<autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
<subviews>
<imageView userInteractionEnabled="NO" contentMode="scaleToFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" translatesAutoresizingMaskIntoConstraints="NO" id="dx4-Jc-VhS">
<rect key="frame" x="8" y="8" width="77" height="77"/>
<constraints>
<constraint firstAttribute="width" secondItem="dx4-Jc-VhS" secondAttribute="height" multiplier="1:1" id="7hG-uk-QY2"/>
</constraints>
</imageView>
<label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumScaleFactor="0.5" adjustsLetterSpacingToFitWidth="YES" translatesAutoresizingMaskIntoConstraints="NO" id="DIH-73-jei">
<rect key="frame" x="252" y="8" width="60" height="24"/>
<constraints>
<constraint firstAttribute="height" constant="24" id="M4e-ka-Nbw"/>
</constraints>
<fontDescription key="fontDescription" type="system" pointSize="17"/>
<color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
<nil key="highlightedColor"/>
</label>
<label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumScaleFactor="0.5" adjustsLetterSpacingToFitWidth="YES" translatesAutoresizingMaskIntoConstraints="NO" id="i7h-Ht-kAi">
<rect key="frame" x="184" y="8" width="60" height="24"/>
<fontDescription key="fontDescription" type="system" pointSize="17"/>
<color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
<nil key="highlightedColor"/>
</label>
<label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumScaleFactor="0.5" adjustsLetterSpacingToFitWidth="YES" translatesAutoresizingMaskIntoConstraints="NO" id="yDX-xV-j2U">
<rect key="frame" x="116" y="8" width="60" height="24"/>
<constraints>
<constraint firstAttribute="width" constant="60" id="dLL-w6-I5C"/>
</constraints>
<fontDescription key="fontDescription" type="system" pointSize="17"/>
<color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
<nil key="highlightedColor"/>
</label>
<label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumScaleFactor="0.5" translatesAutoresizingMaskIntoConstraints="NO" id="ZYY-b1-nBH">
<rect key="frame" x="116.5" y="36" width="60" height="21"/>
<fontDescription key="fontDescription" type="system" pointSize="14"/>
<color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
<nil key="highlightedColor"/>
</label>
<label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumScaleFactor="0.5" translatesAutoresizingMaskIntoConstraints="NO" id="7ao-CO-oe0">
<rect key="frame" x="184" y="36" width="60" height="21"/>
<fontDescription key="fontDescription" type="system" pointSize="14"/>
<color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
<nil key="highlightedColor"/>
</label>
<label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumScaleFactor="0.5" translatesAutoresizingMaskIntoConstraints="NO" id="t6Q-M4-Jz0">
<rect key="frame" x="252" y="36" width="60" height="21"/>
<constraints>
<constraint firstAttribute="height" constant="21" id="JzX-Tc-RP8"/>
</constraints>
<fontDescription key="fontDescription" type="system" pointSize="14"/>
<color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="calibratedRGB"/>
<nil key="highlightedColor"/>
</label>
</subviews>
<color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
<constraints>
<constraint firstItem="i7h-Ht-kAi" firstAttribute="centerY" secondItem="yDX-xV-j2U" secondAttribute="centerY" id="4kA-0u-t4A"/>
<constraint firstAttribute="bottom" secondItem="dx4-Jc-VhS" secondAttribute="bottom" constant="8" id="Bgt-e6-X9u"/>
<constraint firstItem="7ao-CO-oe0" firstAttribute="width" secondItem="i7h-Ht-kAi" secondAttribute="width" id="CPx-Jk-7q3"/>
<constraint firstItem="7ao-CO-oe0" firstAttribute="centerY" secondItem="ZYY-b1-nBH" secondAttribute="centerY" id="F3q-A8-pXS"/>
<constraint firstItem="DIH-73-jei" firstAttribute="leading" secondItem="i7h-Ht-kAi" secondAttribute="trailing" constant="8" id="HlC-6s-TUN"/>
<constraint firstItem="DIH-73-jei" firstAttribute="width" secondItem="yDX-xV-j2U" secondAttribute="width" id="PxV-sd-GCV"/>
<constraint firstItem="DIH-73-jei" firstAttribute="height" secondItem="yDX-xV-j2U" secondAttribute="height" id="Stq-AB-hyP"/>
<constraint firstItem="7ao-CO-oe0" firstAttribute="height" secondItem="ZYY-b1-nBH" secondAttribute="height" id="Tw1-1F-66D"/>
<constraint firstItem="i7h-Ht-kAi" firstAttribute="leading" secondItem="yDX-xV-j2U" secondAttribute="trailing" constant="8" id="WKz-Ds-5RX"/>
<constraint firstItem="dx4-Jc-VhS" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="8" id="ase-Fc-VNG"/>
<constraint firstItem="t6Q-M4-Jz0" firstAttribute="width" secondItem="DIH-73-jei" secondAttribute="width" id="cag-85-mNS"/>
<constraint firstItem="i7h-Ht-kAi" firstAttribute="width" secondItem="yDX-xV-j2U" secondAttribute="width" id="czV-kf-29P"/>
<constraint firstItem="i7h-Ht-kAi" firstAttribute="height" secondItem="yDX-xV-j2U" secondAttribute="height" id="doF-G5-ewa"/>
<constraint firstItem="t6Q-M4-Jz0" firstAttribute="height" secondItem="ZYY-b1-nBH" secondAttribute="height" id="fSw-H8-yMk"/>
<constraint firstItem="t6Q-M4-Jz0" firstAttribute="centerY" secondItem="ZYY-b1-nBH" secondAttribute="centerY" id="gye-vS-aNp"/>
<constraint firstItem="t6Q-M4-Jz0" firstAttribute="centerX" secondItem="DIH-73-jei" secondAttribute="centerX" id="kEo-1I-ZFN"/>
<constraint firstItem="dx4-Jc-VhS" firstAttribute="centerY" secondItem="iN0-l3-epB" secondAttribute="centerY" id="llB-Hy-05T"/>
<constraint firstItem="7ao-CO-oe0" firstAttribute="centerX" secondItem="i7h-Ht-kAi" secondAttribute="centerX" id="oBf-jc-iLR"/>
<constraint firstItem="ZYY-b1-nBH" firstAttribute="width" secondItem="yDX-xV-j2U" secondAttribute="width" id="obW-uC-rIr"/>
<constraint firstAttribute="trailing" secondItem="DIH-73-jei" secondAttribute="trailing" constant="8" id="qEY-V0-NM6"/>
<constraint firstItem="ZYY-b1-nBH" firstAttribute="centerX" secondItem="yDX-xV-j2U" secondAttribute="centerX" id="qZ0-QE-Z49"/>
<constraint firstItem="yDX-xV-j2U" firstAttribute="top" secondItem="dx4-Jc-VhS" secondAttribute="top" id="t13-zB-C5B"/>
<constraint firstItem="t6Q-M4-Jz0" firstAttribute="top" secondItem="DIH-73-jei" secondAttribute="bottom" constant="4" id="udZ-0h-vdz"/>
<constraint firstItem="dx4-Jc-VhS" firstAttribute="top" secondItem="iN0-l3-epB" secondAttribute="top" constant="8" id="vFh-rW-JtQ"/>
<constraint firstItem="DIH-73-jei" firstAttribute="centerY" secondItem="yDX-xV-j2U" secondAttribute="centerY" id="x2Z-nL-xJF"/>
<constraint firstItem="yDX-xV-j2U" firstAttribute="leading" relation="greaterThanOrEqual" secondItem="dx4-Jc-VhS" secondAttribute="trailing" constant="8" id="zSX-Vg-3Wi"/>
</constraints>
<nil key="simulatedStatusBarMetrics"/>
<freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
<point key="canvasLocation" x="351" y="180.5"/>
</view>
</objects>
</document>
关于ios - 自动布局: ImageView 和标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34343967/
25
4
0
所以我使用一个带有整个 block 的标签作为链接，它是一个产品展示，所以你点击它会转到产品页面。现在我创建了一个标签作为链接到购物车页面的按钮。所以我让它工作，但是当我点击购物车按钮时，两个页面都会
根据 Web 标准，创建带有标题 1 的链接的正确代码是什么？ 是吗 stackoverflow 或 stackoverflow 谢谢 最佳答案 根据网络标准，您不能将 block 元素放入内
在Java中它是这样写的..当我移植这段代码时...意识到没有这样的东西 break 和continue . 我知道这些命令没有包含在内，因为在使用带有命令的 goto 时必须有一种更简洁的方法来执
我们有一个相当标准的发布过程，使用 Visual Source Safe 在发布之前标记构建。这允许我们在出现任何问题时从该标签中获取，并在需要更改时使用它进行分支。 我们有几个不同的项目，并且总是使
我必须创建一个搜索内容，其中包含搜索框、标题和段落描述。默认情况下，描述被禁用，当我输入一些与描述文本匹配的文本时，描述段落标签应该打开。一些匹配的演示是这样的: [ fiddle ][1] 但默认情
我一直在阅读有关 的文档标签，我似乎无法理解它与简单地使用 有何不同那是 display: none; 文档:template tag 例子 对比 例子
我需要一个脚本来复制当开关按钮打开时标记，当开关按钮关闭时删除标记。我需要一个简单的方法。这是开关按钮: 我试过这个: var change
JSF 是一个 MVC 框架，但我很困惑为什么我们已经有了这么多 HTML 标签还需要 JSF 标签。毫无疑问，JSF 简化了很多事情。我想进一步了解 JSF 中的模型 View 和 Controll
我在这个 website 上看到了那些 html 代码: Homepa
我添加了 photoswipe 插件，可以使用 搜索我的所有照片。标签，如果点击，照片就会变成全屏。我让它工作了，但现在我的导航栏(有 标签)在点击时会触发 photoswipe 插件。 在 ph
标签
我正在尝试截断显示自 的文本标签，但它不工作。我将样式应用于其他标签样式并且它确实有效(我看到的示例中没有一个使用 标签)。我想知道是否有人可以向我解释为什么会这样(我不是最擅长 HTML/CSS
HTML 是这样的: Menu 1 Menu 2 Sub menu 2
我可以更改 TextInputLayout 的位置 float 标签(底部 float 标签)吗？我需要为波纹管 float 标签设置正确的位置。 最佳答案 我解决了我的问题，这是我的 xml:
我的代码是 printMsg : function(data) { $("#message").html(data.bodyText); ... } 这里 data.body
我是 Scrapy 和 Xpath 的初学者，我正在寻找解析具有以下结构的网站 cat1 value1 value2
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及
我必须从 xml 中解析数据。这是我的 xml- 或者它的 url 是:http://mobileecommerce.site247365.com/admin/catdata.xml News f
如何创建应该允许多行数据的标记。不要说使用textarea标签。我知道，但我只想 标记因为标签具有 value 属性。所以当我从 xml 文件获取值时，我应该使用 jquery 语法动态获取.. 最佳
我有一个页面使用我定义的某些样式。 在同一页面上，我刚刚导入了一个使用自己样式的外部 jQuery 插件，例如，包括 。被我自己覆盖的标签样式。 如何确保我的样式表中的样式不会覆盖 jQuery 插件
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 8 年前。 Improve
我是一名优秀的程序员,十分优秀！