Android中自定義滑動條風格

1. 自定義ScrollBar風格，效果圖：

   

2. 代碼實現：

 

    （1）在drawable目錄中新建scrollbar_vertical_track.xml文件：<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android = "http://schemas.android.com/apk/res/android"> <gradient android:startColor = "#505050" android:endColor = "#C0C0C0" android:angle = "0" /> <corners android:radius = "0dp" /> </shape>

 

    （2）在drawable目錄中新建scrollbar_vertical_thumb.xml文件：<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android = "http://schemas.android.com/apk/res/android"> <gradient android:startColor = "#3333FF" android:endColor = "#8080FF" android:angle = "0" /> <corners android:radius = "6dp" /> </shape>

 

    （3）res/layout/main.xml實現：<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" android:orientation = "vertical" android:layout_width = "fill_parent" android:layout_height = "fill_parent" > <ScrollView android:id = "@+id/scrollView" android:layout_width = "match_parent" android:layout_height = "wrap_content" android:scrollbarTrackVertical = "@drawable/scrollbar_vertical_track" android:scrollbarThumbVertical = "@drawable/scrollbar_vertical_thumb" android:scrollbarSize = "12dip" > <LinearLayout android:orientation = "vertical" android:layout_width = "match_parent" android:layout_height = "wrap_content" > <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技"/> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> <TextView android:layout_width = "match_parent" android:layout_height = "wrap_content" android:text = "聚焦科技" /> </LinearLayout> </ScrollView> </LinearLayout>