当前位置:主页 > 移动开发 > Android代码 >

Android 中Seekbar详解及简单实例

时间:2020-11-04 11:44:22 | 栏目:Android代码 | 点击:

Android 中Seekbar详解及简单实例

做到音频播放和音乐播放时,大多数都要用到Seekbar。现在我先简单介绍下Seekbar的几个重要属性。

一般情况下,Seekbar的所有配置是写在style里的,而不是xml里。下面贴出我的代码:

<SeekBar
            android:id="@+id/sb"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:max="100"
            style="@style/Widget.SeekBar.Normal"/>

style的代码:

<style name="Widget.SeekBar.Normal" parent="@android:style/Widget.SeekBar">
    <item name="android:thumbOffset">8dip</item>
    <item name="android:maxHeight">8dip</item>
    <item name="android:indeterminateOnly">false</item>
    <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
    <item name="android:progressDrawable">@drawable/po_seekbar</item>
    <item name="android:minHeight">8dip</item>
    <item name="android:thumb">@mipmap/cricle</item>
  </style>

progressdrawable的代码:

<?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>
      <solid android:color="#E6E6E6" />
      <stroke
        android:width="1dp"
        android:color="#cccccc" />
      <corners android:radius="5dp" />
    </shape>
  </item>
  <item android:id="@android:id/secondaryProgress">
    <clip>
      <shape>
        <corners android:radius="5dp" />
        <solid android:color="#E6E6E6" />
      </shape>
    </clip>
  </item>
  <item android:id="@android:id/progress">
    <clip>
      <shape>
        <corners android:radius="5dp" />
        <solid android:color="#7DBF60" />
      </shape>
    </clip>
  </item>

</layer-list>

这样一个Seekbar就解决了。

Seekbar有的监听,就是你拖动到哪播放到哪(差不多这个意思)。

代码很简单:

 sb.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

      public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
        int process = seekBar.getProgress();
        if (player != null) {
          player.seekTo(process);
        }
      }

      public void onStartTrackingTouch(SeekBar seekBar) {

      }

      public void onStopTrackingTouch(SeekBar seekBar) {

      }
    });

好了,现在说下可能遇到的情况:

1、Seekbar中间圆圈左右显示不全。设置thumboffset=0就可以了。

2、Seekbar中间圆圈上下显示不全。这里你把Seekbar的高度设置成自适应就可以了,当时我还因为这个问题搞了半天(日了狗了)。

Seekbar的用法基本就这样了,有什么不明白的地方可以提出来。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

您可能感兴趣的文章:

相关文章