Android简单实现滚动悬停效果
- import android.content.Context;
- import android.support.design.widget.TabLayout;
- import android.support.v7.app.AppCompatActivity;
- import android.os.Bundle;
- import android.support.v7.widget.LinearLayoutManager;
- import android.support.v7.widget.RecyclerView;
- import android.view.MotionEvent;
- import android.view.View;
- public class DesignStickyActivity extends AppCompatActivity {
- private LinearLayoutManager manager;
- private RecyclerView recyclerview;
- private String[] tabTxt = {"android", "java", "视频", "UI", "ios", "产品","老板","下午茶"};
- private TabLayout tabLayout;
- //判读是否是recyclerView主动引起的滑动,true- 是,false- 否,由tablayout引起的
- private boolean isRecyclerScroll;
- //记录上一次位置,防止在同一内容块里滑动 重复定位到tablayout
- private int lastPos;
- //用于recyclerView滑动到指定的位置
- private boolean canScroll;
- private int scrollToPosition;
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.activity_design_scroll);
- recyclerview = findViewById(R.id.recyclerview);
- tabLayout = findViewById(R.id.tablayout);
- //tablayout设置标签
- for (int i = 0; i < tabTxt.length; i++) {
- tabLayout.addTab(tabLayout.newTab().setText(tabTxt[i]));
- }
- //计算内容块所在的高度,全屏高度-状态栏高度-tablayout的高度(这里固定高度50dp),用于recyclerView的最后一个item view填充高度
- int screenH = getScreenHeight();
- int statusBarH = getStatusBarHeight(this);
- int tabH = 50 * 3;
- int lastH = screenH - statusBarH - tabH;
- manager = new LinearLayoutManager(this);
- recyclerview.setLayoutManager(manager);
- recyclerview.setAdapter(new MyAdapter(this, tabTxt, lastH));
- tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
- @Override
- public void onTabSelected(TabLayout.Tab tab) {
- //点击标签,使recyclerView滑动,isRecyclerScroll置false
- int pos = tab.getPosition();
- isRecyclerScroll = false;
- moveToPosition(manager, recyclerview, pos);
- }
- @Override
- public void onTabUnselected(TabLayout.Tab tab) {
- }
- @Override
- public void onTabReselected(TabLayout.Tab tab) {
- }
- });
- recyclerview.setOnTouchListener(new View.OnTouchListener() {
- @Override
- public boolean onTouch(View v, MotionEvent event) {
- //当滑动由recyclerView触发时,isRecyclerScroll 置true
- if (event.getAction() == MotionEvent.ACTION_DOWN) {
- isRecyclerScroll = true;
- }
- return false;
- }
- });
- recyclerview.addOnScrollListener(new RecyclerView.OnScrollListener() {
- @Override
- public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
- super.onScrollStateChanged(recyclerView, newState);
- if (canScroll) {
- canScroll = false;
- moveToPosition(manager, recyclerView, scrollToPosition);
- }
- }
- @Override
- public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
- super.onScrolled(recyclerView, dx, dy);
- if (isRecyclerScroll) {
- //第一个可见的view的位置,即tablayou需定位的位置
- int position = manager.findFirstVisibleItemPosition();
- if (lastPos != position) {
- tabLayout.setScrollPosition(position, 0, true);
- }
- lastPos = position;
- }
- }
- });
- }
- public void moveToPosition(LinearLayoutManager manager, RecyclerView mRecyclerView, int position) {
- // 第一个可见的view的位置
- int firstItem = manager.findFirstVisibleItemPosition();
- // 最后一个可见的view的位置
- int lastItem = manager.findLastVisibleItemPosition();
- if (position <= firstItem) {
- // 如果跳转位置firstItem 之前(滑出屏幕的情况),就smoothScrollToPosition可以直接跳转,
- mRecyclerView.smoothScrollToPosition(position);
- } else if (position <= lastItem) {
- // 跳转位置在firstItem 之后,lastItem 之间(显示在当前屏幕),smoothScrollBy来滑动到指定位置
- int top = mRecyclerView.getChildAt(position - firstItem).getTop();
- mRecyclerView.smoothScrollBy(0, top);
- } else {
- // 如果要跳转的位置在lastItem 之后,则先调用smoothScrollToPosition将要跳转的位置滚动到可见位置
- // 再通过onScrollStateChanged控制再次调用当前moveToPosition方法,执行上一个判断中的方法
- mRecyclerView.smoothScrollToPosition(position);
- scrollToPosition = position;
- canScroll = true;
- }
- }
- private int getScreenHeight() {
- return getResources().getDisplayMetrics().heightPixels;
- }
- public int getStatusBarHeight(Context context) {
- int result = 0;
- int resourceId = context.getResources()
- .getIdentifier("status_bar_height", "dimen", "android");
- if (resourceId > 0) {
- result = context.getResources().getDimensionPixelSize(resourceId);
- }
- return result;
- }
- }
布局:
- <?xml version="1.0" encoding="utf-8"?>
- <android.support.design.widget.CoordinatorLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- xmlns:app="http://schemas.android.com/apk/res-auto"
- android:layout_width="match_parent"
- android:layout_height="match_parent">
- <android.support.design.widget.AppBarLayout
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- android:background="@color/gray"
- app:elevation="0dp">
- <TextView
- android:layout_width="match_parent"
- android:layout_height="200dp"
- android:background="@android:color/holo_orange_light"
- android:gravity="center"
- android:text="这是头部滚动部分"
- app:layout_scrollFlags="scroll"/>
- <android.support.design.widget.TabLayout
- android:id="@+id/tablayout"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- app:tabIndicatorColor="@color/colorAccent"
- app:tabMode="scrollable"
- app:tabSelectedTextColor="@color/colorAccent" />
- </android.support.design.widget.AppBarLayout>
- <android.support.v7.widget.RecyclerView
- android:id="@+id/recyclerview"
- android:layout_width="match_parent"
- android:layout_height="wrap_content"
- app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
- </android.support.design.widget.CoordinatorLayout>
RecyclerView中的adapter
- package com.tabscroll;
- import android.content.Context;
- import android.support.v7.widget.RecyclerView;
- import android.view.LayoutInflater;
- import android.view.View;
- import android.view.ViewGroup;
- import android.widget.LinearLayout;
- public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {
- private Context context;
- private String[] tabTxt;
- private int lastH;
- public MyAdapter(Context context, String[] tabTxt, int lastH) {
- this.context = context;
- this.tabTxt = tabTxt;
- this.lastH = lastH;
- }
- @Override
- public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
- View view = LayoutInflater.from(context).inflate(R.layout.adapter_view, parent, false);
- MyViewHolder viewHolder = new MyViewHolder(view);
- return viewHolder;
- }
- @Override
- public void onBindViewHolder(MyViewHolder holder, int position) {
- holder.anchorView.setContentTxt(tabTxt[position]);
- holder.anchorView.setAnchorTxt(tabTxt[position]);
- //判断最后一个view
- if (position == tabTxt.length - 1) {
- System.out.println("positon 》"+position);
- if (holder.anchorView.getHeight() < lastH) {
- LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
- params.height = lastH;
- holder.anchorView.setLayoutParams(params);
- }
- }else {
- LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT);
- holder.anchorView.setLayoutParams(params);
- }
- }
- @Override
- public int getItemCount() {
- return tabTxt.length;
- }
- public static class MyViewHolder extends RecyclerView.ViewHolder {
- private AnchorView anchorView;
- public MyViewHolder(View itemView) {
- super(itemView);
- anchorView = itemView.findViewById(R.id.anchorView);
- }
- }
- }
效果如下:
Android简单实现滚动悬停效果的更多相关文章
- Android 滑动定位+吸附悬停效果实现
在前两篇文章中,分别介绍了tablayout+scrollview 和 tablayout+recyclerview 实现的滑动定位的功能,文章链接: Android 实现锚点定位 Android t ...
- JQuery实现资讯上下滚动悬停效果
第一步:使用repeater绑定一个table. <table width="530" id="rollBar"> <asp:Repeater ...
- 滚动视差效果——background-attachment
滚动视差效果的实现原理是在同一个页面上将页面元素分为多层,例如可以分为背景.内容.贴图层,在滚动页面的时候让三者滚动的速度不一,从而在人的视觉上能够形成一种立体的近似效果.最近在做一个项目wiki的时 ...
- Android ScrollView滚动实现大众点评、网易云音乐评论悬停效果
今天听着网易云音乐,写着代码,真是爽翻了. http://blog.csdn.net/linshijun33/article/details/47910833 网易云音乐这个产品亮点应该在评论这一模块 ...
- Android对ScrollView滚动监听,实现美团、大众点评的购买悬浮效果
转帖请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/17761431),请尊重他人的辛勤劳动成果,谢谢! 我之前写 ...
- android - TextView单行显示...或者文字左右滚动(走马灯效果)
条件 TextView单行显示,文字左右滚动(走马灯效果)实现条件: 实现单行设置固定宽度或者设置权重都行 代码 TextView滚动必须写下面几个属性 android:singleLine=&quo ...
- 实例源码--Android图片滚动切换效果
下载源码 技术要点: 1.图片滚动切换技术 2.详细的源码注释 ...... 详细介绍: 1.图片滚动切换技术 本套源码实现了类似于网站图片滚动推广效果,效果不错,很不错的参考源码 2.源码目录 运 ...
- 在android中用跑马灯的效果显示textview
大家好,在我们通常的android project中,通常需要用到textview这一个布局文件,并且对于这一个显示布局所需要的文本文字内容. 下面我们就来介绍一种方法来实现在android中用跑马灯 ...
- Android 实现书籍翻页效果----升级篇
自从之前发布了<Android 实现书籍翻页效果----完结篇 >之后,收到了很多朋友给我留言,前段时间由于事情较多,博客写得太匆忙很多细节地方没有描述清楚.所以不少人对其中的地方有不少不 ...
随机推荐
- yum nginx最新版安装
去官方站点获取yum仓库 [root@web01 ~]# cat /etc/yum.repos.d/nginx.repo [nginx] name=nginx repo baseurl=http:// ...
- WIN10试用
技巧 Win10技巧3.智能化窗口排列 排列窗口时后面的内容被挡住无疑让人倍感郁闷,Win10很好地解决了这个问题.当我们通过拖拽法将一个窗口分屏显示时(目前仅限1/2比例),操作系统就会利用屏幕剩余 ...
- httpd基于域名不同的虚拟主机配置
apache2.2.x版本 1. 注释主配置文件/etc/httpd/conf/httpd.conf中的 DoucumentRoot #DocumentRoot "/var/www/html ...
- 基于LPCXpresso54608开发板创建Embedded Wizard UI应用程序
平台集成和构建开发环境:LPCXpresso 54608入门指南 本文主要介绍了创建一个适用于LPCXpresso54608开发板的Embedded Wizard UI应用程序所需的所有必要步骤.请一 ...
- STM32 LoRaWAN探索板B-L072Z-LRWAN1中文用户手册
UM2115用户手册 支持LoRaWAN和 LPWAN协议的STM32L0探索套件 前言 B-L072Z-LRWAN1探索套件采用了 Murata公司的CMWX1ZZABZ-091 LoRa模块.该探 ...
- orm多表查询基于双下划线
###########基于双下划线的跨表查询(基于join实现的)############# key: 正向查询按字段,反向查询按表名小写 1.查询python这本书出版社的名字 ret = Book ...
- .NET Core WebAPI IIS 部署问题
虽然建了 .NET Core 的项目,基本的一些功能也实现了,运行什么的也没有问题,但是一直没有直接发布. 今天就进行了发布测试,结果问题还是来了,只是你不去做自然就不会出现. 一.基本发布 1.先是 ...
- PWA相关代码
sw.js 文件 let CacheName = 'plus-v1'; var filesToCache = [ ]; self.addEventListener('install', functio ...
- MySQL Navicat Premium 保存sql语句
一.新建查询 二.编写sql语句并保存 1.保存到内部 1.Ctrl+s保存当前查询文件 2.下次打开可点击查询点击上次保存的查询文件名打开上次查询的文件 2.保存到外部 1.默认保存至 C:\Use ...
- python中的lambda()函数
语句:print map(lambda x:x ** 2,[1,2,3,4,5]) 其中lambda()函数在Python文档,文档中解释如下: lambda An anonymous inline ...