android搜索框上下滑动变色效果

搜索框上下滑动变透明度是现在APP中很常见的效果，先看看效果：

首先来看下布局骨架：

<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="www.sf.com.searchframe.MainActivity"> 

 <ListView
 android:id="@+id/listview"
 android:layout_width="match_parent"
 android:layout_height="match_parent" /> 

 <!--搜索框-->
 <LinearLayout
 android:id="@+id/ll_search"
 android:layout_width="match_parent"
 android:layout_height="50dp"
 android:background="#00ab95"
 android:orientation="horizontal">
 ......
 </LinearLayout> 

</RelativeLayout>

整体就是一个相对布局，搜索框直接覆盖在listview上面，效果图最上方的图片是listview的头布局；
这个效果主要用到listview的滑动监听；
在listview滑动的时候不停的获取，imageview距离屏幕顶部的距离；
然后获取到imageview本身的高度；
通过这两个值判断imageview是否滑出屏幕，根据不同情况设置搜索框的透明度；

mListView.setOnScrollListener(new AbsListView.OnScrollListener() { 

  //监听滑动状态的改变
  public void onScrollStateChanged(AbsListView view, int scrollState) {
  } 

  //用于监听ListView屏幕滚动
  public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { 

  int[] ints = new int[2];
  mImage.getLocationOnScreen(ints);
  /**
   * mImage距离屏幕顶部的距离(图片顶部在屏幕最上面，向上滑动为负数，所以取反)
   * 如果不隐藏状态栏，需要加上状态栏的高度；隐藏状态栏就不用加了；
   */
  int scrollY = -ints[1]+statusHeight; 

  //mImage这个view的高度
  int imageHeight = mImage.getHeight(); 

  if (mImage != null && imageHeight > 0) {
   //如果“图片”没有向上滑动，设置为全透明
   if (scrollY < 0) {
   llSearch.getBackground().setAlpha(0);
   } else {
   //“图片”已经滑动，而且还没有全部滑出屏幕，根据滑出高度的比例设置透明度的比例
   if (scrollY < imageHeight) {
    int progress = (int) (new Float(scrollY) / new Float(imageHeight) * 255);//255
    llSearch.getBackground().setAlpha(progress);
   } else {
    //“图片”全部滑出屏幕的时候，设为完全不透明
    llSearch.getBackground().setAlpha(255);
   }
   }
  } 

  }
 });

