Android实现透明度可变的标题栏效果

 更新时间:2016年02月22日 11:02:29   作者:rain  
这篇文章主要介绍了Android实现透明度可变的标题栏效果的相关资料,具有一定的参考价值,需要的朋友可以参考下

我们在做类似于个人主页类应用的时候,可能会遇到这样的需求,效果如下


相信大家应该看明白是什么效果了,就是随着列表的滑动,上面的标题栏的透明度会随之变化。在IOS中,有很多的软件有这种效果,下面,我们看一下这种效果是如何实现的。
先看一下项目的目录

我们可以看到,目录结构很简单,因为我这个地方是使用的XListview代替的Listview,有很多文件都是XListview自带的,所以显得文件多一些,如果没使用过XListview,请先百度XListview看看。
这里面,我们需要重点关注的只有一个文件,就是MainActivity,我们的关键代码都在这里,下面,我们看一下代码实现

/**
 * 透明度可变的标题栏
 * 
 * @author Zhao KaiQiang
 * 
 * @Time 2014-6-20 上午11:46:42
 */
public class MainActivity extends Activity implements OnScrollListener {

 private XListView listView;
 // 标题栏的布局
 private RelativeLayout rl_title;
 // ListView的头布局
 private View headerView;
 // 头布局的高度
 private int headerHeight;
 private LayoutInflater inflater;
 private Handler handler = new Handler();

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 rl_title = (RelativeLayout) findViewById(R.id.rl_title);
 listView = (XListView) findViewById(R.id.list);

 rl_title.getBackground().setAlpha(0);
 inflater = LayoutInflater.from(this);
 headerView = inflater.inflate(R.layout.header_listview, null);
 // 添加头布局
 listView.addHeaderView(headerView);
 listView.setAdapter(new MyAdapter());
 // 设置滚动监听
 listView.setOnScrollListener(this);
 // 设置可以刷新与加载更多
 listView.setPullLoadEnable(true);
 listView.setPullRefreshEnable(true);
 listView.setXListViewListener(new IXListViewListener() {

  @Override
  public void onRefresh() {
  // 单纯的模拟刷新过程
  handler.postDelayed(new Runnable() {

   @Override
   public void run() {
   listView.stopRefresh();
   }
  }, 500);
  }

  @Override
  public void onLoadMore() {
  // 单纯的模拟加载过程
  handler.postDelayed(new Runnable() {

   @Override
   public void run() {
   listView.stopLoadMore();
   }
  }, 500);
  }
 });

 }

 // 自定义适配器
 private class MyAdapter extends BaseAdapter {

 // 默认显示10个item
 @Override
 public int getCount() {
  return 10;
 }

 @Override
 public Object getItem(int position) {
  return position;
 }

 @Override
 public long getItemId(int position) {
  return position;
 }

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
  if (convertView == null) {
  convertView = inflater.inflate(R.layout.item_list, null);
  }

  return convertView;
 }

 }

 @Override
 public void onScrollStateChanged(AbsListView view, int scrollState) {

 }

 // 最重要的方法,标题栏的透明度变化在这个方法实现
 @Override
 public void onScroll(AbsListView listView, int firstVisibleItem,
  int visibleItemCount, int totalItemCount) {
 // 判断当前最上面显示的是不是头布局,因为Xlistview有刷新控件,所以头布局的位置是1,即第二个
 if (firstVisibleItem == 1) {
  // 获取头布局
  View view = listView.getChildAt(0);
  if (view != null) {
  // 获取头布局现在的最上部的位置的相反数
  int top = -view.getTop();
  // 获取头布局的高度
  headerHeight = view.getHeight();
  // 满足这个条件的时候,是头布局在XListview的最上面第一个控件的时候,只有这个时候,我们才调整透明度
  if (top <= headerHeight && top >= 0) {
   // 获取当前位置占头布局高度的百分比
   float f = (float) top / (float) headerHeight;
   rl_title.getBackground().setAlpha((int) (f * 255));
   // 通知标题栏刷新显示
   rl_title.invalidate();
  }
  }
 } else if (firstVisibleItem > 1) {
  rl_title.getBackground().setAlpha(255);
 } else {
  rl_title.getBackground().setAlpha(0);
 }
 }

}

代码是不是不复杂?我们只需要实现onScroll方法就可以,在这里面,完成我们对HeaderView的位置的检测,然后通过HeaderView的高度和显示的高度来计算比例,设置到TitleBar的背景图片的透明度即可。

是不是很神奇,希望大家喜欢。

相关文章

  • Android Studio自动排版的两种实现方式

    Android Studio自动排版的两种实现方式

    这篇文章主要介绍了Android Studio自动排版的两种实现方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • 完美解决虚拟按键遮盖底部视图的问题

    完美解决虚拟按键遮盖底部视图的问题

    下面小编就为大家分享一篇完美解决虚拟按键遮盖底部视图的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • android 一些工具类汇总

    android 一些工具类汇总

    本文给大家汇总介绍了一些常用的Android工具类,非常的简单实用,有需要的小伙伴可以参考下
    2016-08-08
  • Android应用程序签名步骤及相关知识介绍

    Android应用程序签名步骤及相关知识介绍

    本文主要介绍Android应用程序签名相关的理论知识,包括:什么是签名、为什么要给应用程序签名、如何给应用程序签名等,感兴趣的朋友可以参考下哈
    2013-04-04
  • Angular.JS中的指令与参数详解

    Angular.JS中的指令与参数详解

    指令(Directives)是所有AngularJS应用最重要的部分。而指令难点就在于参数,所以下面这篇文章主要给大家介绍了Angular.JS中指令与参数的相关资料,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-03-03
  • Android音频焦点管理实例详解

    Android音频焦点管理实例详解

    音频是个专业术语,音频一词已用作一般性描述音频范围内和声音有关的设备及其作用,人类能够听到的所有声音都称之为音频,它可能包括噪音等,下面这篇文章主要给大家介绍了关于Android音频焦点管理的相关资料,需要的朋友可以参考下
    2022-01-01
  • Android  PreferenceActivity与PreferenceFragment详解及简单实例

    Android PreferenceActivity与PreferenceFragment详解及简单实例

    这篇文章主要介绍了Android PreferenceActivity与PreferenceFragment详解及简单实例的相关资料,需要的朋友可以参考下
    2016-12-12
  • 官网项目Jetpack Startup库学习

    官网项目Jetpack Startup库学习

    这篇文章主要为大家介绍了官网项目Jetpack Startup库学习,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • Android LineChart绘制多条曲线的方法

    Android LineChart绘制多条曲线的方法

    这篇文章主要为大家详细介绍了Android LineChart绘制多条曲线的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • Android实现知乎选项卡动态隐藏效果实例

    Android实现知乎选项卡动态隐藏效果实例

    选项卡相信对大家来说应该不陌生,最近发现知乎选项卡的动态隐藏效果不错,下面这篇文章主要给大家介绍了关于Android实现知乎选项卡动态隐藏效果的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2018-02-02

最新评论