Scrollbar样式介绍

冷不防 2022-06-15 05:42 147阅读 0赞

今天突然需要修改RecyclerView的ScrollBar的样式,之前没有这方面的需求，网上查了查资料，记录下以便后面用到。

参考资料：[http://likfe.com/2016/05/16/diyScrollbar/][http_likfe.com_2016_05_16_diyScrollbar]

## 知识点 ##

在ListView/ScrollView/RecyclerView中添加属性：

android:scrollbars="vertical"
    android:scrollbarTrackVertical="@drawable/xxx_vertical_track"
    android:scrollbarThumbVertical="@drawable/xxx_vertical_thumb"
    
    android:scrollbars="horizontal"
    android:scrollbarTrackHorizontal="@drawable/xxx_horizontal_track"
    android:scrollbarThumbHorizontal="@drawable/xxx_horizontal_thumb"
    
    
    
    android:scrollbarStyle="outsideInset"
    
    android:scrollbarSize="4dp"

--------------------

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>效果</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>scrollbarThumbVertical[Horizontal]</td> 
   <td>短条</td> 
  </tr> 
  <tr> 
   <td>scrollbarTrackVertical[Horizontal]</td> 
   <td>长条，即背景</td> 
  </tr> 
 </tbody> 
</table>

即scrollbaTrackxxx，scrollbarThumbxxx自定义的 xml 文件，放在Drawable中，track是指长条，thumb是指短条，然后再 xml 中定义短条和长条的样式。

## 需要注意 ##

其中，scrollbaTrackxxx、scrollbarThumbxxx可以使用：

1.  Shape自定义 Drawable
2.  图片
3.  .9.png
4.  @color/xxx的方式使用颜色值

不可以直接使用\#xxxxxx颜色值

android:scrollbarStyle

android:scrollbarStyle可以定义滚动条的样式和位置，可选值有insideOverlay、insideInset、outsideOverlay、outsideInset四种。

其中inside和outside分别表示是否在 view 的 padding 区域内，overlay和inset表示覆盖在 view 上或是插在 view 后面，所以四种值分别表示：

<table> 
 <thead> 
  <tr> 
   <th align="center">属性</th> 
   <th align="center">效果</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">insideOverlay</td> 
   <td align="center">默认值，表示在padding区域内并且覆盖在view上</td> 
  </tr> 
  <tr> 
   <td align="center">insideInset</td> 
   <td align="center">表示在padding区域内并且插入在view后面</td> 
  </tr> 
  <tr> 
   <td align="center">outsideOverlay</td> 
   <td align="center">表示在padding区域外并且覆盖在view上</td> 
  </tr> 
  <tr> 
   <td align="center">outsideInset</td> 
   <td align="center">表示在padding区域外并且插入在view后面</td> 
  </tr> 
 </tbody> 
</table>

[http_likfe.com_2016_05_16_diyScrollbar]: http://likfe.com/2016/05/16/diyScrollbar/