布局首页分析实现
完成最终效果
这个效果还是挺常见的哈
效果分析:
顶部是一个工具类,并且为了该工具类可以复用。(其他界面也用到)最好是单独封装起来
中间内容可以左右滚动,并且有分页效果。可以通过封装UIView,并且里面添加UICollectionView方式。
封装构造函数,让别人在创建对象时,就传入其实需要显示的内容
frame:创建对象时确定了frame就可以直接设置子控件的位置和尺寸
isScrollEnable:是否可以滚动。某些地方该控件是可以滚动的。
titles:显示的所有标题
设置UI界面
添加UIScrollView,如果标题过多,则可以滚动
初始化所有的Label,用于显示标题。并且给label添加监听手势
添加顶部线和滑块的View
封装构造函数,让别人在创建对象时,就传入其实需要显示的内容
所有用于显示在UICollectionView的Cell的所有控制器
控制器的父控制器
设置UI界面
将所有的子控制器添加到父控制器中
添加UICollectionView,用于展示内容
在返回Cell的方法中,先将cell的contentView中的子控件都移除,防止循环引用造成问题
取出indexPath.item对应的控制器,将控制器的View添加到Cell的contentView中
通过代理将PageTitleView的事件传递出去
内部调整
在PageContentView中设置当前应该滚动的位置
首先在scrollViewDidScroll的代理方法中就可以监听滚动
那么滚动时,我们有哪些内容是需要传递出去呢?
1> 原来位置的Title颜色会逐渐变暗
2> 目标位置的Title颜色会逐渐变亮
3> 变化程度是和滚动的多少相关
由此得出结论:
我们一共需要获取三个值,并且将这三个值传递出去
1> 起始位置下标值
2> 目标位置下标值
3> 当前滚动的进度
图例分析(缺)
左右滑动时,下标值、进度是不同的
需要经过判断来获取,并且下标值需要防止越界问题
注意:当左滑结束时,此时再+1会出错。因此必须加上targetIndex = sourceIndex,且进度为1
实现代码
根据滚动传入的值,调整PageTitleView
两种颜色必须使用RGB值设置(方便通过RGB实现渐变效果)
调整scrollLine&两个Label颜色渐变
封装顶部的PageTitleView
封装构造函数
设置UI界面
封装顶部的PageCotentView
封装构造函数
设置UI界面内容
实现UICollectionView的数据源方法
PageTitleView点击改变PageContentView
PageContentView滚动调整PageTitleView
更多实用的干货,请登录520it.com,小码哥社区。
推荐阅读:雅迪战警x7
-
高通晒成绩单:全球34家OEM采用骁龙X55
近日,高通公司宣布目前已有34家原始设备制造商(OEM)承诺在明年推出的商用5G宽带设备中采用其骁龙X55调制解调器。这些5G宽带设备称为5G固定无线接入阵列(...
2019-10-17 -
中俄(重庆)两江经贸合作对接会在两江新区举行
10月16日,在中俄建交70周年之际,中俄(重庆)两江经贸合作对接会在两江新区举行。此次活动得到了重庆市商务委、重庆海关的大力支持。来自俄罗斯联邦政府驻中国商务...
2019-10-17 -
智能家装市场调查:智能家居的真实状况
亿欧智库发布《2019H1中国创投数据报告》,家居行业排在了倒数第一的位置,近三个月也未曾追加哪怕一星半点。截至2019年6月30日,家居融资发生次数30起,融...
2019-10-17 -
阿里董事局主席张勇:新旅行要超越消费者期望,
【环球网科技综合报道 记者 勃潺】10月16日,在飞猪新旅行商家大会上,阿里巴巴集团董事局主席兼首席执行官张勇表示,阿里巴巴20年发展,形成了面向消费者和企业两...
2019-10-17 -
16家影视公司交上第三季度成绩单:哪吒发威,
暑期档制造爆款,也催生流量。无论是大银幕上的藕饼CP,还是小荧屏上的“现男友”,他们成为今夏影视作品热门话题担当。当秋天来临,站在这些作品背后的幕后推手,也开始...
2019-10-17 -
携高端家电亮相广交会,海尔实现出口单价业内唯
本报10月16日讯 正在举行的第126届秋季广交会上,海尔携系列高端创新产品亮相。作为今年以来出口家电单价唯一上涨的品牌,海尔不仅在此次广交会上展示了系列高端产...
2019-10-17 -
腾讯宝马加持的四维图新“熄火”?Q3净利暴跌
“风口”上的四维图新,难道只能活在梦想中?10月15日,北京四维图新科技股份有限公司(以下简称“四维图新”)发布了2019年前三季度业绩预告。预告显示,四维图新...
2019-10-17 -
财鑫闻|“春天”还是“寒冬”外资零售企业频转
大众网·海报新闻济南10月16日讯(记者 辛振东)10月11日,麦德龙宣布将其中国业务出售给物美,物美将在双方成立的合资公司中占股80%,此次交易金额估计超百亿...
2019-10-17