高仿淘宝商品详情标题栏渐变

1.效果图

直接上效果图.

第一次录制gif,经验不足.网上搜索大家推荐licecap.尝试后的确不错,操作比较简单.但有一个细节需要注意,不能有中文路径.

2.实现思路

(1)总体思路:

滑动时,标题栏颜色发生渐变.标题栏点击后,定位到具体的位置.整个界面可以分为标题栏、界面2部分。而界面分为图片、评论、商户详情3部分.

(2)如何实现标题栏的渐变:

先在布局中写好，根据滑动位置的情况，将标题栏的颜色（包括字体颜色）有最浅的颜色，逐渐变成最终稳定的颜色（比如我的是黑色）

(3)如何实现点击标题后定位到具体位置：

说白一点，就是获取图片、评论、商户详情这三个控件的高度。点击事件后，滑动相应高度即可

3.实现细节

(1)布局

3.1.1公司使用的自定义ScrollView.
3.1.2.图片、评论、商户详情三部分控件的高度需要,布局中需要体现.具体代码见源码

(2)逻辑实现

3.2.1.自定义的ScrollView.
监听新旧横向、纵向的位置,通过接口回调的方式传递给activity进行相应操作.代码如下:

public class MyCustomScrollView extends ScrollView {