Android 自定义UI-垂直方向的SeekBar

 系统自带的SeekBar样式是水平的，如果需求一个垂直方向的效果就需要自定义了。原理很简单，即定义一个类继承于SeekBar，并在OnDraw方法里面旋转一下视图。

代码如下：

[java] view
plaincopy

1. package android.widget;  
2.   
3. import android.content.Context;  
4. import android.graphics.Canvas;  
5. import android.util.AttributeSet;  
6. import android.util.Log;  
7. import android.view.MotionEvent;  
8.   
9. public class VerticalSeekBar extends SeekBar {  
10.   
11.     public VerticalSeekBar(Context context) {  
12.         super(context);  
13.     }  
14.   
15.     public VerticalSeekBar(Context context, AttributeSet attrs, int defStyle) {  
16.         super(context, attrs, defStyle);  
17.     }  
18.   
19.     public VerticalSeekBar(Context context, AttributeSet attrs) {  
20.         super(context, attrs);  
21.     }  
22.   
23.     protected void onSizeChanged(int w, int h, int oldw, int oldh) {  
24.         super.onSizeChanged(h, w, oldh, oldw);  
25.     }  
26.   
27.     @Override  
28.     protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
29.         super.onMeasure(heightMeasureSpec, widthMeasureSpec);  
30.         setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth());  
31.     }  
32.   
33.     protected void onDraw(Canvas c) {  
34.         //将SeekBar转转90度  
35.         c.rotate(-90);  
36.         //将旋转后的视图移动回来  
37.         c.translate(-getHeight(),0);  
38.         Log.i("getHeight()",getHeight()+"");  
39.         super.onDraw(c);  
40.     }  
41.   
42.     @Override  
43.     public boolean onTouchEvent(MotionEvent event) {  
44.         if (!isEnabled()) {  
45.             return false;  
46.         }  
47.   
48.         switch (event.getAction()) {  
49.             case MotionEvent.ACTION_DOWN:  
50.             case MotionEvent.ACTION_MOVE:  
51.             case MotionEvent.ACTION_UP:  
52.                 int i=0;  
53.                 //获取滑动的距离  
54.                 i=getMax() - (int) (getMax() * event.getY() / getHeight());  
55.                 //设置进度  
56.                 setProgress(i);  
57.                 Log.i("Progress",getProgress()+"");  
58.                 //每次拖动SeekBar都会调用  
59.                 onSizeChanged(getWidth(), getHeight(), 0, 0);  
60.                 Log.i("getWidth()",getWidth()+"");  
61.                 Log.i("getHeight()",getHeight()+"");  
62.                 break;  
63.   
64.             case MotionEvent.ACTION_CANCEL:  
65.                 break;  
66.         }  
67.         return true;  
68.     }  
69.       
70. }  

  xml布局文件：

[html] view
plaincopy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:gravity="center"  
6.     android:background="@android:color/white"  
7.     android:orientation="horizontal" >  
8.   
9.     <android.widget.VerticalSeekBar_Reverse  
10.         android:id="@+id/seekbar_reverse"  
11.         android:layout_width="wrap_content"  
12.         android:layout_height="450dip"  
13.         android:layout_marginRight="30dip" />  
14.   
15.     <TextView  
16.         android:id="@+id/reverse_sb_progresstext"  
17.         android:layout_width="wrap_content"  
18.         android:layout_height="wrap_content"  
19.         android:layout_below="@+id/seekbar_reverse"  
20.         android:gravity="center" />  
21.   
22.     <android.widget.VerticalSeekBar  
23.         android:id="@+id/vertical_Seekbar"  
24.         android:layout_width="wrap_content"  
25.         android:layout_height="450dip"  
26.         android:layout_toRightOf="@+id/seekbar_reverse" />  
27.   
28.     <TextView  
29.         android:id="@+id/vertical_sb_progresstext"  
30.         android:layout_width="wrap_content"  
31.         android:layout_height="wrap_content"  
32.         android:layout_below="@+id/vertical_Seekbar"  
33.         android:layout_toRightOf="@+id/seekbar_reverse"  
34.         android:gravity="center" />  
35.   
36. </RelativeLayout>  

  代码下载

  推荐博文：Android
Canvas编程：对rotate()和translate()两个方法的研究