2. 程式人生 > >Android RecyclerView、設定佈局管理器、設定Item增加、移除動畫、新增分割線

Android RecyclerView、設定佈局管理器、設定Item增加、移除動畫、新增分割線

阿新 • • 發佈：2018-11-09

概述

RecyclerView出現已經有一段時間了，相信大家肯定不陌生了，大家可以通過匯入support-v7對其進行使用。
據官方的介紹，該控制元件用於在有限的視窗中展示大量資料集，其實這樣功能的控制元件我們並不陌生，例如：ListView、GridView。

那麼有了ListView、GridView為什麼還需要RecyclerView這樣的控制元件呢？整體上看RecyclerView架構，提供了一種插拔式的體驗，高度的解耦，異常的靈活，通過設定它提供的不同LayoutManager，ItemDecoration , ItemAnimator實現令人瞠目的效果。

  • 你想要控制其顯示的方式，請通過佈局管理器LayoutManager
  • 你想要控制Item間的間隔（可繪製），請通過ItemDecoration
  • 你想要控制Item增刪的動畫，請通過ItemAnimator
  • 你想要控制點選、長按事件，請自己寫（擦，這點尼瑪。）

一.RecyclerView介紹

RecyclerView 是Android 5.0版本中新出現的東西，用來替代ListView和GridView的。

二.RecyclerView架構

RecyclerView使用佈局管理器LayoutManager和介面卡Adapter的介面卡模式去實現架構，不關心資料的來源。耦合性非常的底，使用者可以根據自己的使用者介面去實現相應的效果

三.RecyclerView的優點

  • 1.RecyclerView內部已經強制使用VIewHolder，優化了對Item中View的複用。

  • 2.提供了一個較為靈活的佈局管理類，LayoutManager，用來控制RecyclerView是線性展示還是垂直展示，以及可以設定成瀑布流。並且提供了ItemDecoration這個類，來靈活的讓使用者來設定分割線。

  • 3.用ItemAnimator可以對item進行佈局的刪減動畫效果。

 

設定佈局管理器：

1、豎向listview

rv.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));

2、橫向listview

rv.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false));

3、豎向gridView

rv.setLayoutManager(new GridLayoutManager(this, 5));

4、橫向gridview

rv.setLayoutParams(new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.WRAP_CONTENT));
rv.setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.HORIZONTAL));

5、瀑布流

rv.setLayoutParams(new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT, RelativeLayout.LayoutParams.MATCH_PARENT));
rv.setLayoutManager(new StaggeredGridLayoutManager(5, StaggeredGridLayoutManager.VERTICAL));

需在adapter隨機設定高度

rvAdapter.setType(3);
private int type = 0;

public RvAdapter(Context context, List<Integer> datas) {
    this.context = context;
    this.datas = datas;
    for (int i : datas) {
        int height = (int) (Math.random() * 100 + 300);
        heights.add(height);
    }
}

public void setType(int type) {
    this.type = type;
}
@Override
public void onBindViewHolder(MyViewHolder holder, final int position) {
    RecyclerView.LayoutParams layoutParams;
    if (type == 0) {
        layoutParams = new RecyclerView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    } else if (type == 1) {
        layoutParams = new RecyclerView.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    } else {
        layoutParams = new RecyclerView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, heights.get(position));
        layoutParams.setMargins(2, 2, 2, 2);
    }

設定Item增加、移除動畫:

rv.setItemAnimator(new DefaultItemAnimator());

實現新增分割線:

(預設分割線類)：