源码下载：http://xiazai.jb51.net/201611/yuanma/AndroidSearch(jb51.net).rar

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • Android EditText搜索框实现图标居中

    Android EditText搜索框实现图标居中

    类似这样EditText 搜索框,hiht 提示有一个icon并且text内容. 重写EditText : package mobi.truekey.weapp2.widget; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Paint; import android.graphics.dr

  • Android搜索框SearchView属性和用法详解

    Android搜索框SearchView属性和用法详解

    SearchView简介 SearchView是Android原生的搜索框控件,它提供了一个用户界面,用于用户搜索查询. SearchView默认是展示一个search的icon,点击icon展开搜索框,如果你想让搜索框默认就展开,可以通过setIconifiedByDefault(false);实现. SearchView属性 SearchView使用 xml中定义SearchView: <?xml version="1.0" encoding="utf-8"

  • Android 根据EditText搜索框ListView动态显示数据

    Android 根据EditText搜索框ListView动态显示数据

    根据EditText搜索框ListView动态显示数据是根据需求来的,觉得这之中涉及的东西可能比较的有意思,所以动手来写一写,希望对大家有点帮助. 首先,我们来分析下整个过程: 1.建立一个layout,包含一个EditText搜索框和一个ListView 2.创建一个数据集mData,用于ListView的Adapter的创建 3.添加EditText的文本改变的监听器 4.利用notifyDataSetChanged()动态更新ListView 第一步:创建一个搜索框 这个还是比较容易的,这

  • Android中如何实现清空搜索框的文字

    Android中如何实现清空搜索框的文字

    需求:项目中的有关搜索的地方,加上清空文字的功能,目的是为了增加用户体验,使用户删除文本更加快捷 解决过程:开始的时候感觉这个东西不太好实现,主要就是布局的问题,可能是开始顾虑的太多了,再加上当时产品催的不太紧,而且这个功能也不是必须实现的.但是今天不一样了,这个是老大让加上的,说别的很多应用中都有这个功能,没办法那就加上呗,试着去使用了相对布局去实现,把一个删除按键放在编辑框的右上方,当文字的时候就把删除按键给显示出来,当编辑框为空的时候就把删除按键给隐藏掉.布局代码 <?xml versio

  • Android的搜索框架实例详解

    基础知识 Android的搜索框架将代您管理的搜索对话框,您不需要自己去开发一个搜索框,不需要担心要把搜索框放什么位置,也不需要担心搜索框影响您当前的界面.所有的这些工作都由SearchManager类来为您处理(以下简称"搜索管理器"),它管理的Android搜索对话框的整个生命周期,并执行您的应用程序将发送的搜索请求,返回相应的搜索关键字. 当用户执行一个搜索,搜索管理器将使用一个专门的Intent把搜索查询的关键字传给您在配置文件中配置的处理搜索结果的Activity.从本质上讲

  • Android SearchView搜索框组件的使用方法

    Android SearchView搜索框组件的使用方法

    SearchView是搜索框组件,它可以让用户在文本框里输入文字,通过监听器取得用户的输入,当用户点击搜索时,监听器执行实际的搜索. 本文就为大家分享了SearchView搜索框组件的使用方法,供大家参考,具体内容如下 效果: 代码SearchActivity.java package com.jialianjia.bzw.activity; import android.os.Bundle; import android.widget.ArrayAdapter; import android.

  • Android搜索框组件SearchView的基本使用方法

    Android搜索框组件SearchView的基本使用方法

    SearchView是android系统中内置的一个搜索框组件,可以很方便在添加在用户界面之上,但是也带来了一些问题,那就是searchview的UI是固定的,定制起来会很麻烦,如果对SearchView的要求比较高,完全可以采用button和EditText自己实现.这里先简单的说说SearchView的使用: main.xml: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" x

  • Android搜索框通用版

    Android搜索框通用版

    之前项目总会遇到很多搜索框类的功能,虽然不是很复杂,不过每次都要去自己处理数据,并且去处理搜索框的变化,写起来也比较麻烦,今天来做一个比较简单的通用搜索栏. 先看下效果图: 没什么特别的,只是今天要做的就是简单的把搜索框的内容封装一下. 一.分析功能 先考虑一下,搜索框一般都是由一个搜索图标(一般都是一个放大镜),一个输入框和一个清除按钮组成.然后会通过监听输入框的变化去处理清除按钮的显示和隐藏并且去过滤相关的数据.最后去刷新适配器,显示过滤后的数据.基本上搜索框的功能都大同小异. 有了上边的分

  • Android实现简单实用的搜索框

    Android实现简单实用的搜索框

    本文实例为大家分享了Android实现搜索框展示的具体代码,供大家参考,具体内容如下 展示效果 代码区 SouActivity public class SouActivity extends AppCompatActivity implements TextWatcher{ @BindView(R.id.app_sou) EditText appSou; @BindView(R.id.app_sou_list) ListView appSouList; @BindView(R.id.activ

  • Android搜索框（SearchView）的功能和用法详解

    SearchView是搜索框组件,它可以让用户在文本框里输入文字,通过监听器取得用户的输入,当用户点击搜索时,监听器执行实际的搜索. 1.SearchView组件的常用方法如下: ①setIconifiedByDefault(boolean iconified) ===> 设置搜索框默认是否自动缩小为图标. ②setOnQueryTextListener(SearchView,OnQueryTextListener listener) ===> 为搜索框设置监听器 ③setSubmitButt

随机推荐