Custom SeekBar|XML

最新推荐文章于 2021-05-29 15:34:48 发布

stefzeus

最新推荐文章于 2021-05-29 15:34:48 发布

阅读量2k

点赞数

文章标签： android encoding layout filter xml

本文链接：https://blog.csdn.net/stefzeus/article/details/6903520

版权

一个seekBar由三个图片组成：stride_bg.png, seekBar_bg.png, thumb.png

图片素材制作：stride_bg.png, seekBar_bg.png要做成上沿和下沿都是透明的。

stride_bg的XML

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
	<item>
		<clip>
			<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
				android:src="@drawable/stride_bg_2" android:tileMode="repeat"
				android:antialias="true" android:dither="false" android:filter="false"
				android:gravity="left" />
		</clip>
	</item>
</layer-list>

thumb的XML

<?xml version="1.0" encoding="UTF-8"?>  
<selector xmlns:android="http://schemas.android.com/apk/res/android">        
    <!-- 按下状态 --> 
    <item    
        android:state_pressed="true" 
        android:drawable="@drawable/anchor_3"   
        />   
    <!-- 普通无焦点状态 --> 
    <item    
        android:state_focused="false"    
        android:state_pressed="false"  
      	android:drawable="@drawable/anchor_3"
	/>
</selector>

seekBar的XML

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   <item android:id="@android:id/background">
		<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
			android:src="@drawable/play_bar_1" android:tileMode="repeat"
			android:antialias="true" android:dither="false" android:filter="false"
			android:gravity="left" />
	</item>
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <gradient
                    android:startColor="#80028ac8"
                    android:centerColor="#80127fb1"
                    android:centerY="0.75"
                    android:endColor="#a004638f"
                    android:angle="270"
                />
            </shape>
        </clip>
    </item>
    <item
        android:id="@android:id/progress"
        android:drawable="@drawable/seekbar_progress_bg"
    />
</layer-list>

定义Custom的SeekBar XML

	<SeekBar android:id="@+id/Seek_Bar" android:layout_width="wrap_content"
				android:layout_height="wrap_content" android:layout_gravity="center_vertical"
				android:minHeight="19dip" android:maxHeight="19dip"
				android:layout_weight="1" android:progressDrawable="@drawable/seekbar_progress"
				android:paddingLeft="10dip" android:paddingRight="8dip"
				android:thumb="@drawable/seek_thumb"/>

参考：

http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/

http://developer.android.com/guide/topics/resources/drawable-resource.html