public class DividerGridItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{android.R.attr.listDivider};
    private Drawable mDivider;

    public DividerGridItemDecoration(Context context) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, State state) {

        drawHorizontal(c, parent);
        drawVertical(c, parent);

    }

    private int getSpanCount(RecyclerView parent) {
        // 列數
        int spanCount = -1;
        LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {

            spanCount = ((GridLayoutManager) layoutManager).getSpanCount();
        } else if (layoutManager instanceof StaggeredGridLayoutManager) {
            spanCount = ((StaggeredGridLayoutManager) layoutManager)
                    .getSpanCount();
        }
        return spanCount;
    }

    public void drawHorizontal(Canvas c, RecyclerView parent) {
        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int left = child.getLeft() - params.leftMargin;
            final int right = child.getRight() + params.rightMargin
                    + mDivider.getIntrinsicWidth();
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    public void drawVertical(Canvas c, RecyclerView parent) {
        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);

            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int top = child.getTop() - params.topMargin;
            final int bottom = child.getBottom() + params.bottomMargin;
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicWidth();

            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    private boolean isLastColum(RecyclerView parent, int pos, int spanCount,
                                int childCount) {
        LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
            if ((pos + 1) % spanCount == 0)// 如果是最後一列，則不需要繪製右邊
            {
                return true;
            }
        } else if (layoutManager instanceof StaggeredGridLayoutManager) {
            int orientation = ((StaggeredGridLayoutManager) layoutManager)
                    .getOrientation();
            if (orientation == StaggeredGridLayoutManager.VERTICAL) {
                if ((pos + 1) % spanCount == 0)// 如果是最後一列，則不需要繪製右邊
                {
                    return true;
                }
            } else {
                childCount = childCount - childCount % spanCount;
                if (pos >= childCount)// 如果是最後一列，則不需要繪製右邊
                    return true;
            }
        }
        return false;
    }

    private boolean isLastRaw(RecyclerView parent, int pos, int spanCount,
                              int childCount) {
        LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager) {
            childCount = childCount - childCount % spanCount;
            if (pos >= childCount)// 如果是最後一行，則不需要繪製底部
                return true;
        } else if (layoutManager instanceof StaggeredGridLayoutManager) {
            int orientation = ((StaggeredGridLayoutManager) layoutManager)
                    .getOrientation();
            // StaggeredGridLayoutManager 且縱向滾動
            if (orientation == StaggeredGridLayoutManager.VERTICAL) {
                childCount = childCount - childCount % spanCount;
                // 如果是最後一行，則不需要繪製底部
                if (pos >= childCount)
                    return true;
            } else
            // StaggeredGridLayoutManager 且橫向滾動
            {
                // 如果是最後一行，則不需要繪製底部
                if ((pos + 1) % spanCount == 0) {
                    return true;
                }
            }
        }
        return false;
    }

    @Override
    public void getItemOffsets(Rect outRect, int itemPosition,
                               RecyclerView parent) {
        int spanCount = getSpanCount(parent);
        int childCount = parent.getAdapter().getItemCount();
        if (isLastRaw(parent, itemPosition, spanCount, childCount))// 如果是最後一行，則不需要繪製底部
        {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        } else if (isLastColum(parent, itemPosition, spanCount, childCount))// 如果是最後一列，則不需要繪製右邊
        {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(),
                    mDivider.getIntrinsicHeight());
        }
    }
}

1、固定工具類：

public class DividerItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{android.R.attr.listDivider};

    public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;

    public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;


    private Drawable mDivider;

    private int mOrientation;

    public DividerItemDecoration(Context context, int orientation) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
        setOrientation(orientation);
    }

    public void setOrientation(int orientation) {
        if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
            throw new IllegalArgumentException("invalid orientation");
        }
        mOrientation = orientation;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent) {
        Log.v("recyclerview - itemdecoration", "onDraw()");
        if (mOrientation == VERTICAL_LIST) {
            drawVertical(c, parent);
        } else {
            drawHorizontal(c, parent);
        }
    }

    public void drawVertical(Canvas c, RecyclerView parent) {
        final int left = parent.getPaddingLeft();
        final int right = parent.getWidth() - parent.getPaddingRight();

        final int childCount = parent.getChildCount();

        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            RecyclerView v = new RecyclerView(
                    parent.getContext());
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    public void drawHorizontal(Canvas c, RecyclerView parent) {
        final int top = parent.getPaddingTop();
        final int bottom = parent.getHeight() - parent.getPaddingBottom();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, int itemPosition,
                               RecyclerView parent) {
        if (mOrientation == VERTICAL_LIST) {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        }
    }
}

