Android之scrollview滑动使标题栏渐变背景色的实例代码

 更新时间:2018年05月14日 13:16:33   作者:岁月LICHENGAN  
这篇文章主要介绍了Android之scrollview滑动使标题栏渐变背景色的实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

之前也是在网上看到这种效果,不过是滚动listview来改变标题栏的颜色,感觉那个应用的比较少,比如我要滚动scrollview来实现呢,那么问题就来了,废话少说,看一下要实现的效果先(这是在项目应用的效果)。

直接上源代码:

一、核心类(ObservableScrollView.java)

package com.jukopro.titlebarcolor; 
import android.content.Context; 
import android.util.AttributeSet; 
import android.widget.ScrollView; 
/** 
 * 带滚动监听的scrollview 
 * 
 */ 
public class ObservableScrollView extends ScrollView { 
 public interface ScrollViewListener { 
  void onScrollChanged(ObservableScrollView scrollView, int x, int y, 
    int oldx, int oldy); 
 } 
 private ScrollViewListener scrollViewListener = null; 
 public ObservableScrollView(Context context) { 
  super(context); 
 } 
 public ObservableScrollView(Context context, AttributeSet attrs, 
   int defStyle) { 
  super(context, attrs, defStyle); 
 } 
 public ObservableScrollView(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); 
  } 
 } 
} 

二、具体使用(MainActivity.java)

package com.jukopro.titlebarcolor; 
import android.app.Activity; 
import android.graphics.Color; 
import android.os.Bundle; 
import android.view.ViewTreeObserver; 
import android.view.ViewTreeObserver.OnGlobalLayoutListener; 
import android.widget.ArrayAdapter; 
import android.widget.ImageView; 
import android.widget.ListView; 
import android.widget.TextView; 
import com.jukopro.titlebarcolor.ObservableScrollView.ScrollViewListener; 
public class MainActivity extends Activity implements ScrollViewListener{ 
 private ObservableScrollView scrollView; 
 private ListView listView; 
 private ImageView imageView; 
 private TextView textView; 
 private int imageHeight; 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
  scrollView = (ObservableScrollView) findViewById(R.id.scrollview); 
  listView = (ListView) findViewById(R.id.listview); 
  imageView = (ImageView) findViewById(R.id.imageview); 
  textView = (TextView) findViewById(R.id.textview); 
  initListeners(); 
  initData(); 
 } 
 private void initListeners() { 
  // 获取顶部图片高度后,设置滚动监听 
  ViewTreeObserver vto = imageView.getViewTreeObserver(); 
  vto.addOnGlobalLayoutListener(new OnGlobalLayoutListener() { 
   @Override 
   public void onGlobalLayout() { 
    imageView.getViewTreeObserver().removeGlobalOnLayoutListener( 
      this); 
    imageHeight = imageView.getHeight(); 
    scrollView.setScrollViewListener(MainActivity.this); 
   } 
  }); 
 } 
 private void initData() { 
  ArrayAdapter<String> adapter = new ArrayAdapter<String>(MainActivity.this, android.R.layout.simple_list_item_1, getResources().getStringArray(R.array.data)); 
  listView.setAdapter(adapter); 
 } 
 @Override 
 public void onScrollChanged(ObservableScrollView scrollView, int x, int y, 
   int oldx, int oldy) { 
  // TODO Auto-generated method stub 
  // Log.i("TAG", "y--->" + y + " height-->" + height); 
  if (y <= 0) { 
   textView.setBackgroundColor(Color.argb((int) 0, 227, 29, 26));//AGB由相关工具获得,或者美工提供 
  } else if (y > 0 && y <= imageHeight) { 
   float scale = (float) y / imageHeight; 
   float alpha = (255 * scale); 
   // 只是layout背景透明(仿知乎滑动效果) 
   textView.setBackgroundColor(Color.argb((int) alpha, 227, 29, 26)); 
  } else { 
   textView.setBackgroundColor(Color.argb((int) 255, 227, 29, 26)); 
  } 
 } 
} 

三、XML(activity_main.xml)

<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="${relativePackage}.${activityClass}" > 
 <com.jukopro.titlebarcolor.ObservableScrollView 
  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/imageview" 
    android:layout_width="match_parent" 
    android:layout_height="200dp" 
    android:background="@drawable/zuqiu" /> 
   <com.jukopro.titlebarcolor.MyListview 
    android:id="@+id/listview" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" > 
   </com.jukopro.titlebarcolor.MyListview> 
  </LinearLayout> 
 </com.jukopro.titlebarcolor.ObservableScrollView> 
 <TextView 
  android:id="@+id/textview" 
  android:layout_width="match_parent" 
  android:layout_height="48dp" 
  android:gravity="center" 
  android:text="我是标题" 
  android:textSize="18sp" 
  android:textColor="@android:color/white" 
  android:background="#00000000" /> 
</RelativeLayout>
 

还不懂的童鞋可以下载源代码.

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • Android自定义View实现水波纹效果

    Android自定义View实现水波纹效果

    这篇文章主要为大家详细介绍了Android自定义View实现水波纹效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • Android中DrawerLayout+ViewPager滑动冲突的解决方法

    Android中DrawerLayout+ViewPager滑动冲突的解决方法

    这篇文章主要为大家详细介绍了Android中DrawerLayout+ViewPager滑动冲突的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • 月下载量上千次Android实现二维码生成器app源码分享

    月下载量上千次Android实现二维码生成器app源码分享

    既然是二维码生成器那么我们如何制作二维码呢?这篇文章为大家分享了月下载量上千次Android实现二维码生成器app源码,希望大家喜欢
    2015-12-12
  • Android ViewFlipper的简单使用

    Android ViewFlipper的简单使用

    这篇文章主要为大家详细介绍了Android ViewFlipper的简单使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Android开发中ViewPager实现多页面切换效果

    Android开发中ViewPager实现多页面切换效果

    ViewPager用于实现多页面的切换效果,该类存在于Google的兼容包里面,所以在引用时记得在BuilldPath中加入“Android-support-v4.jar”。具体详情大家可以参考下本文
    2016-11-11
  • Android 多媒体播放API简单实例

    Android 多媒体播放API简单实例

    这篇文章主要介绍了Android 多媒体播放API简单实例的相关资料,这里附有代码实例及实现效果图,需要的朋友可以参考下
    2016-12-12
  • Android使用Canvas绘制圆形进度条效果

    Android使用Canvas绘制圆形进度条效果

    这篇文章主要为大家详细介绍了Android使用Canvas绘制圆形进度条效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • android实现简易计算器

    android实现简易计算器

    这篇文章主要为大家详细介绍了android实现简易计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • android通用xml解析方法

    android通用xml解析方法

    之前做的网络相关的应用,里面涉及到了xml的解析,由于急于完成任务也没有设计就直接敲代码。这几天给一个朋友做项目的时候也涉及到了xml的解析,而且解析的内容比较多,我查看了以前的项目中的相关代码,顿时觉得很多代码都是可以优化的。在此写两个通用的xml解析方法,当然这里所讲的通用只是在一定程度上并且需要遵守一些规范。
    2013-03-03
  • 基于Android自定义控件实现刮刮乐效果

    基于Android自定义控件实现刮刮乐效果

    这篇文章主要介绍了基于Android自定义控件实现刮刮乐效果 的相关资料,需要的朋友可以参考下
    2015-12-12

最新评论