2. 程式人生 > >recyclerview 實現卡片滑動效果

recyclerview 實現卡片滑動效果

阿新 • • 發佈：2019-02-20
public void attachToRecyclerView(RecyclerView recyclerView,int margin){ if(recyclerView == null){ return; } mRecycler = recyclerView; if(margin <= 0){ mMargin = mDefaultMargin; }else { mMargin = margin; } initView(); final CustomLinearSnapHelper helper = new CustomLinearSnapHelper(); recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrollStateChanged(RecyclerView recyclerView, int newState) { super.onScrollStateChanged(recyclerView, newState); if(newState == RecyclerView.SCROLL_STATE_IDLE
){ if(mDistances == 0 || mDistances == (mItemCount*mItemwidth)){ helper.mStateIdle = true; }else{ helper.mStateIdle = false; } } } @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); if(recyclerView.getLayoutManager().getLayoutDirection() == LinearLayoutManager.HORIZONTAL
){ mDistances += dx; getCurrentPosition(); setItemScale(); } } }); helper.attachToRecyclerView(recyclerView); } //這裡獲取item的寬與countitem數 protected void initView( ){ mRecycler.post(new Runnable() { @Override public void run() { mItemCount = mRecycler.getAdapter().getItemCount(); mItemwidth = mRecycler.getWidth() - 2 * mMargin; mRecycler.smoothScrollToPosition(mCurrentPosition); setItemScale(); } }); } //item在滑動時，進行動畫的縮放 public void setItemScale(){ View leftView = null; View rightView = null; if(mCurrentPosition > 0){ leftView = mRecycler.getLayoutManager().findViewByPosition(mCurrentPosition - 1); } View currentView = mRecycler.getLayoutManager().findViewByPosition(mCurrentPosition); if(mCurrentPosition < (mItemCount - 1)){ rightView = mRecycler.getLayoutManager().findViewByPosition(mCurrentPosition +1); } //滑動百分比，左右的都是放大，中間縮小
float percent = Math.abs((mDistances - mCurrentPosition * mItemwidth*1.0f)/mItemwidth); if(leftView != null){ //這裡是縮小原來大小的0.8-1.0 左右0.8，中間1.0 0.8+(percent*0.2) leftView.setScaleY(0.8f+(percent*0.2f)); } if(currentView != null){ currentView.setScaleY(1-0.2f*percent); } if(rightView != null){ rightView.setScaleY(0.8f+(percent*0.2f)); } } protected void getCurrentPosition(){ if(mItemwidth <= 0) return; boolean change = false; if (Math.abs(mDistances - mCurrentPosition * mItemwidth) >= mItemwidth) { change = true; } if (change) { //這裡是從0開始的 mCurrentPosition = mDistances / mItemwidth; } } public static void setItemPosition(int position){ this.mCurrentPosition = position; this.mDistances = position * mItemwidth;

相關推薦

recyclerview 實現卡片滑動效果

public void attachToRecyclerView(RecyclerView recyclerView,int margin){ if(recyclerView == null){ return; } mRecycler = recyclerView;

仿探探的卡片滑動效果-recyclerView實現

這裡是一個通過自定義view和自定義RecyclerView的:layoutManager，再結合ItemTouchHelper實現的一個仿探探的卡片滑動的效果: 效果圖已經奉上，接下來是程式碼: 首先是每張圖片的佈局:item <LinearLayout xm

recyclerView實現左右滑動的效果

這裡是一個通過自定義view和自定義RecyclerView的:layoutManager，再結合ItemTouchHelper實現的一個仿探探的卡片滑動的效果: 對應的介面卡裡面 的  class  viewhodler  前面 換成  public 要不調不到 第

RecyclerView實現終極畫廊效果 中間突出並且壓住兩側布局

div -1 我認 with lis dsi style only his 先給大家上個gif 要不然下面很枯燥 忘記原來在哪裏看到了..... 這個效果我找了NNNNNN長時間,,,我認為憑我現在的能力 寫出來需要好久 所以 退而求其次找大神寫好的... 你們不

Android使用GestureDetector實現手勢滑動效果

void tco event else if rate method sta pro 手勢滑動 直接看實例： package com.example.gesturedetector; import android.os.Bundle; import

unity3d實現廣告滑動效果

ans cto 代碼 tag itween ngui logs lap image 新建了一個帶mask的prefab，加上代碼只需要將圖片prefab、按鈕prefab和所想添加的圖片 拖進去會自動生成按鈕，滑動速度可以隨意調time，滑動效果用itween實現的，所以需

Android中利用RecyclerView實現瀑布流效果

RecyclerView相比於傳統的ListView,功能更加強大，使用也比較方便，因此Android官方更加推薦使用RecycleView,未來也會有更多的程式逐漸從ListView轉向RecycleView。為此，首先先來了解下RecycleView的用法。當然，最先看

Android控制元件RecyclerView實現橫向滑動、瀑布流。

在開發的過程中，我們經常使用ListView控制元件，但是ListView也有它的缺點，就是它不能夠左右滑動資料，執行效率不高； 所以我們可以使用更強大的控制元件RecyclerView，可以說它是一個增強版的ListView，Google推薦使用，那就簡單的

自定義 ViewGroup ，實現卡片堆疊效果

需求 想做一個卡片堆疊效果的滑動，兩個檢視，滑動過程將第二個view疊加在第一個view上邊，形成疊加的效果，有點像 NestedScrollView + CoordinatorLayout + Toolbar 的效果。預覽圖如下： 看起來有點像 NestedScrollV

【自定義View】4.ViewPager卡片滑動效果

【難度★☆☆☆☆】前面我們學過了ViewPager的原理，那麼接下來我們實現一個帶縮放卡片式的ViewPager，它可以用來展示圖片，展示卡片式的UI。   許多時候我們閒原生的ViewPager的效果太過單調，於是我們想做一些更好的UI效果，比如下面

RecyclerView 實現橫向滾動效果

我相信很久以前，大家在談橫向圖片輪播是時候，優先會選擇具有HorizontalScrollView效果和ViewPager來做，不過自從Google大會之後，系統為我們提供了另一個控制元件RecyclerView。RecyclerView是listview之後的又一利器，它可

水平recyclerview實現翻頁效果

前言：recyclerview 是一個非常強大的佈局檔案，擴充套件性極強。因此用它實現翻頁效果，效果會非常棒。本文只是實現翻頁，至於動畫和方向自行擴充套件。 方法：如果不熟悉recyclerview使用，可參考鴻陽大神的文章 1.翻頁的方向，預設向右或者

Android -- RecyclerView實現頂部吸附效果

package com.qianmo.stickyitemdecoration.bean; import java.util.List; /** * Created by Administrator on 2017/3/3 0003. * E-Mail：[email protected]

Android RecyclerView 實現快速滑動

前言： 使用RecyclerView時，呼叫smoothScrollToPostion()方法滑動到指定位置，但是條目很多時滑動的很慢，本篇文章就是實現RecyclerView的快速滑動。 先介紹如何實現，然後再介紹原理。 1. 實現程式碼 建立F

PopupWindow+RecyclerView實現上下滑動框功能

1.新建一個介面卡繼承自RecyclerView.Adapter  package aud.hik.com.audiorecordtool; import android.support.v7.widget.RecyclerView; import android.vie

recyclerview 實現正方形網格效果

如下圖所示，我們要實現類似圖片的效果： 首先想到的是使用gridviw實現，但是用gridview實現分割線效果比較繁瑣，恰巧鴻樣大神用Recycleview實現了gridview+分割線的效果，連結地址： http://blog.csdn.net/lmj62356579

Android ViewPager酷炫的卡片滑動效果

一、效果圖 二、實現程式碼 MainActivity.java package com.github.rubensousa.viewpagercards; import android.support.v4.view.ViewPager; imp

使用 RecyclerView 實現 Gallery 畫廊效果，並控制 Item 停留位置

RecyclerView 作為一個列表滑動控制元件，我們都知道它既可以橫向滑動，也可以豎直滑動，可以實現線性佈局管理，瀑布流佈局管理，還有 GridView 佈局管理。其實我們可以控制其 Item 的停留位置，並使其實現畫廊效果。如果大家熟悉 SnapHe

RecyclerView 實現瀑布流效果

上次用RecyclerView實現了ListView的效果，這次用RecyclerView實現一個瀑布流的效果~ 先上效果圖： 是不是感覺不錯啊~ 其實很簡單~ 只要換一個佈局管理器就行了 mRecyclerView.setLayoutManager(new Sta

Android 實現橫向滑動效果

首先我們要想象一下，一個水平滑動選擇器的樣子： 接下來是佈局的實現: 外層這裡我們使用普通的 HorizontalScrollView, scroll view的內部內容我們使用GridView來顯示多個像，並且這些物件是在一行顯示的。 12345678910111213141