美文网首页
如何删除Xib上的辅助线?

如何删除Xib上的辅助线?

作者: 刀鞘 | 来源:发表于2016-02-26 10:23 被阅读472次

Xib 上面可以添加辅助线,有时候善加使用,可以起到事半功倍的效果。

辅助线.png

1. 如何添加辅助线

点击Xib,选中最右侧的View控件让其处于选中状态。然后点击Editor->Guides 这时候,点击右侧出现的 Add Horizontal Guide 和 Add Vertical Guide 就可以添加上了。

添加辅助线.png
  • 每一条添加的辅助线初始都是水平居中或者垂直居中的,可以添加多条。
  • 每条辅助线都可以任意移动其位置,移动时辅助线上下或左右会出现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文件,就可以看到所有辅助线都不辞而别了。

相关文章

网友评论

      本文标题:如何删除Xib上的辅助线?

      本文链接:https://www.haomeiwen.com/subject/txpmkttx.html