欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2023-11-13 13:43:34
本文实例讲述了android开发实现标题随scrollview滑动变色的方法。分享给大家供大家参考,具体如下: 要实现某个view的背景透明度跟随scrollview滑动...

本文实例讲述了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);
    }
  }
}

效果如下:

滑动前

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

滑动变色中

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

参考的view超出屏幕后

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

更多关于android相关内容感兴趣的读者可查看本站专题:《android基本组件用法总结》、《android开发入门与进阶教程》、《android布局layout技巧总结》、《android视图view技巧总结》、《android编程之activity操作技巧总结》、《android资源操作技巧汇总》及《android控件用法总结

希望本文所述对大家android程序设计有所帮助。