如何在WKInterfaceTable上方添加不滚动的视图？

当然可以实现！你之前遇到的问题大概率是把固定视图放到了WKInterfaceTable的内部（比如分组或者table header里），这样自然会跟着表格一起滚动。正确的思路是把固定视图和表格放在同一个父容器中，让表格只占据下方的滚动区域，顶部视图保持固定。

具体操作可以分两种方式：

1. 通过Storyboard可视化布局 #

• 打开你的WatchKit Interface Storyboard，选中当前控制器的根容器（一般是WKInterfaceGroup）
• 确保根容器的布局方向设置为垂直（Vertical）
• 先拖拽一个WKInterfaceGroup或你需要的视图组件到根容器最上方，设置它的高度为固定值（比如100pt），用来放置你要固定的信息
• 再拖拽WKInterfaceTable到这个固定视图的下方，把表格的高度设置为Relative to Container，比例设为1（这样表格会占据剩余的所有空间）
• 最后给表格填充数据即可，此时滚动表格时，顶部的固定视图会始终停留在屏幕顶部

2. 通过代码动态布局（如果需要） #

如果需要在代码里调整布局，可以参考这段示例：

// 获取根容器
guard let rootGroup = self.rootGroup else { return }

// 创建固定顶部视图
let topView = WKInterfaceGroup()
topView.setHeight(100)
// 给topView添加子组件（比如标签、图片等）
let titleLabel = WKInterfaceLabel()
titleLabel.setText("固定的标题")
topView.addSubview(titleLabel)

// 创建表格
let table = WKInterfaceTable()
table.setRelativeHeight(1, withAdjustment: 0)
// 配置表格行（此处省略行样式注册、数据填充逻辑）

// 将两个组件添加到根容器
rootGroup.addArrangedSubview(topView)
rootGroup.addArrangedSubview(table)

关键注意事项 #

• 别用WKInterfaceTable的setHeaderGroup()方法添加顶部视图，这个header属于表格的一部分，会跟着表格滚动
• 根容器的布局方向必须是垂直，否则固定视图和表格会横向排列
• 表格一定要设置为相对高度，否则可能会挤压固定视图或者无法正常滚动

这样设置后，就能实现你想要的“顶部信息固定、表格单独滚动”的效果啦！

内容的提问来源于stack exchange，提问作者Nic Hubbard