Android 自定义Seekbar样式

2022-06-19 14:04:27 浏览数 (1)

背景# Android 自定义Seekbar样式

代码语言:html复制
<SeekBar 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:maxHeight="7dp" 
    android:minHeight="7dp" 
    android:paddingStart="0dp" 
    android:paddingEnd="0dp" 
    android:progressDrawable="@drawable/seekbar_bg" 
    android:splitTrack="false" 
    android:thumb="@drawable/seekbar_thumb_bg" 
    android:thumbOffset="0dp" 
    tools:progress="50" />

seekbar_bg

代码语言:html复制
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
	<!-- 背景颜色 -->
	<item android:id="@android:id/background">
		<shape>
			<!-- 圆角程度 -->
			<corners android:radius="5dp" />
			<solid android:color="@color/white" />
		</shape>
	</item>
	<!-- 进度颜色 -->
	<item android:id="@android:id/progress">
		<clip>
			<shape>
				<!-- 圆角程度 -->
				<corners android:radius="5dp" />
				<solid android:color="#41e3d7" />
			</shape>
		</clip>
	</item>
</layer-list>

seekbar_thumb_bg

代码语言:html复制
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
	<!-- 获取焦点和没有按下的时候 -->
	<item android:drawable="@drawable/seekbar_thumb" android:state_focused="true" android:state_pressed="false" />
	<!-- 获取焦点但按下的时候 -->
	<item android:drawable="@drawable/seekbar_thumb" android:state_focused="true" android:state_pressed="true" />
	<!-- 没有获取焦点按下的时候 -->
	<item android:drawable="@drawable/seekbar_thumb" android:state_focused="false" android:state_pressed="true" />
	<!-- 默认的时候 -->
	<item android:drawable="@drawable/seekbar_thumb" />
</selector>

老群被封, 新Q群709287944

0 人点赞