2、分割線drawable divider.xml檔案：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <solid android:color="@color/colorPrimary"/>
    <size android:height="10dp"
        android:width="1dp"/>

</shape>


<!--  漸變色分割線-->
    <!--<?xml version="1.0" encoding="utf-8"?>-->
<!--<shape xmlns:android="http://schemas.android.com/apk/res/android"-->
<!--android:shape="rectangle" >-->

<!--<gradient-->
    <!--android:centerColor="#ff00ff00"-->
    <!--android:endColor="#ff0000ff"-->
    <!--android:startColor="#ffff0000"-->
    <!--android:type="linear" />-->
<!--<size android:height="4dp"/>-->

<!--</shape>-->

3、divider.xml在AppTheme中引用：
<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:listDivider">@drawable/divider</item>
    </style>
</resources>

4、recycleview設定分割線：

private RecyclerView.ItemDecoration itemDecoration;
itemDecoration = new DividerItemDecoration(this, DividerItemDecoration.VERTICAL_LIST);
//預設分割線
itemDecoration = new DividerGridItemDecoration(this);

rv.addItemDecoration(itemDecoration);

sz

 

相關推薦

Android RecyclerView、設定佈局管理器、設定Item增加、移除動畫、新增分割線

概述 RecyclerView出現已經有一段時間了，相信大家肯定不陌生了，大家可以通過匯入support-v7對其進行使用。 據官方的介紹，該控制元件用於在有限的視窗中展示大量資料集，其實這樣功能的控制元件我們並不陌生，例如：ListView、GridView。 那麼有了ListView、G

java swing 常用的三種佈局方式：邊界佈局、流佈局、網格佈局管理器

