android 自定义SeekBar

墨蓝 2022-06-16 23:21 166阅读 0赞

原文地址:[http://yangguangfu.iteye.com/blog/732160][http_yangguangfu.iteye.com_blog_732160]

效果：  
![0_132192597245Kv.gif][]

代码如下：

其实最最关键的就是：

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);
    			}
    		});

[http_yangguangfu.iteye.com_blog_732160]: http://yangguangfu.iteye.com/blog/732160
[0_132192597245Kv.gif]: /images/20220617/a895194aa86e498285279e644a2aedf9.png