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'

第一步:生成布局视图

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
       xmlns:tools="http://schemas.android.com/tools"
       android:background="#f2f2f2"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
  <android.support.v7.widget.RecyclerView
    android:id="@+id/recycler"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
  <TextView
    android:background="#ffffff"
    android:paddingTop="5dp"
    android:paddingBottom="5dp"
    android:gravity="center_horizontal"
    tools:visibility="visible"
    android:textColor="#000000"
    android:textSize="20sp"
    android:id="@+id/home_text"
    android:visibility="invisible"
    android:text="首页"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>
</FrameLayout>

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

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  # 标题栏渐变  # Android中自定义标题栏样式的两种方法  # 3种Android隐藏顶部状态栏及标题栏的方法  # Android自定义状态栏颜色与应用标题栏颜色一致  # Android中去掉标题栏的几种方法(三种)  # Android 全屏无标题栏的三种实现方法  # Android中隐藏标题栏和状态栏的方法  # Android 使用CoordinatorLayout实现滚动标题栏效果的实例  # Android ScrollView滑动实现仿QQ空间标题栏渐变  # Android中隐藏状态栏和标题栏的方法汇总（隐藏状态栏、标题栏的五种方法）  # Android实现可折叠式标题栏  # 多说  # 首页  # 小编  # 在此  # 是由  # 给大家  # 第二步  # 所述  # 到第  # 给我留言  # 第三步  # 感谢大家  # 就可以  # 显示效果  # 标题栏  # 不透明  # 早上好  # 疑问请  # 有任何  # 器中 

相关文章： IOS倒计时设置UIButton标题title的抖动问题  微信小程序 input输入框控件详解及实例（多种示例）  如何在万网主机上快速搭建网站？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  制作旅游网站html,怎样注册旅游网站？  如何用PHP工具快速搭建高效网站？  海南网站制作公司有哪些,海口网是哪家的？  建站之星免费模板：自助建站系统与智能响应式一键生成  建站主机功能解析：服务器选择与快速搭建指南  SQL查询语句优化的实用方法总结  如何实现建站之星域名转发设置？  ,巨量百应是干嘛的？  如何高效利用亚马逊云主机搭建企业网站？  如何通过网站建站时间优化SEO与用户体验？  岳西云建站教程与模板下载_一站式快速建站系统操作指南  实例解析angularjs的filter过滤器  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  如何注册花生壳免费域名并搭建个人网站？  如何在橙子建站中快速调整背景颜色？  如何用腾讯建站主机快速创建免费网站？  黑客入侵网站服务器的常见手法有哪些？  如何用景安虚拟主机手机版绑定域名建站？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  免费ppt制作网站,有没有值得推荐的免费PPT网站？  c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  如何续费美橙建站之星域名及服务？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  常州自助建站费用包含哪些项目？  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  建站之星如何快速生成多端适配网站？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  TestNG的testng.xml配置文件怎么写  建站之星官网登录失败？如何快速解决？  建站之星安装后界面空白如何解决？  如何通过老薛主机一键快速建站？  5种Android数据存储方式汇总  网站制作壁纸教程视频,电脑壁纸网站？  建站主机选哪家性价比最高？  ui设计制作网站有哪些,手机UI设计网址吗？  三星网站视频制作教程下载,三星w23网页如何全屏？  如何配置支付宝与微信支付功能？  建站主机默认首页配置指南：核心功能与访问路径优化  如何快速重置建站主机并恢复默认配置？  个人摄影网站制作流程,摄影爱好者都去什么网站？  外贸公司网站制作哪家好,maersk船公司官网？  如何批量查询域名的建站时间记录？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？