CMPageTitleView
✍️一分钟集成类似抖音,新浪微博,腾讯视频,网易新闻,今日头条等常见的标题栏样式,api灵活易扩展,支持Cocoapods和Masonry布局,支持ChildController的完整生命周期
Install / Use
/learn @CrabMen/CMPageTitleViewREADME

<a id="screenshots"></a>效果展示
<a id="screenshots-basic"></a>效果展示 - 基本样式
| 基本样式 | GIF|
| :-------- | --------:|
|00-00.颜色效果 - RGB渐变 |
|
|00-01.颜色效果 - 填充渐变 |
|
|00-02.颜色效果 - 无渐变 |
|
|00-03.切换样式 - 字体放大 |
|
|00-04.切换样式 - 下划线 |
|
|00-05.切换样式 - 遮罩 |
|
|00-06.切换样式 - 字体放大 - 延迟 |
|
|00-07.切换样式 - 下划线 - 延迟 |
|
|00-08.切换样式 - 遮罩 - 延迟 |
|
|00-09.附加效果 - 标题栏下方分割线 |
|
|00-10.附加效果 - 标题文字之间分割线 |
|
|00-11.对齐方式 -- 左对齐 |
|
|00-12.对齐方式 -- 右对齐 |
|
|00-13.对齐方式 -- 居中 |
|
|00-14.对齐方式 -- SpaceAround |
|
|00-15.字体放大效果时对其方式 -- 居中对齐 |
|
|00-16.字体放大效果时对其方式 -- 上对齐 |
|
|00-17.字体放大效果时对其方式 -- 下对齐 |
|
<a id="screenshots-multi"></a>效果展示 - 组合样式
根据上方的基本样式可以进行自由组合,从而达到你想要的效果;因组合样式过多,下方列出了部分
| 组合样式 | GIF|
| :-------- | --------:|
|01-00.字体放大 - 颜色RGB渐变 |
|
|01-01.字体放大 - 颜色填充渐变 |
|
|01-02.字体放大 - 颜色无渐变 |
|
|01-03.字体放大(延迟) - 颜色RGB渐变 |
|
|01-04.字体放大(延迟) - 颜色填充渐变 |
|
|01-05.字体放大(延迟) - 颜色无渐变 |
|
|01-06.下划线 - 颜色RGB渐变 |
|
|01-07.下划线 - 颜色填充渐变 |
|
|01-08.下划线 - 颜色无渐变 |
|
|01-09.下划线(延迟) - 颜色RGB渐变 |
|
|01-10.下划线(延迟) - 颜色填充渐变 |
|
|01-11.下划线(延迟) - 颜色无渐变 |
|
|01-12.下划线(固定宽度)- 颜色RGB渐变 |
|
|01-13.下划线(固定宽度)- 颜色填充渐变 |
|
|01-14.下划线(固定宽度)- 颜色无渐变 |
|
|01-15.下划线(延迟 && 固定宽度)- 颜色RGB渐变 |
|
|01-16.下划线(延迟 && 固定宽度)- 颜色填充渐变 |
|
|01-17.下划线(延迟 && 固定宽度)- 颜色无渐变 |
|
|01-18.下划线(比例宽度)- 颜色RGB渐变 |
|
|01-19.下划线(比例宽度)- 颜色填充渐 |
|
|01-20.下划线(比例宽度)- 颜色无渐变 |
|
|01-21.下划线(延迟 && 比例宽度)- 颜色RGB渐变 |
|
|01-22.下划线(延迟 && 比例宽度)- 颜色填充渐变 |
|
|01-23.下划线(延迟 && 比例宽度)- 颜色无渐变 |
|
|01-24.下划线(延展)- 颜色RGB渐变 |
|
|01-25.下划线(延展)- 颜色填充渐变 |
|
|01-26.下划线(延展)- 颜色无渐变 |
|
|01-27.下划线(延展 && 固定宽度)- 颜色RGB渐变 |
|
|01-28.下划线(延展 && 固定宽度)- 颜色填充渐变 |
|
|01-29.下划线(延展 && 固定宽度)- 颜色无渐变 |
|
|01-30.下划线(延展 && 比例宽度)- 颜色RGB渐变 |
|
|01-31.下划线(延展 && 比例宽度)- 颜色填充渐变 |
|
|01-32.下划线(延展 && 比例宽度)- 颜色无渐变 |
|
|01-33.遮罩 - 颜色RGB渐变 |
|
|01-34.遮罩 - 颜色填充渐变 |
|
|01-35.遮罩 - 颜色无渐变 |
|
|01-36.遮罩(延迟) - 颜色RGB渐变 |
|
|01-37.遮罩(延迟) - 颜色填充渐变 |
|
|01-38.遮罩(延迟) - 颜色无渐变 |
|
|01-39.遮罩(固定宽度)- 颜色RGB渐变 |
|
|01-40.遮罩(固定宽度)- 颜色填充渐变 |
|
|01-41.遮罩(固定宽度)- 颜色无渐变 |
|
|01-42.遮罩(延迟 && 固定宽度)- 颜色RGB渐变 |
|
|01-43.遮罩(延迟 && 固定宽度)- 颜色填充渐变 |
|
|01-44.遮罩(延迟 && 固定宽度)- 颜色无渐变 |
|
|01-45.字体放大 && 下划线 - 颜色填充渐变 |
|
|01-46.字体放大 && 下划线 && 延迟 - 颜色无渐变 |
|
|01-47.字体放大 && 下划线(延展)- 颜色填充渐变 |
|
|01-48.字体放大 && 下划线(延展 && 固定宽度 )- 颜色填充渐变 |
|
|01-49.字体放大 && 下划线(延展 && 比例宽度 )-颜色填充渐变 |