热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android顶部标题栏随滑动时的渐变隐藏和渐变显示效果

这篇文章主要介绍了Android顶部标题栏随滑动时的渐变隐藏和渐变显示效果,非常不错,具有参考借鉴价值,需要的朋友可以参考下

各位早上好,话不多说,先上效果图:

这里写图片描述

注意顶部:首页TextView的变化(显示和隐藏)!

首先分析下:UI状态,其是由RecyclerView添加头部组成+RecyclerView

头部添加和RecyclerView分别引用如下:具体的分装数据的过程这里就不在说明,下篇博客会更加深入的写关于

RecyclerView总添加多种不同type类型

compile 'com.bartoszlipinski.recyclerviewheader:library:1.2.1'
compile 'com.android.support:recyclerview-v7:25.3.1'

第一步:生成布局视图


第二步:直接上其他主要的代码,其注释很详细,不多说

public class MainActivity extends AppCompatActivity {
  private TextView mTextView;
  private int mTextViewHeight;
  private RecyclerView mRecyclerView;
  private RecyclerViewHeader mRecyclerViewHeader;
  //头部图片(轮播图的高度)
  private int mRecyclerHeaderBannerHeight;
  //头部的高度
  private int mRecyclerHeaderHeight;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mTextView = (TextView) findViewById(R.id.home_text);
    //recyclerView填充数据(忽略不计)
    initData();
    mRecyclerView = (RecyclerView) findViewById(R.id.recycler);
    mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
    mRecyclerView.setAdapter(mAdapter);
    //获取到文本的高度
    mTextViewHeight = mTextView.getHeight();
    //轮播图片的高度--和xml图片的高度是一样的
    mRecyclerHeaderBannerHeight = (int) getResources().getDimension(R.dimen.home_page_banner_height);
    //RecyclerView每个Item之间的距离,和Adapter中设置的距离一样
    final int recyclerItemHeight = (int) getResources().getDimension(R.dimen.home_page_list_item_margin_top);
    //添加头部视图,其布局文件就忽略
    mRecyclerViewHeader = RecyclerViewHeader.fromXml(this, R.layout.list_item_prime_product_header);

    //设置其滑动事件
    mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
      @Override
      public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        //设置其透明度
        float alpha = 0;
        int scollYHeight = getScollYHeight(true, mRecyclerHeaderHeight);
        //起始截止变化高度,如可以变化高度为mRecyclerHeaderHeight
        int baseHeight = mRecyclerHeaderBannerHeight - recyclerItemHeight - mTextViewHeight;
        if(scollYHeight >= baseHeight) {
          //完全不透明
          alpha = 1;
        }else {
        //产生渐变效果
          alpha = scollYHeight / (baseHeight*1.0f);
        }
        mTextView.setAlpha(alpha);
        super.onScrolled(recyclerView, dx, dy);
      }
    });
    //将头部视图添加到RecyclerView中
    mRecyclerViewHeader.attachTo(mRecyclerView);
    //第一次进来其状态显示
    mRecyclerViewHeader.post(new Runnable() {
      @Override
      public void run() {
        mRecyclerHeaderHeight = mRecyclerViewHeader.getHeight();
        mTextViewHeight = mTextView.getHeight();
        mTextView.setVisibility(View.VISIBLE);
        mTextView.setAlpha(0);
      }
    });
  }

第三步:获取其滑动的距离

/**
   * 计算RecyclerView滑动的距离
   * @param hasHead 是否有头部
   * @param headerHeight RecyclerView的头部高度
   * @return 滑动的距离
   */
  private int getScollYHeight(boolean hasHead, int headerHeight) {
    LinearLayoutManager layoutManager = (LinearLayoutManager) mRecyclerView.getLayoutManager();
    //获取到第一个可见的position,其添加的头部不算其position当中
    int position = layoutManager.findFirstVisibleItemPosition();
    //通过position获取其管理器中的视图
    View firstVisiableChildView = layoutManager.findViewByPosition(position);
    //获取自身的高度
    int itemHeight = firstVisiableChildView.getHeight();
    //有头部
    if(hasHead) {
      return headerHeight + itemHeight*position - firstVisiableChildView.getTop();
    }else {
      return itemHeight*position - firstVisiableChildView.getTop();
    }
  }

以上:就可以实现其效果!

以上所述是小编给大家介绍的Android 顶部标题栏随滑动时的渐变隐藏和渐变显示效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


推荐阅读
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 深入理解OAuth认证机制
    本文介绍了OAuth认证协议的核心概念及其工作原理。OAuth是一种开放标准,旨在为第三方应用提供安全的用户资源访问授权,同时确保用户的账户信息(如用户名和密码)不会暴露给第三方。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • 在当前众多持久层框架中,MyBatis(前身为iBatis)凭借其轻量级、易用性和对SQL的直接支持,成为许多开发者的首选。本文将详细探讨MyBatis的核心概念、设计理念及其优势。 ... [详细]
  • 将Web服务部署到Tomcat
    本文介绍了如何在JDeveloper 12c中创建一个Java项目,并将其打包为Web服务,然后部署到Tomcat服务器。内容涵盖从项目创建、编写Web服务代码、配置相关XML文件到最终的本地部署和验证。 ... [详细]
  • XNA 3.0 游戏编程:从 XML 文件加载数据
    本文介绍如何在 XNA 3.0 游戏项目中从 XML 文件加载数据。我们将探讨如何将 XML 数据序列化为二进制文件,并通过内容管道加载到游戏中。此外,还会涉及自定义类型读取器和写入器的实现。 ... [详细]
  • 本文介绍如何在 Unity 的 XML 配置文件中,将参数传递给自定义生命周期管理器的构造函数。我们将详细探讨 CustomLifetimeManager 类的实现及其配置方法。 ... [详细]
  • 本文详细介绍了 Java 中 org.apache.xmlbeans.SchemaType 类的 getBaseEnumType() 方法,提供了多个代码示例,并解释了其在不同场景下的使用方法。 ... [详细]
  • 本文详细介绍了如何解决MyBatis中常见的BindingException错误,提供了多种排查和修复方法,确保Mapper接口与XML文件的正确配置。 ... [详细]
  • 基于KVM的SRIOV直通配置及性能测试
    SRIOV介绍、VF直通配置,以及包转发率性能测试小慢哥的原创文章,欢迎转载目录?1.SRIOV介绍?2.环境说明?3.开启SRIOV?4.生成VF?5.VF ... [详细]
  • 本文探讨了在通过 API 端点调用时,使用猫鼬(Mongoose)的 findOne 方法总是返回 null 的问题,并提供了详细的解决方案和建议。 ... [详细]
author-avatar
白小蛮
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有