快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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

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

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:申请域名、网络空间、营销软件、网站建设、广水网站维护、网站推广。

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

step1:设定布局

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


    
      
          
      
    
    

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


当前标题:Android开发实现标题随scrollview滑动变色的方法详解
转载来于:http://6mz.cn/article/iegsjc.html

其他资讯