android 自定义SeekBar

最新推荐文章于 2025-11-26 16:17:36 发布

最新推荐文章于 2025-11-26 16:17:36 发布 · 140 阅读

文章标签：

#移动开发 #java

本文介绍如何通过自定义SeekBar的样式和进度按钮，实现独特的UI效果。提供了SeekBar的XML配置示例，包括背景、进度条颜色渐变及圆角处理等细节，并展示了如何在Java代码中为SeekBar添加监听器以实现拖动功能。

原文地址:http://yangguangfu.iteye.com/blog/732160

效果：

代码如下：<SeekBar android:id="@+id/seekbar" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:layout_marginLeft="10dip" android:layout_marginRight="10dip" android:progressDrawable="@layout/seekbar_style" style="?android:attr/progressBarStyleHorizontal" android:thumb="@layout/thumb" android:layout_weight="1" />
其实最最关键的就是：android:progressDrawable="@layout/seekbar_style" android:thumb="@layout/thumb"
怎么去定义呢？
看下面的代码：
seekbar_style.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"> <shape> <corners android:radius="10dip" /> <gradient android:startColor="#ffffffff" android:centerColor="#ff000000" android:endColor="#ff808A87" android:centerY="0.45" android:angle="270" /> </shape> </item> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="10dip" /> <gradient android:startColor="#ffffffff" android:centerColor="#ffFFFF00" android:endColor="#ffAABD00" android:centerY="0.45" android:angle="270" /> </shape> </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/thumb_normal" />  <item android:state_focused="false" android:state_pressed="false" android:drawable="@drawable/thumb_normal" /> </selector>

Java代码的处理：并实现播放中的拖动功能

seekBar = (SeekBar) controlView.findViewById(R.id.seekbar); seekBar.setOnSeekBarChangeListener(new OnSeekBarChangeListener() { @Override public void onProgressChanged(SeekBar seekbar, int progress, boolean fromUser) { if (fromUser) { //if(!isOnline){ vv.seekTo(progress); //} } } @Override public void onStartTrackingTouch(SeekBar arg0) { myHandler.removeMessages(HIDE_CONTROLER); } @Override public void onStopTrackingTouch(SeekBar seekBar) { myHandler.sendEmptyMessageDelayed(HIDE_CONTROLER, TIME); } });