Android 自定義漂亮的Seekbar樣式

Seekbar通常用于與用戶有交互的操作,便于拖拉進度,顯示當(dāng)前進度党远,當(dāng)然一個漂亮的seekbar無疑會增加許多用戶體驗性累榜,下面我就通過一個實例营勤,展示一下怎么自定義一個漂亮的seekbar.

一、Seekbar的屬性:
Android:max[integer]//設(shè)置拖動條的最大值
android:progress[integer]//設(shè)置當(dāng)前的進度值
android:secondaryProgress[integer]//設(shè)置第二進度壹罚,通常用做顯示視頻等的緩沖效果
android:thumb[drawable]//設(shè)置滑塊的圖樣
android:progressDrawable[drawable]//設(shè)置進度條的圖樣

二葛作、Seekbar的監(jiān)聽事件
seekbar在監(jiān)聽事件的時候主要用的是setOnSeekBarChangeListener,主要用于監(jiān)聽如下內(nèi)容:

        seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
                //主要是用于監(jiān)聽進度值的改變
            }

            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {

                //監(jiān)聽用戶開始拖動進度條的時候
            }

            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
                //監(jiān)聽用戶結(jié)束拖動進度條的時候

            }
        });

三猖凛、自定義seekbar樣式

原生的效果如下:實在太丑了有木有赂蠢,,辨泳,作為一個程序員都有點受不了了虱岂,抓狂中玖院,,第岖,难菌,

原生

下面是上一下自定義的seekbar效果圖,瞬間變漂亮了有木有蔑滓,郊酒,:

自定義后

代碼如下,烫饼,
activity_main:

    <SeekBar
        android:id="@+id/payment_seekbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:progress="20" />

    <SeekBar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        style="@style/CustomSeekbarStyle"
        android:progress="20"
        />

CustomSeekbarStyle:

<!--自定義seekbarstyle-->
    <style name="CustomSeekbarStyle" >
        <item name="android:maxHeight">10dp</item>
        <item name="android:indeterminateOnly">false</item>
        <item name="android:indeterminateDrawable">@color/colorAccent</item>
        <item name="android:progressDrawable">@drawable/seekbar_progress_drawable</item>
        <item name="android:minHeight">10dp</item>
        <item name="android:thumb">@mipmap/thumb</item>
    </style>

seekbar_progress_drawable:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <!--定義seekbar滑動條的底色-->
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="5dp" />
            <gradient
                android:angle="270"
                android:centerColor="#eeeff3"
                android:centerY="0.75"
                android:endColor="#eeeff3"
                android:startColor="#eeeff3" />
        </shape>
    </item>
    <!--定義seekbar滑動條進度顏色-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dp"/>
                <solid android:color="#FD5655"/>
            </shape>
        </clip>
    </item>
</layer-list>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末猎塞,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子杠纵,更是在濱河造成了極大的恐慌荠耽,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,948評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件比藻,死亡現(xiàn)場離奇詭異铝量,居然都是意外死亡,警方通過查閱死者的電腦和手機银亲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評論 3 385
  • 文/潘曉璐 我一進店門慢叨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人务蝠,你說我怎么就攤上這事拍谐。” “怎么了馏段?”我有些...
    開封第一講書人閱讀 157,490評論 0 348
  • 文/不壞的土叔 我叫張陵轩拨,是天一觀的道長。 經(jīng)常有香客問我院喜,道長亡蓉,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,521評論 1 284
  • 正文 為了忘掉前任喷舀,我火速辦了婚禮砍濒,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘硫麻。我一直安慰自己爸邢,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,627評論 6 386
  • 文/花漫 我一把揭開白布拿愧。 她就那樣靜靜地躺著杠河,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上感猛,一...
    開封第一講書人閱讀 49,842評論 1 290
  • 那天,我揣著相機與錄音奢赂,去河邊找鬼陪白。 笑死,一個胖子當(dāng)著我的面吹牛膳灶,可吹牛的內(nèi)容都是我干的咱士。 我是一名探鬼主播,決...
    沈念sama閱讀 38,997評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼轧钓,長吁一口氣:“原來是場噩夢啊……” “哼序厉!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起毕箍,我...
    開封第一講書人閱讀 37,741評論 0 268
  • 序言:老撾萬榮一對情侶失蹤弛房,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后而柑,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體文捶,經(jīng)...
    沈念sama閱讀 44,203評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,534評論 2 327
  • 正文 我和宋清朗相戀三年媒咳,在試婚紗的時候發(fā)現(xiàn)自己被綠了粹排。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,673評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡涩澡,死狀恐怖顽耳,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情妙同,我是刑警寧澤射富,帶...
    沈念sama閱讀 34,339評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站渐溶,受9級特大地震影響辉浦,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜茎辐,卻給世界環(huán)境...
    茶點故事閱讀 39,955評論 3 313
  • 文/蒙蒙 一宪郊、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧拖陆,春花似錦弛槐、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,770評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至速警,卻和暖如春叹誉,著一層夾襖步出監(jiān)牢的瞬間鸯两,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,000評論 1 266
  • 我被黑心中介騙來泰國打工长豁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留钧唐,地道東北人。 一個月前我還...
    沈念sama閱讀 46,394評論 2 360
  • 正文 我出身青樓匠襟,卻偏偏與公主長得像钝侠,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子酸舍,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,562評論 2 349

推薦閱讀更多精彩內(nèi)容