当前位置:   article > 正文

android RecyclerView 添加可拖动的滚动条_android scrollbar拖动

android scrollbar拖动

实现的效果图如下,为了效果这里我设置的宽了一些,实际根据需求修改即可

 

先说几个属性:

android:scrollbars" 一般都是垂直的滚动条设置vertical
android:scrollbarSize 设置滚动条的宽度
android:scrollbarThumbVertical:设置垂直滚动条颜色
android:scrollbarTrackVertical :设置滚动条背景色

个人习惯吧这几个属性都放在了style 里面,没有直接放在recylerview 的布局,看个人习惯吧,下面给出代码

下面recyclerview 的xml

  1. <androidx.recyclerview.widget.RecyclerView
  2. android:id="@+id/recy"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:layout_marginRight="20dp"
  6. style="@style/recy_vertical_style"/>

下面是style

  1. <style name="recy_vertical_style">
  2. <item name="android:scrollbarSize">10dp</item>
  3. <item name="android:scrollbars">vertical</item>
  4. <item name="android:scrollbarThumbVertical">@drawable/recy_vertical_scrollbar</item>
  5. <item name="android:scrollbarTrackVertical">@drawable/recy_vertical_scrollbar_bg</item>
  6. </style>

滚动条recy_vertical_scrollbar 是自己画的shape 代码如下

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  3. <!-- 这里是设置距离顶部和底部的高度-->
  4. <!-- android:height="@dimen/dp_10"-->
  5. <!-- android:bottom="@dimen/dp_10"-->
  6. <item>
  7. <shape>
  8. <corners android:radius="10dp" />
  9. <solid android:color="@android:color/holo_red_dark" />
  10. </shape>
  11. </item>
  12. </layer-list>
recy_vertical_scrollbar_bg 滚动条的背景色,如果不需要可以不设置:

代码如下

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  3. <!-- 这里是设置距离顶部和底部的高度-->
  4. <!-- android:height="@dimen/dp_10"-->
  5. <!-- android:bottom="@dimen/dp_10"-->
  6. <item>
  7. <shape>
  8. <corners android:radius="10dp" />
  9. <solid android:color="@android:color/background_dark" />
  10. </shape>
  11. </item>
  12. </layer-list>

以上的布局设置放到scrollerview 里面可以是显示滚动条的。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/286733
推荐阅读
相关标签
  

闽ICP备14008679号