描述
可添加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
网友评论