模仿天天动听的seekbar

最新推荐文章于 2024-04-15 06:59:15 发布

原创最新推荐文章于 2024-04-15 06:59:15 发布 · 127 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android

android代码专栏收录该内容

46 篇文章

订阅专栏

本文详细介绍了如何在Android应用中自定义SeekBar控件的实现过程，包括设置其外观、尺寸、滑动效果等特性。通过XML布局文件和Java代码相结合的方式，展示了一种灵活定制控件的方法。


 // 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">

	<SeekBar 
		android:id="@+id/seek" 
		android:layout_width="fill_parent"
		android:layout_height="wrap_content" 
		android:minHeight="2px" 
		android:maxHeight="2px"
		android:paddingLeft="5px" 
		android:paddingRight="5px" 
		android:max="100"
		android:progress="50" 
		android:progressDrawable="@drawable/seekbar_img"
		android:thumb="@drawable/thumb" 
		android:thumbOffset="1px"
		android:scrollbarStyle="outsideOverlay" 
		/> 
</LinearLayout>

//seekbar_img.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"
		  android:drawable="@drawable/seekbar_back" />
	<!--全部能量图  -->
	<!-- <item android:id="@+android:id/SecondaryProgress"
		  android:drawable="@drawable/back" /> -->
	<!-- 进和能量图 -->
	<item android:id="@android:id/progress" 
	      android:drawable="@drawable/seekbar_fill" />
</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/seekbar_handle" />

	<!-- 普通无焦点状态 -->
	<item android:state_focused="false" android:state_pressed="false"
		android:drawable="@drawable/seekbar_handle" />
</selector>