XMTopScrollView顶部滑动分段控件

网易新闻那种顶部滑动切换的分段控件,iOS 里怎么搞?用XMTopScrollView挺顺的。它基于UIScrollView,可以横滑切换分类,标题还能高亮,交互也挺顺滑,用户体验还不错。

标题那块你可以自定义,字体颜色、大小都能调,想搞成图文混排也行,样式不拘一格。比如一个段显示‘热门’,另一个段放个小图标+‘推荐’,都能整进去。

它的背景和选中状态也比较好调,比如选中后文字变色、底部加条线、加个阴影啥的,还能配合动画,视觉反馈比较清晰,用户一眼能看出在哪个栏目。

每个段位下面还可以承载自己定义的视图,不只是切个标题那么简单,比如你要展示商品卡片、新闻列表,甚至整个自定义页面布局,都没问题。

滑动逻辑也比较灵活,想要快速响应的,可以调滑动速度;想让它带点“阻尼感”,也能配。还支持切换回调,用来触发加载数据或者状态更新,挺方便的。

布局方面也不死板,你可以设定每个分段之间的间距,还能控制它们整体居左、居中还是平均分布,对接不同 UI 风格都能适配。

如果你的数据是动态加载的,比如新闻频道每天更新,XMTopScrollView也能只加载当前页或者懒加载,性能上不会拖后腿。

哦对了,要用好它,最好对UIScrollViewAuto Layout这些东西有点底子,不然想整复杂交互的时候容易绕晕。

如果你做的是新闻类 App、电商类首页、甚至是资讯导航页,XMTopScrollView用起来还是蛮合适的。想省点事,也可以看看这些相关文章:iOS 滑动标签切换演示打造类 Tab 栏效果,都有得参考。

总结一句,如果你想让用户在几个分类之间快速切换,界面清爽又好用,XMTopScrollView是个还不错的选择。

zip 文件大小:133.11KB