android 顶部布局变色,Android开发实现标题随scrollview滑动变色的方法详解

Android开发实现标题随scrollview滑动变色的方法详解

发布时间：2020-09-11 00:47:56

来源：脚本之家

阅读：148

作者：touch_ping

本文实例讲述了Android开发实现标题随scrollview滑动变色的方法。分享给大家供大家参考，具体如下：

要实现某个view的背景透明度跟随scrollview滑动而改变需要重新scrollview的onOverScrolled方法，该方法随着滑动变化(包括手指滑动、手指移开惯性滑动)而响应，所以最适合做变色处理。

step1:设定布局

由于我们要实现的是滑动时标题的背景透明度改变，固定顶部的标题view不能在srcollview里面跟随滑动，所以需要这样布局:

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/scrollView"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:fillViewport="true">

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

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" />

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" />

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程序设计有所帮助。