Android实现透明度可变的标题栏效果_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标题栏效果
vb 窗口标题栏透明度、win10 标题栏透明度、标题栏 透明度、可变透明度玻璃、js实现滑动标题栏,以便于您获取更多的相关知识。

时间: 2024-12-24 20:27:04

Android实现透明度可变的标题栏效果_Android的相关文章

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

我们在做类似于个人主页类应用的时候,可能会遇到这样的需求,效果如下 相信大家应该看明白是什么效果了,就是随着列表的滑动,上面的标题栏的透明度会随之变化.在IOS中,有很多的软件有这种效果,下面,我们看一下这种效果是如何实现的. 先看一下项目的目录 我们可以看到,目录结构很简单,因为我这个地方是使用的XListview代替的Listview,有很多文件都是XListview自带的,所以显得文件多一些,如果没使用过XListview,请先百度XListview看看. 这里面,我们需要重点关注的只有一

Android 使用CoordinatorLayout实现滚动标题栏效果的实例

在Material Design里,CoordinatorLayout通常用来作为顶层视图,来协调处理各个子View之间的动作,从而实现各种动画效果,如Snackbar与FloatingActionButton的配合显示效果,就是以CoordinatorLayout作为根布局来实现的 CoordinatorLayout提供Behaviors接口,子View通过实现Behaviors接口来协调和其它View之间的显示效果,可以这么理解: CoordinatorLayout让其子View之间互相知道

Android 沉浸式状态栏及悬浮效果_Android

一.概述 现在大多数的电商APP的详情页长得几乎都差不多,几乎都是上面一个商品的图片,当你滑动的时候,会有Tab悬浮在上面,这样做用户体验确实不错,如果Tab滑上去,用户可能还需要滑下来,在来点击Tab,这样确实很麻烦.沉浸式状态栏那,郭霖说过谷歌并没有给出沉浸式状态栏这个明白,谷歌只说了沉浸式模式(Immersive Mode).不过沉浸式状态栏这个名字其实听不粗,随大众吧,但是Android的环境并没有iOS环境一样特别统一,比如华为rom的跟小米rom的虚拟按键完全不一样,所有Androi

Android编程自定义title bar(标题栏)示例_Android

本文实例讲述了Android编程自定义title bar(标题栏)的方法.分享给大家供大家参考,具体如下: package com.test; import android.app.Activity; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.drawable.Drawable; import andr

Android中自定义view实现侧滑效果_Android

效果图: 看网上的都是两个view拼接,默认右侧的不显示,水平移动的时候把右侧的view显示出来.但是看最新版QQ上的效果不是这样的,但给人的感觉却很好,所以献丑来一发比较高仿的. 知识点: 1.ViewDragHelper 的用法: 2.滑动冲突的解决: 3.自定义viewgroup. ViewDragHelper 出来已经比较久了 相信大家都比较熟悉,不熟悉的话google一大把这里主要简单用一下它的几个方法 1.tryCaptureView(View child, int pointerI

Android使用ViewPager实现无限滑动效果_Android

前言 其实仔细想一下原理还是挺简单的.无非是当我们滑动到最后一页,再向后滑动时定位到第一页;当我们滑动到第一页,再向前滑动时定位到最后一页. 但是,相信很多朋友都遇到过这个问题:视图的过度效果不自然. 小编也是通过百度和谷歌查找了很多解决方案,实验了很多方法,总结了一个相对不错的方法,接下来给各位分享下滑动效果.实现细节以及一些踩过的坑. 1.无限滑动效果(左右无限滑动) 事先准备好2张滑动图片(有想试验的小伙伴,自备图片啊,小编就不提供了...) 运行效果图(左右无限循环): 为了显示更加直观

Android实现广告图片轮播效果_Android

本文实例介绍了Android广告轮播图效果实现方法,分享给大家供大家参考,具体内容如下 首先看下一下布局文件: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:

Android仿斗鱼直播的弹幕效果_Android

记得之前有位朋友在我的公众号里问过我,像直播的那种弹幕功能该如何实现?如今直播行业确实是非常火爆啊,大大小小的公司都要涉足一下直播的领域,用斗鱼的话来讲,现在就是千播之战.而弹幕则无疑是直播功能当中最为重要的一个功能之一,那么今天,我就带着大家一起来实现一个简单的Android端弹幕效果. 分析 首先我们来看一下斗鱼上的弹幕效果,如下图所示: 这是一个Dota2游戏直播的界面,我们可以看到,在游戏界面的上方有很多的弹幕,看直播的观众们就是在这里进行讨论的. 那么这样的一个界面该如何实现呢?其实并

Android自定义View实现折线图效果_Android

下面就是结果图(每种状态用一个表情图片表示): 一.主页面的布局文件如下: <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=&quo