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'
第一步:生成布局视图
xmlns:tools="http://schemas.android.com/tools"
android:background="#f2f2f2"
android:layout_width="match_parent"
android:layout_height="match_parent">
android:id="@+id/recycler"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
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"/>
第二步:直接上其他主要的代码,其注释很详细,不多说
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 滑动缩放监听,基于Android的ViewPager动画特效实现页面左右滑动效果(实现缩放...
基于Android的ViewPager动画特效实现页面左右滑动效果(实现缩放 基于Android的ViewPager动画特效实现页面左右滑动效果(实现缩放和透明效果) 在上一个项目的基础上做修改,项目 ...
- android 仿搜索动画,Android仿京东顶部搜索框滑动伸缩动画效果
最近使用京东发现,京东顶部的搜索框有一个新的伸缩效果,根据用户的手势滑动,伸缩搜索框.觉得效果还不错,就看了下其他的应用有没有这种伸缩的效果,发现安居客也使用了类似的一种效果,然后就想着实现这样的一种 ...
- android 缩放透明动画,Android旋转、平移、缩放和透明度渐变的补间动画
android实现旋转.平移.缩放和透明度渐变的补间动画,具体实现如下: 1.在新建项目的res目录中,创建一个名为anim的目录,并在该目录中创建实现旋转.平移.缩放和透明度渐变的动画资源文件. 透 ...
- android 上下扫描动画,Android扫描雷达动画
很简单的一个组合动画,用好基本动画啥子效果都不怕 老规矩先上图 效果图.gif ok 来 既然往下翻那就看看如何实现的吧 首先效果分为两部分 第一部分中间指针(其实这里就是一张图片) 第二部分就是波纹 ...
- android 指示器平移动画,Android实现带指示器的自动轮播式ViewPager
前言 最近在做项目的时候,有个需求就是实现自动轮播式的ViewPager,最直观的例子就是知乎日报顶部的ViewPager,它内部有着好几个子view,每个一段时间便自动滑动到下一个item view ...
- android显示绘图动画,Android自定义View绘图实现渐隐动画
实现了一个有趣的小东西:使用自定义view绘图,一边画线,画出的线条渐渐变淡,直到消失.效果如下图所示: 用属性动画或者渐变填充(shader)可以做到一笔一笔的变化,但要想一笔渐变(手指不抬起边画边 ...
- android studio实现动画,android studio上的基本动画实现(第一篇)
hello,各位小伙伴们,在不少小伙伴们刚刚开始学习android的时候,经常会有一些project里面须要有一些基本动画的插入,那么具体是要怎么实现呢?咱们接下一块儿分析一下在android中的几种 ...
- android编程xml动画,Android中xml设置Animation动画效果详解
在Android中,Animation动画效果的实现可以通过两种方式进行实现,一种是tweened animation渐变动画,另一种是frame by frame animation画面转换动画. ...
- android 直播评论动画,Android自定义View实现直播点赞特效
由于开发的需要,需要开发类似直播点赞特效的需求,于是自定义View来实现这种效果 案例图: 1.自定义View import android.animation.Animator; import an ...
最新文章
- 谈谈《潜伏在办公室》对管理层的影响
- python 其他函数调用 __init__ 初始化的值
- Django rest_framework 认证源码流程
- Windows Mobile与OPhone开发对比
- LoadRunner 测试Oracle数据库及Siebel性能
- Linux服务器---网络配置
- 第12章 使用Samba或NFS实现文件共享
- PHP FPM源代码反刍品味之三: 多进程模型
- 面试—每日一题(8)
- select默认选中的option_技巧:MacOS 中 Option 键的隐藏功能
- ubuntu环境下,ubuntu16.04装机到nvdia显卡驱动安装、cuda8安装、cudnn安装
- 分享一个外泌体数据库
- 从入门到放弃C语言-入门篇(1)
- 自定义函数求两个整数的绝对差值及排序
- 修改动态表情包【保姆级教学】
- python 中的 Fraction和GCD求最大公约数
- 傅里叶级数推导过程--通俗易懂,强烈推荐!!!
- 如何使用“GPU 呈现模式”进行卡顿问题定位
- 想给你的Mac换个可心的高清壁纸?Mac好用的桌面壁纸软件推荐
- Spring Boot + Shiro 使用 DefaultWebSessionManager 导致 Druid Monitor 监听不到 Session 问题解决方案