作者：firstmiki 來源：firstmiki的部落格 著作權歸作者所有，轉載請聯絡作者獲得授權。 這篇博文僅僅簡單介紹了三種常見的佈局管理器，都是一些簡單應用； 一、 邊界佈局管理器（FlowLayout） /* * 功能：演示邊界佈局管理器：元件的位

Java中GUI簡介、AWT概述、以及佈局管理器（流式佈局管理器、邊界佈局管理器、網格佈局管理器、網格包佈局管理器、卡片佈局管理器）

1 GUI簡介   GUI的全稱是Graphical User Interface，即圖形使用者介面。顧名思義，就是應用程式提供給使用者操作的圖形介面，包括視窗、選單、按鈕、工具欄和其他各種使用者介面元素。Java中針對GUI設計提供了豐富的類庫，這些類分別位

RecyclerView三種佈局管理器

import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.widget.GridLayoutManager; impo

設定佈局管理器中item的 伸縮因子（stretch factor）

示例： 之類加入要設定一個水平佈局管理器的兩個item的比例，1:5 水平比例顯示； QHBoxLayout * pQHBoxLayout = (QHBoxLayout *)pcentralWidg

Android學習系列(二)佈局管理器之線性佈局的3種實現方式

轉載請註明出處：http://blog.csdn.net/lhy_ycu/article/details/39643669        LinearLayout是Android控制元件中的線性佈局

Qt學習筆記（五）——物件模型、佈局管理器

一、物件模型 Qt 使用 moc，為標準 C++ 增加了一些特性： 訊號槽機制，用於解決物件之間的通訊，可以認為是 Qt 最明顯的特性之一； 可查詢，並且可設計的物件屬性； 強大的事件機制以及事件過濾器； 基於上下文的字串翻譯機制（國際化），也就是 tr() 函式；

二十九、Java圖形化介面設計——佈局管理器之FlowLayout（流式佈局）

         前文講解了JFrame、JPanel，其中已經涉及到了空佈局的使用。Java雖然可以以畫素為單位對元件進行精確的定位，但是其在不同的系統中將會有一定的顯示差異，使得顯示效果不盡相同，為此java提供了佈局管理器，以使編寫的圖形介面具有良好的平臺無關性。

java,applet 容器、元件和佈局管理器

10.2.1 容器 　　AWT容器分為兩類：外部容器和內部容器。其中，外部容器一般會獨立存在，例如Frame類；而內部容器則會巢狀在外部容器內部使用，例如Panel類。容器的層次結構如圖10-2所示。 　　 　　 　　圖10-2 AWT容器的層次結構 　　其中兩個最

Java基本功練習十七GUI（圖形使用者介面基礎【基本概念及其使用、三種佈局管理器實現同樣的框架練習】）

為Java GUI程式設計而設計的API是應用面向物件原理的絕佳範例。 本博文主要講解 第一，介紹Java GUI程式設計的基礎知識。 第二，它使用GUI演示面向物件程式設計。 尤其是將介紹Java GUI API的框架結構，討論GUI元件及元件之間的相互關係、容器和佈局管

Sql Server2008 中的活動監視器、物件資源管理器詳細資訊、搜尋、查詢編輯器之IntelliSense (轉)

Management Studio首次出現在MSSQL2005中，到MSSQL2008中已經成為了一個更成功的產品。其中在SSMS2008中最重要的特性如下： 1.活動監視器 2.物件資源管理器詳細資訊 3.搜尋 4.查詢編輯器之IntelliSense    &nb

Android Studio之安卓學習佈局管理器

一、線性佈局 LinearLayout 常用屬性： android:id android:layout_width=“match_parent” 設定寬度，匹配父控制元件 android:layout_height =“wrap_content” 設定高度，表

Android幾種佈局管理器

線性佈局(LinearLayout):這個佈局包含的空間線上性方向上依次排序。幀佈局(FrameLayout):子控制元件按照從左上開始的順序排列，每一個新增的子控制元件都放在佈局的左上角，並覆蓋在前一子控制元件的上層。相對佈局(RelativeLayout):通過相對定位的

佈局管理☞網格佈局管理器

網格佈局管理不同於表格佈局管理 網格佈局更具有靈活           三個屬性 columncount cowcount oretional 分別為 最大列數最大行數 方向 <?xml version

SWT佈局管理器使用以及配置

文章還不夠完善,後續會慢慢補充 1 定義  GUI:圖形使用者介面 SWT: 平穩小波變換，或者靜態小波變換,開源IDE-eclipse就是用SWT開發的 SWT的所有的類都在org.eclipse.swt下 SWT:與 AWT/SWING 不相伯仲，但是元件更為豐富，

Qt入門 佈局管理器layout（三）

佈局layout 在Qt中，為了實現特定的功能，一般情況下我們會使用的是自己定義的視窗類。 官方提供了Qt Create來編輯的ui檔案，但是我不會使用操作編輯之後的ui，所以這裡介紹如何定義自己的佈局。 在QWidget中設定佈局 Qxxlayout類 若要佈局的視窗

實戰c++中的vector系列--vector的遍歷(stl演算法、vector迭代器(不要在迴圈中判斷不等於end())、operator[])【轉】

（轉自：https://blog.csdn.net/wangshubo1989/article/details/50374914?utm_source=blogxgwz29） 遍歷一個vector容器有很多種方法，使用起來也是仁者見仁。 通過索引遍歷： for (i = 0; i<

android 自定義資料夾管理器

自定義android 資料夾管理器 由於近期專案要求，要客戶可以自己選擇資料夾路徑，試了原生的資料夾管理器太難看了，而且還必須選擇檔案才行，PS：本人菜鳥，只能找到這樣的原生方法，還請大佬勿噴，然後沒辦法就只有自己擼了，還是老規矩，先上效果圖： 總體思路 總體思

Java(39)_GridLayout佈局管理器

   package MYSQK.example01; import java.awt.*; public class example01 { public static void main(String[] args){ // 設定窗體名稱 F

Java(41)_卡片佈局管理器

package MYSQK.example01; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.WindowAdapter