为什么要使用ItemDecoration

移动开发 Android
稀土掘金,这是一个针对技术开发者的一个应用,你可以在掘金上获取最新最优质的技术干货,不仅仅是Android知识、前端、后端以至于产品和设计都有涉猎,想成为全栈工程师的朋友不要错过!

稀土掘金,这是一个针对技术开发者的一个应用,你可以在掘金上获取******质的技术干货,不仅仅是Android知识、前端、后端以至于产品和设计都有涉猎,想成为全栈工程师的朋友不要错过!

Part 1:不要用view做分割线

 

首先,什么是ItemDecoration?来看看官网是如何解释的。

ItemDecoration允许从adapter的数据集合中为特定的item视图添加特性的绘制以及布局间隔。它可以用来实现item之间的分割线,高亮,分组边界等。

我们不能简单的把ItemDecoration看成一个名字响亮的分割线。它比divider要多很多内容。一个divider只能绘制在item之间,但是ItemDecoration可以绘制在item的四边。ItemDecoration为decoration的测量和绘制提供了全方位的控制。一个decoration可以是一条分割线,也可以仅仅是一个间隔(inset)。

但不幸的是,绝大多数android开发者都没有使用item decoration。在这个分为三部分的系列文章中,我们将了解ItemDecoration的强大之处。

***部分: 不要添加view来做分割线— 使用 ItemDecoration

第二部分: 不要使用padding来做间隔 —使用 ItemDecoration

第三部分: 在GridLayoutManager中高效的绘制decorations

本文是***部分。

不要用view做分割线 —会影响性能

我曾看到一些开发者在为RecyclerView添加divider的时候采用了一些捷径。原因很简单,ListView原生支持divider,可以直接在xml中设置divider。

  1. <ListView 
  2.  
  3.     android:id="@+id/activity_home_list_view" 
  4.  
  5.     android:layout_width="match_parent"  
  6.  
  7.     android:layout_height="match_parent" 
  8.  
  9.     android:divider="@android:color/black" 
  10.  
  11.     android:dividerHeight="8dp"/> 

但是到了RecyclerView,就再也不能直接添加divider了。需要添加一个绘制divider的ItemDecoration。但是开发者发现它很麻烦,于是直接把divider添加到(item的)view上,而不是使用ItemDecoration。

  1. <LinearLayout android:orientation="vertical"
  2.  
  3.     <LinearLayout android:orientation="horizontal"
  4.  
  5.         <ImageView /> 
  6.  
  7.         <TextView /> 
  8.  
  9.     </LinearLayout> 
  10.  
  11.     <View 
  12.  
  13.         android:width="match_parent" 
  14.  
  15.         android:height="1dp" 
  16.  
  17.         android:background="#333" /> 
  18.  
  19. </LinearLayout> 

每当我们走捷径的时候,都有可能会产生副作用。而这里的副作用是可能影响性能。

当在布局中添加了一个divider的时候,我们增加了view的个数。我们都知道view的数目越少会得到越好的性能。有时候增加一个view来实现divider还会增加布局的层级。比如上面的例子中,我们不仅仅增加了一个view,还增加了一个包含它们的 linear layout。为了一个divider而创建了额外的布局。

不要用view做分割线 —会带来副作用

因为divider是view的一部分,所以在item 动画期间,divider也会一起跟着动画。如下图:

 

显然divider不应该随着item一起做动画。而是和item分开,像这样才是对的:

 

不要用view做分割线— 缺乏灵活性

如果divider是(item的)view的一部分,那么你就无法控制它。你唯一能控制的就是根据item的position改变divider的可见状态。 而item decoration就灵活多了。

 

In the above image for the last item in the group divider fills the entire width. Other dividers have a margin of 56dp to their left side. Here is the ItemDecorator’s onDraw code.

在上图中,group***一个item的divider充满了整个宽度。其它的divider都有一个56dp的左边距。这是这个ItemDecorator的onDraw代码:

  1. @Override 
  2.  
  3. public void onDraw(Canvas canvas, RecyclerView parent, RecyclerView.State state) { 
  4.  
  5.   canvas.save(); 
  6.  
  7.   final int leftWithMargin = convertDpToPixel(56); 
  8.  
  9.   final int right = parent.getWidth(); 
  10.  
  11.   
  12.  
  13.   final int childCount = parent.getChildCount(); 
  14.  
  15.   for (int i = 0; i < childCount; i++) { 
  16.  
  17.     final View child = parent.getChildAt(i); 
  18.  
  19.     int adapterPosition = parent.getChildAdapterPosition(child); 
  20.  
  21.     left = (adapterPosition == lastPosition) ?  0 : leftWithMargin; 
  22.  
  23.     parent.getDecoratedBoundsWithMargins(child, mBounds); 
  24.  
  25.     final int bottom = mBounds.bottom + Math.round(ViewCompat.getTranslationY(child)); 
  26.  
  27.     final int top = bottom - mDivider.getIntrinsicHeight(); 
  28.  
  29.     mDivider.setBounds(lefttopright, bottom); 
  30.  
  31.     mDivider.draw(canvas); 
  32.  
  33.   } 
  34.  
  35.   canvas.restore(); 
  36.  

不要用view做分割线—使用 ItemDecoration

写一个自己的ItemDecoration其实非常简单。你只需要创建一个继承了ItemDecoration的类就可以了。重写 getItemOffsets() 和 onDraw() 方法。具体实现可以参考 这个 示例。

而 25.0.0版本的支持库中,我们有一个新的类 “DividerItemDecoration”。这个类直接实现了divider。

  1. DividerItemDecoration decoration = new DividerItemDecoration(getApplicationContext(), VERTICAL); 
  2.  
  3. recyclerView.addItemDecoration(decoration); 

提示

一个RecyclerView可以添加多个ItemDecoration。发挥头脑风暴的时候到了。

所有decoration都在item绘制之前绘制。如果你想让decoration在view之后绘制,重写onDrawOver() 而不是onDraw() 。

所以下次想为RecyclerView添加分割线的时候,别使用在item布局添加view这种方式了,使用ItemDecoration。 

责任编辑:庞桂玉 来源: Android技术之家
相关推荐

2011-03-08 12:59:38

proftpd

2014-11-21 10:50:26

JavaString

2011-04-14 09:30:15

集合框架

2010-05-11 10:29:06

Unix awk

2014-05-19 15:52:57

Apache StraApache

2014-04-25 10:05:42

OpenStack私有云公共云

2024-01-24 11:24:03

C++编程异常处理

2013-09-27 11:33:57

交换机技术Vlan技术

2023-09-21 09:00:00

Merge Que开发工具Mergify

2014-01-03 10:59:34

2023-03-06 08:01:25

structGo语言

2024-01-01 08:57:55

ODBCSqlServer数据库

2021-12-24 17:01:29

Linux工具系统

2022-04-26 16:56:20

行为数据数据

2018-05-01 06:43:33

2020-08-24 07:03:10

物联网设备RTOS物联网

2024-02-20 22:13:49

SQL语句编程

2021-02-18 09:23:47

数据库分区数据库仓库

2009-08-04 10:39:58

2021-08-03 10:16:00

物联网LoRaIoT
点赞
收藏

51CTO技术栈公众号