Android开发实现标题随scrollview滑动变色的方法详解
2017-11-20 11:47
886 查看
本文实例讲述了Android开发实现标题随scrollview滑动变色的方法。分享给大家供大家参考,具体如下:
要实现某个view的背景透明度跟随scrollview滑动而改变需要重新scrollview的onOverScrolled方法,该方法随着滑动变化(包括手指滑动、手指移开惯性滑动)而响应,所以最适合做变色处理。
step1:设定布局
由于我们要实现的是滑动时标题的背景透明度改变,固定顶部的标题view不能在srcollview里面跟随滑动,所以需要这样布局:
<FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <com.****.ScrollChangeScrollView android:id="@+id/scrollView" android:layout_width="match_parent" android:layout_height="match_parent" android:fillViewport="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:drawablePadding="5dp" android:drawableTop="@drawable/dicovery_vintner_icon_wine" android:gravity="center" android:text="葡萄酒" android:textColor="@color/hometitlebg" /> </LinearLayout> </com.***.ScrollChangeScrollView> <Button android:id="@+id/btn_back" android:layout_width="match_parent" android:layout_height="35dp" android:layout_centerVertical="true" android:background="@null" android:drawableLeft="@drawable/icon_back" android:padding="10dp" /> </FrameLayout>
step2:添加需要用到的方法
滑动时,某个view要变色,重新scrollview后,添加方法让其知道该view需要变色
private View mTitleView; /** * 变色标题view * @param view */ public void setupTitleView (View view) { this.mTitleView = view; }
滑动时变色需要参考scrollview里面的某个子view的滑动高度,如果该子view上划完全划出屏幕,则标题view背景透明为0:
private View mByWhichView; /** * 跟随的view * @param view */ public void setupByWhichView(View view) { mByWhichView = view; }
再添加一个设置,如果不要背景透明度渐变:
private boolean shouldSlowlyChange; public void setShouldSlowlyChange(boolean slowlyChange) { this.shouldSlowlyChange = slowlyChange; }
step3:代码实现
** * 滑动时标题变色view * Created by george.yang on 16/2/21. */ public class ScrollChangeScrollView extends ScrollView { private View mByWhichView; private View mTitleView; private boolean shouldSlowlyChange = true; public ScrollChangeScrollView(Context context) { super(context); } public ScrollChangeScrollView(Context context, AttributeSet attrs) { super(context, attrs); } public ScrollChangeScrollView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } @TargetApi(Build.VERSION_CODES.LOLLIPOP) public ScrollChangeScrollView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) { super(context, attrs, defStyleAttr, defStyleRes); } @Override public void scrollTo(int x, int y) { //这是为了修复noScrllListView嵌套在srcollview时就自动滑动到noscrolllistview的顶部的bug,不影响使用 if (x == 0 && y == 0 || y <= 0) { super.scrollTo(x, y); } } public void setListener(OnScrollListener listener){ this.mListener = listener; } public void setShouldSlowlyChange(boolean slowlyChange) { this.shouldSlowlyChange = slowlyChange; } /** * 设置透明度渐变的标题view * @param view */ public void setupTitleView (View view) { this.mTitleView = view; } /** * 跟随的view * @param view */ public void setupByWhichView(View view) { mByWhichView = view; } @Override protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX, boolean clampedY) { super.onOverScrolled(scrollX, scrollY, clampedX, clampedY); if (scrollY >= mByWhichView.getTop() + mByWhichView.getMeasuredHeight()) { mTitleView.setBackgroundColor(Color.BLACK); } else if (scrollY>=0) { if (!shouldSlowlyChange) { mTitleView.setBackgroundColor(Color.TRANSPARENT); } else { float persent = scrollY * 1f / (mByWhichView.getTop() + mByWhichView.getMeasuredHeight()); int alpha = (int) (255 * persent); int color = Color.argb(alpha,0,0,0); mTitleView.setBackgroundColor(color); } } if (mListener!=null) { mListener.onScroll(scrollX, scrollY); } } }
效果如下:
滑动前
滑动变色中
参考的view超出屏幕后
更多关于Android相关内容感兴趣的读者可查看本站专题:《Android基本组件用法总结》、《Android开发入门与进阶教程》、《Android布局layout技巧总结》、《Android视图View技巧总结》、《Android编程之activity操作技巧总结》、《Android资源操作技巧汇总》及《Android控件用法总结》
希望本文所述对大家Android程序设计有所帮助。
您可能感兴趣的文章:
- android开发仿ios的UIScrollView实例代码
- 详解Android ScrollView嵌套EditText出现的滑动问题
- android ScrollView实现下拉放大头部图片
- Android自定义scrollView实现顶部图片下拉放大
- Android给scrollView截图超过屏幕大小形成长图
- Android沉浸式状态栏 + actionBar渐变 + scrollView顶部伸缩效果
- Android开发基于ScrollView实现的渐变导航栏效果示例
- Android自定义ScrollView使用自定义监听
- Android开发实现ScrollView中嵌套两个ListView的方法
- Android Webview与ScrollView的滚动兼容及留白处理的方法
- Android 自定义 HorizontalScrollView 打造多图片OOM 的横向滑动效果(实例代码)
- Android ScrollView粘性头部代码分享
相关文章推荐
- Android开发控制ScrollView滑动速度的方法
- 详解Android中实现ListView左右滑动删除条目的方法
- Android中ScrollView实现滑动距离监听器的方法
- 【Android】Android开发实现带有反弹效果,仿IOS反弹scrollview详解教程
- Android开发之滑动ScrollView实现ToolBar半透明效果
- Android开发进阶自定义控件之滑动开关实现方法【附demo源码下载】
- Android开发实现ScrollView中嵌套两个ListView的方法
- Android实现左右滑动效果的方法详解
- 简单记录下ListView滑动时标题逐渐变色的实现方法
- android scrollview 滑动到顶端或者指定位置的实现方法
- 详解Android中实现ListView左右滑动删除条目的方法
- Android开发实现带有反弹效果仿IOS反弹scrollview教程详解
- android 轻松搞定标题随scrollview滑动变色
- Android开发实现ListView异步加载数据的方法详解
- android 搞定标题随scrollview滑动变色
- Android Listview分组特效:滑动分组标题当前固定,并随内容滑动(andrroid原生电话本实现方法)
- Android开发中方向传感器定义与用法详解【附指南针实现方法】
- Android 自定义ScrollView实现滑动时状态栏变色。
- [置顶] 【Android】Android开发实现带有反弹效果,仿IOS反弹scrollview详解教程
- How:android开发中实现TextView垂直滚屏效果的方法