描述
可添加header的多控制器列表,主流APP分类切换滚动视图(京东,网易新闻,爱奇艺,QQ弹性小球等,可高度自定义,项目结构清晰);UIScrollView 嵌套,可做个人详情页,商品详情页,页面多tableView滑动悬停
关键代码
只需两步就可完成自定义效果:(可参考项目内的自定义样式)
- 1、继承LLSegmentBaseItemView;
- 2、实现LLSegmentBaseItemView以下方法(有些方法可实现可不实现)
//1、设置标题
public func titleChange(title:String)
//2、滚动时会调用这个方法,percent的取值范围是0...1
public func percentChange(percent:CGFloat)
//3、返回当前ItemView的宽度
public func itemWidth() ->CGFloat
//设置Item的style样式
public func setSegmentItemViewStyle(itemViewStyle:LLSegmentItemViewStyle)
效果展示
详情页效果预览
| 说明 | Gif |
|---|---|
| 个人中心头部放大 | ![]() personCenter.gif
|
| 个人中心列表刷新 | ![]() personCenterListRefresh.gif
|
| 商品详情 | ![]() goodsDetail.gif
|
指示器效果预览
| 说明 | Gif |
|---|---|
| LineView固定宽度 | ![]() lineView.gif
|
| LineView京东风格 | ![]() jdLineView.gif
|
| LineView爱奇艺风格 | ![]() aiqyLineView.gif
|
| LineView回旋风格 | ![]() huigunLineView.gif
|
| LineView与Item等宽 | ![]() equlWidthLineView.gif
|
| LineView分割线 | ![]() separatorLineView.gif
|
| LineView背景 | ![]() backgroundLineView.gif
|
| LineView椭圆形 | ![]() ellipseLineView.gif
|
| LineView椭圆形加阴影 | ![]() ellipseShadowLineView.gif
|
| LineView文字遮罩 | ![]() maskBackgroundLineView.gif
|
| LineView文字遮罩加背景和阴影 | ![]() maskBackgroundShadowLineView.gif
|
| LineView三角形 | ![]() triangleLineView.gif
|
| LineView小红点加数字 | ![]() numberLineView.gif
|
| LineView点线效果 | ![]() pointLineLineView.gif
|
| LineViewQQ红点 | ![]() qqPointLineView.gif
|
还有其他效果请看GitHub

















