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的用法基本就这样了,有什么不明白的地方可以提出来。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
如对本文有疑问, 点击进行留言回复!!
网友评论