解析ScrollView--仿QQ空间标题栏渐变

 更新时间:2017年05月02日 08:53:57   作者:ganchuanpu  
本篇文章主要介绍了仿QQ空间标题栏渐变的实现方法的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧

先看一下效果图:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context="com.hankkin.gradationtitlebar.QQSpeakActivity">

 <com.hankkin.gradationscroll.GradationScrollView
  android:id="@+id/scrollview"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:scrollbars="none">
  <LinearLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:orientation="vertical" >
   <ImageView
    android:id="@+id/iv_banner"
    android:scaleType="fitXY"
    android:src="@drawable/banner3"
    android:layout_width="match_parent"
    android:layout_height="200dp" />
   <com.hankkin.gradationscroll.NoScrollListview
    android:id="@+id/listview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >
   </com.hankkin.gradationscroll.NoScrollListview>
  </LinearLayout>
 </com.hankkin.gradationscroll.GradationScrollView>
 <TextView
  android:paddingBottom="10dp"
  android:id="@+id/textview"
  android:layout_width="match_parent"
  android:layout_height="55dp"
  android:gravity="center|bottom"
  android:text="我是标题"
  android:textSize="18sp"
  android:textColor="@color/transparent"
  android:background="#00000000" />
</RelativeLayout>
public class GradationScrollView extends ScrollView {

 public interface ScrollViewListener {
  void onScrollChanged(GradationScrollView scrollView, int x, int y,
        int oldx, int oldy);
 }

 private ScrollViewListener scrollViewListener = null;

 public GradationScrollView(Context context) {
  super(context);
 }

 public GradationScrollView(Context context, AttributeSet attrs,
        int defStyle) {
  super(context, attrs, defStyle);
 }

 public GradationScrollView(Context context, AttributeSet attrs) {
  super(context, attrs);
 }

 public void setScrollViewListener(ScrollViewListener scrollViewListener) {
  this.scrollViewListener = scrollViewListener;
 }
 @Override
 protected void onScrollChanged(int x, int y, int oldx, int oldy) {
  super.onScrollChanged(x, y, oldx, oldy);
  if (scrollViewListener != null) {
   scrollViewListener.onScrollChanged(this, x, y, oldx, oldy);
  }
 }
}

我们需要获取图片的高度,并且设置滚动监听,随着滚动的距离来设置标题栏的颜色透明度和字体颜色的透明度

/**
 * 获取顶部图片高度后,设置滚动监听
*/
private void initListeners() {
  ViewTreeObserver vto = ivBanner.getViewTreeObserver();
  vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
   @Override
   public void onGlobalLayout() {
    textView.getViewTreeObserver().removeGlobalOnLayoutListener(
      this);
    height = ivBanner.getHeight();

    scrollView.setScrollViewListener(QQSpeakActivity.this);
   }
  });
 }
  
/**
  * 滑动监听
  * @param scrollView
  * @param x
  * @param y
  * @param oldx
  * @param oldy
*/
@Override
public void onScrollChanged(GradationScrollView scrollView, int x, int y,
        int oldx, int oldy) {
  // TODO Auto-generated method stub
  if (y <= 0) { //设置标题的背景颜色
   textView.setBackgroundColor(Color.argb((int) 0, 144,151,166));
  } else if (y > 0 && y <= height) { //滑动距离小于banner图的高度时,设置背景和字体颜色颜色透明度渐变
   float scale = (float) y / height;
   float alpha = (255 * scale);
   textView.setTextColor(Color.argb((int) alpha, 255,255,255));
   textView.setBackgroundColor(Color.argb((int) alpha, 144,151,166));
  } else { //滑动到banner下面设置普通颜色
   textView.setBackgroundColor(Color.argb((int) 255, 144,151,166));
  }
 }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!

相关文章

  • 浅析Android文件存储

    浅析Android文件存储

    本文详细介绍了android的外部存储和私有存储。大家在有保存文件的需求的时候,根据自己的需要,选择到底是存在哪里比较合适。内部存储相对较小,不介意把一些大文件存在其中。应该存在外部存储会更好。对于可以给其他文件访问的,可以存在外部存储的公有文件里面
    2021-06-06
  • Android实现背景图滑动变大松开回弹效果

    Android实现背景图滑动变大松开回弹效果

    这篇文章主要为大家详细介绍了Android实现背景图滑动变大松开回弹效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Android调用堆栈跟踪实例分析

    Android调用堆栈跟踪实例分析

    这篇文章主要介绍了Android调用堆栈跟踪的方法,以实例形式较为详细的分析了Android错误信息分析的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Android程序开发之WebView使用总结

    Android程序开发之WebView使用总结

    这篇文章主要介绍了Android程序开发之WebView使用总结的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • Flutter UI实现侧拉抽屉菜单

    Flutter UI实现侧拉抽屉菜单

    这篇文章主要为大家详细介绍了Flutter UI实现侧拉抽屉菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Android 启动 Service(startservice和bindservice) 两种方式的区别

    Android 启动 Service(startservice和bindservice) 两种方式的区别

    andrid service 两种启动方式:第一种startservice,第二种bindservice,大家对这两种启动方式的区别了解吗,下面跟着小编一起学习吧
    2015-11-11
  • Android编程使用HTTP协议与TCP协议实现上传文件的方法

    Android编程使用HTTP协议与TCP协议实现上传文件的方法

    这篇文章主要介绍了Android编程使用HTTP协议与TCP协议实现上传文件的方法,结合实例形式较为详细的分析了Android使用HTTP协议与TCP协议的具体步骤与实现文件传输的相关技巧,需要的朋友可以参考下
    2016-01-01
  • Android移除Message的方法分享

    Android移除Message的方法分享

    本篇文章主要介绍MessageQueue提供的各种移除Message的方法,大概有八九个,接下来会对其中比较典型的移除方法进行详细分析,需要的可以参考一下
    2022-10-10
  • Android webview加载https链接错误或无响应的解决

    Android webview加载https链接错误或无响应的解决

    这篇文章主要介绍了Android webview加载https链接错误或无响应的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • android文件操作——读取assets和raw文件下的内容

    android文件操作——读取assets和raw文件下的内容

    本篇文章主要介绍了android文件操作——读取assets和raw文件下的内容,并附简单实例代码,需要的朋友可以参考下。
    2016-10-10

最新评论