Question

我正在使用Xcode 6.0.1，这是我第一次在表格视图上使用静态单元格进行自动布局。

我在第一个表格单元格中有一个文本字段。这有一个固定的高度，但我希望文本字段的宽度与表格（或表格单元格的宽度）一起缩放，因为它们的宽度相同。这是因为我想利用iPhone 6和6 Plus的额外宽度。

我在文本字段中添加了高度约束（40像素），前导和尾随空间约束（14像素）。我也将Y对齐集中在superview上。这些都不是相对于保证金，因为我想要定位iOS 7，我相信这个选项会导致问题。

我的问题是表格单元格的宽度想要变为零，这也导致我的文本字段的宽度也变为零，因为前导和尾随空间约束。如果我为文本字段设置固定宽度，那么一切都很好，但是它没有利用iPhone 6上可用的额外宽度。我的表格和表格单元格正在缩放我实际上运行了应用程序，虽然他们在Xcode中显示为“错位”，认为高度和宽度应该为零（见下面的截图）。

我用谷歌搜索了这个结局，我找不到其他有这些问题的人。缩放到表格单元格的高度是一个常见问题，但不是宽度。

以下是我的视图层次结构，其中文本字段（称为标题）上的约束显示....

View hierarchy

这就是我认为问题所在，因为表格视图单元格的预期高度和宽度都是零...

Misplaced views

我已经尝试在表格视图单元格等上设置约束，尝试给它一个非零宽度，但这似乎不可能。

这是我的.storyboard文件的前40行左右。我没有摆弄XML，它直接来自Xcode。

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="6245" systemVersion="14A379a" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" initialViewController="3">
    <dependencies>
        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="6238"/>
        <capability name="Constraints to layout margins" minToolsVersion="6.0"/>
    </dependencies>
    <scenes>
        <!--Dev Note Edit Screen-->
        <scene sceneID="2">
            <objects>
                <tableViewController storyboardIdentifier="DevNoteEditScreen" id="3" customClass="DevNoteEditScreen" sceneMemberID="viewController">
                    <tableView key="view" opaque="NO" clipsSubviews="YES" clearsContextBeforeDrawing="NO" contentMode="scaleToFill" alwaysBounceVertical="YES" dataMode="static" style="grouped" separatorStyle="default" rowHeight="44" sectionHeaderHeight="11" sectionFooterHeight="11" id="4">
                        <rect key="frame" x="0.0" y="0.0" width="320" height="568"/>
                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                        <color key="backgroundColor" white="1" alpha="1" colorSpace="calibratedWhite"/>
                        <sections>
                            <tableViewSection id="13">
                                <cells>
                                    <tableViewCell contentMode="scaleToFill" misplaced="YES" selectionStyle="blue" hidesAccessoryWhenEditing="NO" indentationLevel="1" indentationWidth="0.0" translatesAutoresizingMaskIntoConstraints="NO" id="11">
                                        <rect key="frame" x="0.0" y="134" width="375" height="44"/>
                                        <tableViewCellContentView key="contentView" opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" tableViewCell="11" id="12">
                                            <rect key="frame" x="0.0" y="0.0" width="375" height="43.5"/>
                                            <autoresizingMask key="autoresizingMask"/>
                                            <subviews>
                                                <textField opaque="NO" clipsSubviews="YES" contentMode="scaleToFill" contentHorizontalAlignment="left" contentVerticalAlignment="center" text="Title" placeholder="Title" minimumFontSize="17" translatesAutoresizingMaskIntoConstraints="NO" id="18">
                                                    <constraints>
                                                        <constraint firstAttribute="height" constant="40" id="kkF-JV-vbs"/>
                                                    </constraints>
                                                    <color key="textColor" red="0.16078431372549021" green="0.50196078431372548" blue="0.72549019607843135" alpha="1" colorSpace="calibratedRGB"/>
                                                    <fontDescription key="fontDescription" name="AvenirNext-DemiBold" family="Avenir Next" pointSize="19"/>
                                                    <textInputTraits key="textInputTraits" autocapitalizationType="sentences"/>
                                                    <connections>
                                                        <action selector="EditBegin:" destination="3" eventType="editingDidBegin" id="106"/>
                                                        <action selector="txtTitle_Changed:" destination="3" eventType="editingChanged" id="255"/>
                                                    </connections>
                                                </textField>
                                            </subviews>
                                            <constraints>
                                                <constraint firstAttribute="trailing" secondItem="18" secondAttribute="trailing" constant="14" id="08w-eu-Siz"/>
                                                <constraint firstItem="18" firstAttribute="leading" secondItem="12" secondAttribute="leading" constant="14" id="ImE-vD-cJD"/>
                                                <constraint firstAttribute="centerY" secondItem="18" secondAttribute="centerY" id="hA5-l7-zX6"/>
                                            </constraints>
                                        </tableViewCellContentView>
                                    </tableViewCell>

Answer 1

奇怪的是，我设法通过编辑.storyboard文件XML并从<tableViewCell>元素中删除以下内容来解决此问题...

misplaced="YES"
translatesAutoresizingMaskIntoConstraints="NO"

并在<tableViewCell>元素中添加...

<autoresizingMask key="autoresizingMask"/>

似乎我的故事板文件以某种方式搞砸了。

iOS自动布局：表格视图单元格宽度= 0

1 个答案: