iOS应用中使用Auto Layout实现自定义cell及拖动回弹

2020-01-14 20:12:15于丽

    }
}


viewDidLoad() 中添加的两行代码是载入 xib 的操作。最下面的三个 func 分别是定义:

 

self.tableView 中有多少个 section
每个 section 中分别有多少个条目
实例化每个条目,提供内容
如果你得到以下页面,说明你调用自定义 cell 成功了!

iOS应用中使用Auto Layout实现自定义cell及拖动回弹

给自定义 cell 添加元素并使用 Auto Layout 约束
首先向 Images.xcassets 中随意加入一张图片。

然后在左侧文件树中选中 firstTableViewCell.xib,从右侧组件库中拖进去一个 Image View,并且在右侧将其尺寸设置如下图右侧:

iOS应用中使用Auto Layout实现自定义cell及拖动回弹

给 ImageView 添加约束:

iOS应用中使用Auto Layout实现自定义cell及拖动回弹

选中该 ImageView(左箭头所示),点击自动 Auto Layout(右箭头所示),即可。

给 ImageView 设置图片:

iOS应用中使用Auto Layout实现自定义cell及拖动回弹

再从右侧组件库中拖入一个 UILabel,吸附到最右侧,垂直居中,为其添加自动约束,这一步不再赘述。

在 firstTableViewCell 类中绑定 xib 中拖进去的元素
选中 firstTableViewCell.xib,切换到双视图,直接进行拖动绑定: