企业官网建设流程全解析

SDSegmentedControl 是一个可以直接替换系统 UISegmentedControl的经典 iOS 分段控件库，完整复刻了 iOS 6 时代 App Store 里带"箭头 + 下划线指示器"的分段标签样式。本文面向 iOS 新手，系统梳理它的iOS 6/7 兼容处理机制、Interface Builder（IB）集成技巧、常见坑位排查清单与现代化改造建议，帮助你在维护老项目或仿写 App Store 风格导航栏时少踩坑、少走弯路。

1️⃣ SDSegmentedControl 能解决什么问题？

系统 UISegmentedControl 的样式在 iOS 6 与 iOS 7 之间差异很大，而且画不出当年 App Store 那种"选中箭头沿下划线滑动"的效果。SDSegmentedControl 的核心卖点是drop-in replacement（零改动替换）：接口与 UISegmentedControl 保持一致，拿来即用。

它的主要能力（完整列表见 README.md）：

整个库只有两个源码文件：SDSegmentedControl.h 与 SDSegmentedControl.m。它的动画核心是用CAShapeLayer的路径动画实时绘制箭头与下划线，实现位于 SDSegmentedControl.m#L660-L837。运行效果演示可参考仓库中的 doc/screencast.gif。

2️⃣ iOS 6/7 兼容处理：SD_IS_IOS7 宏的工作方式

这套库诞生在 iOS 6 与 iOS 7 并存的时代，作者用运行时版本检测宏SD_IS_IOS7同时兼容两套视觉规范，宏定义见 SDSegmentedControl.m#L7-L11：

#ifdef NSFoundationVersionNumber_iOS_6_1 #define SD_IS_IOS7 (floor(NSFoundationVersionNumber) > NSFoundationVersionNumber_iOS_6_1) #else #define SD_IS_IOS7 NO #endif

不同系统版本下的默认样式差异如下：

这些分支分别位于commonInit（SDSegmentedControl.m#L108-L136）、SDSegmentView初始化（SDSegmentedControl.m#L1082-L1113）和SDStainView外观默认值（SDSegmentedControl.m#L1261-L1280）。

⚠️注意：检测基于运行时版本号。在今天的设备上SD_IS_IOS7恒为 YES，也就是说iOS 6 分支实际上永远不会生效——这一点在后面的"现代化改造"一节里会展开讲。

3️⃣ IB（Interface Builder）集成技巧

SDSegmentedControl 对 IB 的集成非常巧妙：不需要画新控件，只需要换一下类名。官方示例 Example/Example/en.lproj/ViewController.xib 中，IB 里拖入的就是一个普通的UISegmentedControl，只是把customClass改成了SDSegmentedControl。

操作步骤：

1. 在 IB 画布拖入UISegmentedControl，正常配置分段标题、selectedSegmentIndex与valueChanged事件；
2. 打开 Identity 检查器，将Class 从 UISegmentedControl 改为 SDSegmentedControl；
3. IB 中定义的分段会在 awakeFromNib 中被逐个读出，重建为动画分段，随后清空原生分段——所以 IB 里看到的静态样式仅供参考，最终视觉效果以代码运行为准。

这一"改名即集成"的设计是它最大的易用性亮点，但也是新手最常见的翻车点（见下节坑位清单）。

4️⃣ 常见坑位排查清单 🔍

5️⃣ 五分钟上手：集成与主题定制

获取代码

git clone https://gitcode.com/gh_mirrors/sd/SDSegmentedControl

基本用法

把两个源文件拖入工程并链接 QuartzCore 后，即可像使用 UISegmentedControl 一样使用：

#import "SDSegmentedControl.h" SDSegmentedControl *seg = [SDSegmentedControl new]; [seg insertSegmentWithTitle:@"Today" atIndex:0 animated:NO]; [seg insertSegmentWithTitle:@"For You" atIndex:1 animated:NO]; seg.selectedSegmentIndex = 1;

动态增删分段、启禁用分段、自定义分段宽度的完整示例可参考 Example/Example/ViewController.m。

全局主题定制

通过UIAppearance一次设置、全局生效，官方示例见 Example/Example/ViewController.m#L85-L106：

SDSegmentedControl *appearance = SDSegmentedControl.appearance; appearance.backgroundColor = [UIColor whiteColor]; appearance.arrowSize = 8; // 调大选中箭头 appearance.animationDuration = 0.3; // 调整动画时长

6️⃣ 现代化改造建议 💡

这套库停留在 Objective-C 手写 UIKit 的时代，如果要在 2026 年的项目中使用，建议这样取舍：

新项目（推荐不直接使用）

• 纯文本分段：直接用系统UISegmentedControl+UIAppearanceProxy，iOS 13 之后官方控件的可定制性已今非昔比；
• SwiftUI 项目：Picker的.segmented样式已能满足绝大多数需求，无需用 UIKit 控件桥接。

老项目维护 / 必须复刻箭头风格

• 保留路径动画思路：CAShapeLayer遮罩 +CABasicAnimation这套方案依然高效，可直接移植到 Swift 重写；
• 砍掉双版本分支：如前文所述，SD_IS_IOS7在现代系统恒为 YES，迁移时可整体删除 iOS 6 样式分支，代码量立刻瘦身；
• 替换弃用 API：把 UIButton 标题阴影相关属性去掉，选中态文字差异改用字体/颜色区分即可；
• 补上现代体验：选中时加UISelectionFeedbackGenerator触感反馈、确认isAccessibilityElement与分段值的无障碍描述；
• 参考滚动逻辑：其"选中后自动滚动到可见区域"的实现（SDSegmentedControl.m#L599-L628）在自研可滚动分段控件时值得借鉴。

小结

SDSegmentedControl 用一个极小的代码量（两个源文件）复刻了 iOS 6 App Store 的经典箭头分段标签，"IB 中改个类名即可集成"的设计对新手非常友好。只要记住三件事——链接 QuartzCore、只对三个类的 appearance 生效、IB 类名与工程类必须一致——就能避开 90% 的坑；而在新项目中，建议以系统控件或 SwiftUI 为主，把它的CAShapeLayer箭头动画思路作为自研控件时的参考。