Xib 上面可以添加辅助线,有时候善加使用,可以起到事半功倍的效果。
1. 如何添加辅助线
点击Xib,选中最右侧的View控件让其处于选中状态。然后点击Editor->Guides 这时候,点击右侧出现的 Add Horizontal Guide 和 Add Vertical Guide 就可以添加上了。
- 每一条添加的辅助线初始都是水平居中或者垂直居中的,可以添加多条。
- 每条辅助线都可以任意移动其位置,移动时辅助线上下或左右会出现2个数字,对应的表示辅助线离上下或左右的边框的距离。
- 辅助线这货感觉就相当于枪的准心,对View上面的控件的位置进行校准对齐,如果你练成了传说中的“像素眼”,辅助线对你来说基本就没什么用了。
2. 如何删除辅助线
前段时间,有位同道之人问到,怎么删除Xib上的的辅助线?我觉得有添加的按钮就应该有删除的方法(毒蛇出没之处七步之内必有解药?)。
找了一会发现,明面上是真没有看到(大概是苹果觉得添加了多条之后,不知道你要删除全部还是多条或是某一条,删除做起来麻烦就没做,而且辅助线过于细小,不好选中,delete也就无效了。)。但是暗地里还是找到一种删除的方法。
首先,找到对应的Xib文件,选中以后右键点击 Open As --> Source Code
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="9531" systemVersion="15B42" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none">
<dependencies>
<deployment identifier="iOS"/>
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="9529"/>
</dependencies>
<objects>
<placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner" customClass="ViewController3">
<connections>
<outlet property="view" destination="i5M-Pr-FkT" id="sfx-zR-JGt"/>
</connections>
</placeholder>
<placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
<view clearsContextBeforeDrawing="NO" contentMode="scaleToFill" id="i5M-Pr-FkT">
<rect key="frame" x="0.0" y="0.0" width="320" height="568"/>
<autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
<userGuides>
<userLayoutGuide location="284" affinity="minY"/>
<userLayoutGuide location="284" affinity="minY"/>
<userLayoutGuide location="160" affinity="minX"/>
</userGuides>
<color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
<point key="canvasLocation" x="245" y="385"/>
</view>
</objects>
</document>
打开以后,搜索userGuides然后把带userGuides标签的一整块都删除。
<userGuides>
<userLayoutGuide location="284" affinity="minY"/>
<userLayoutGuide location="284" affinity="minY"/>
<userLayoutGuide location="160" affinity="minX"/>
</userGuides>
然后,找到对应的Xib文件,选中以后右键点击 Open As --> interface Builder XIB Document 还原为Xib文件,就可以看到所有辅助线都不辞而别了。