XMTopScrollView顶部滑动分段控件
网易新闻那种顶部滑动切换的分段控件,iOS 里怎么搞?用XMTopScrollView
挺顺的。它基于UIScrollView
,可以横滑切换分类,标题还能高亮,交互也挺顺滑,用户体验还不错。
标题那块你可以自定义,字体颜色、大小都能调,想搞成图文混排也行,样式不拘一格。比如一个段显示‘热门’,另一个段放个小图标+‘推荐’,都能整进去。
它的背景和选中状态也比较好调,比如选中后文字变色、底部加条线、加个阴影啥的,还能配合动画,视觉反馈比较清晰,用户一眼能看出在哪个栏目。
每个段位下面还可以承载自己定义的视图,不只是切个标题那么简单,比如你要展示商品卡片、新闻列表,甚至整个自定义页面布局,都没问题。
滑动逻辑也比较灵活,想要快速响应的,可以调滑动速度;想让它带点“阻尼感”,也能配。还支持切换回调,用来触发加载数据或者状态更新,挺方便的。
布局方面也不死板,你可以设定每个分段之间的间距,还能控制它们整体居左、居中还是平均分布,对接不同 UI 风格都能适配。
如果你的数据是动态加载的,比如新闻频道每天更新,XMTopScrollView
也能只加载当前页或者懒加载,性能上不会拖后腿。
哦对了,要用好它,最好对UIScrollView
、Auto Layout
这些东西有点底子,不然想整复杂交互的时候容易绕晕。
如果你做的是新闻类 App、电商类首页、甚至是资讯导航页,XMTopScrollView
用起来还是蛮合适的。想省点事,也可以看看这些相关文章:iOS 滑动标签切换演示、打造类 Tab 栏效果,都有得参考。
总结一句,如果你想让用户在几个分类之间快速切换,界面清爽又好用,XMTopScrollView
是个还不错的选择。
133.11KB
文件大小:
评论区