TShopping

 找回密碼
 註冊
搜索
查看: 122|回復: 0

[教學] 改變seekbar的厚度和拖拽圓的大小

[複製鏈接]
發表於 2020-3-24 22:13:26 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk  
演示:

seekbar厚度 拖拽

seekbar厚度 拖拽




如何改變seekbar的厚度呢,是沒有屬性能直接修改的,得通過重新定義樣式:



  1. <SeekBar
  2.         android:layout_width="match_parent"
  3.         android:layout_height="wrap_content"
  4.         android:layout_marginTop="20dp"
  5.         android:thumb="@drawable/seek"
  6.         android:progressDrawable="@drawable/seek_style"
  7.         />
複製代碼


thumb 修改可拖拽的圓的樣式:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">

  3.     <size
  4.         android:width="20dp"
  5.         android:height="20dp"
  6.         />
  7.     <solid android:color="#60f0"/>
  8. </shape>
複製代碼

progressDrawable 修改進度條的樣式:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <layer-list xmlns:android="http://schemas.android.com/apk/res/android">

  3.     <item android:id="@android:id/background">
  4.         <shape>

  5.             <solid android:color="#999"/>
  6.         </shape>
  7.     </item>

  8.     <item android:id="@android:id/secondaryProgress">
  9.         <clip>
  10.             <shape>
  11.                 <corners android:radius="5dip" />
  12.                 <gradient
  13.                     android:startColor="#80ffd300"
  14.                     android:centerColor="#80ffb600"
  15.                     android:centerY="0.75"
  16.                     android:endColor="#a0ffcb00"
  17.                     android:angle="270"
  18.                     />
  19.             </shape>
  20.         </clip>
  21.     </item>

  22.     <item android:id="@android:id/progress">
  23.         <clip>
  24.             <shape>

  25.                 <solid android:color="#600f"/>
  26.             </shape>
  27.         </clip>
  28.     </item>
  29. </layer-list>
複製代碼

其中,shape裡的屬性可以自行定義,圓角,顏色等

文章出處

 

臉書網友討論
您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2020-4-10 10:11 , Processed in 0.063794 second(s), 24 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表