RecyclerView 滚动条 长宽设置

RecyclerView Scrollbar

记录滚动条相关属性,本文主要内容:

1,scrollbar 样式设置

2,scrollbar 背景以及滚动条 长宽设置

属性 效果
android:scrollbars 设置滚动条水平 horizontal / 或垂直 vertical
scrollbarThumbVertical[Horizontal] 设置滑块(短条)
scrollbarTrackVertical[Horizontal] 设置背景(长条)

               android:scrollbarStyle

                滚动条的样式和位置

insideOverlay (默认值,表示在padding区域内并且覆盖在view上)
insideInset (表示在padding区域内并且插入在view后面)
outsideOverlay(表示在padding区域外并且覆盖在view上)
outsideInset(表示在padding区域外并且插入在view后面)
scrollbarSize 设置滚动条的大小,垂直时指宽度,水平时指高度
overScrollMode (never)设置滑动到边缘时无效果模式
scrollbars (none)设置滚动条不显示

 

 

 

 

 

 

 

 

 

 

 

一,样式设置:

在styles.xml 文件中添加一个 style标签

    

注意:滚动条的 背景和滑块设置

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

此处设置一个 垂直的滚动条,然后在xml中引用该样式

        

效果图如下

RecyclerView 滚动条 长宽设置_第1张图片   

RecyclerView 滚动条 长宽设置_第2张图片

最简单的一个效果出来了,但是这里可以看到,有两个现象

1,滚动条起始位置(这里就是指背景高度)是撑满整个列表的

2,当列表数据越多的时候,滑块长度越小

如果我滚动条长度要求只占80%,或指定高度,滑块长度维持不变,那这明显不行

二,背景以及滚动条 长宽设置

稍微修改下,背景跟滑块 使用两张自定义图片

        @drawable/aa_scrollbar
        @drawable/aa_scrollbar_bg

aa_scrollbar.xml 滑块图片




    
        
            
            
        
    

android:height    指定高度

android:bottom  距离底部

android:top         距离顶部

corners 圆角

solid 填充颜色

aa_scrollbar_bg.xml 背景图片




    
        
            
            
        
    

背景图片仅少了指定高度

效果如下:

RecyclerView 滚动条 长宽设置_第3张图片

高亮滑块 长度固定, 滚动条总长度占整个高度的80%左右,并带有圆角效果。

记录一下

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(Android,UI相关)