iOS 实现一个简单的标签式顶部导航View,仿头条网易等样式

本文链接：https://blog.youkuaiyun.com/RollingPin/article/details/81536755

本文介绍了一种可配置的标签导航视图组件，支持多种属性动态设置，如标签文字颜色、字体大小及滑块样式等。同时提供了标签点击事件回调及手动控制标签选中状态的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上可实现的需求:

1.多种属性可编辑
2.标签按钮可回调控制页面
3.页面切换可控制对应标签变化

摘要说明

多种属性可动态设置

/**
 *  标签文字颜色_未选中时
 */
@property (nonatomic, strong) UIColor * tagTextColor_normal;
/**
 *  标签文字颜色_选中时
 */
@property (nonatomic, strong) UIColor * tagTextColor_selected;
/**
 *  标签文字颜色_未选中时
 */
@property (nonatomic, assign)CGFloat tagTextFont_normal;
/**
 *  标签文字颜色_选中时
 */
@property (nonatomic, assign)CGFloat tagTextFont_selected;
/**
 *  滑块颜色
 */
@property (nonatomic, strong)UIColor *sliderColor;
/**
 *  滑块宽度
 */
@property (nonatomic, assign)CGFloat sliderW;
/**
 *  滑块高度
 */
@property (nonatomic, assign)CGFloat sliderH;

通过此代理方法可获取标签点击事件和第几个

@protocol RPTaggedNavViewDelegate <NSObject>

- (void)haveSelectedIndex:(NSInteger )index;

@end

此方法为通知view应该让哪个标签被点亮

- (void)selectingOneTagWithIndex:(NSInteger )index;

演示gif

github 地址: https://github.com/RollingPin/RPTaggedNavView

搞定. 欢迎大家指正