Android使用SeekBar

转自:http://my.oschina.net/pingdy/blog/376735

最近有做一个android项目,里面有使用到在播放视频时可以跳播,同时动态显示播放时间。类似于下图 的效果,我只是抽取其中的一部分做展示,刚接到这个事时也是在网上一通找,最后没找到!而且还碰到有些朋友和我有一样的需求,不知该如何做!现在我分享下自己做的!做的不好,多多包涵!因为上传不了附件,就直接贴代码了!

Android使用SeekBar_第1张图片Android使用SeekBar_第2张图片

 1 1:第一个类是自定义的一个类 也就是SeekBar上方会跟随其一块移动的控件,其实非常简单的一个类
 2  
 3 package com.example.textmovebyseekbar;
 4  
 5 import android.content.Context;
 6 import android.util.AttributeSet;
 7 import android.view.ViewGroup;
 8  
 9 //import android.widget.AbsoluteLayout;
10  
11 public class TextMoveLayout extends ViewGroup {
12  
13     public TextMoveLayout(Context context) {
14         super(context);
15         // TODO Auto-generated constructor stub
16     }
17  
18     public TextMoveLayout(Context context, AttributeSet attrs, int defStyle) {
19         super(context, attrs, defStyle);
20         // TODO Auto-generated constructor stub
21     }
22  
23     public TextMoveLayout(Context context, AttributeSet attrs) {
24         super(context, attrs);
25         // TODO Auto-generated constructor stub
26     }
27  
28     @Override
29     protected void onLayout(boolean changed, int l, int t, int r, int b) {
30         // TODO Auto-generated method stub
31  
32     }
33  
34 }
  1 2: 第二类就是MainActivity了,代码很简单!稍微看下就懂的了~
  2 package com.example.textmovebyseekbar;
  3  
  4 import android.app.Activity;
  5 import android.graphics.Color;
  6 import android.os.Bundle;
  7 import android.view.ViewGroup;
  8 import android.widget.SeekBar;
  9 import android.widget.TextView;
 10  
 11 public class MainActivity extends Activity {
 12  
 13     private SeekBar seekbar = null;
 14  
 15     private String startTimeStr = "19:30:33";
 16  
 17     private String endTimeStr = "21:23:21";
 18  
 19     private TextView text, startTime, endTime;
 20  
 21     /**
 22      * 视频组中第一个和最后一个视频之间的总时长
 23      */
 24     private int totalSeconds = 0;
 25  
 26     /**
 27      * 屏幕宽度
 28      */
 29     private int screenWidth;
 30  
 31     /**
 32      * 自定义随着拖动条一起移动的空间
 33      */
 34     private TextMoveLayout textMoveLayout;
 35  
 36     private ViewGroup.LayoutParams layoutParams;
 37     /**
 38      * 托动条的移动步调
 39      */
 40     private float moveStep = 0;
 41  
 42     @Override
 43     protected void onCreate(Bundle savedInstanceState) {
 44         super.onCreate(savedInstanceState);
 45         setContentView(R.layout.video_fast_search);
 46         screenWidth = getWindowManager().getDefaultDisplay().getWidth();
 47         text = new TextView(this);
 48         text.setBackgroundColor(Color.rgb(245, 245, 245));
 49         text.setTextColor(Color.rgb(0, 161, 229));
 50         text.setTextSize(16);
 51         layoutParams = new ViewGroup.LayoutParams(screenWidth, 50);
 52         textMoveLayout = (TextMoveLayout) findViewById(R.id.textLayout);
 53         textMoveLayout.addView(text, layoutParams);
 54         text.layout(0, 20, screenWidth, 80);
 55         /**
 56          * findView
 57          */
 58         seekbar = (SeekBar) findViewById(R.id.seekbar);
 59         startTime = (TextView) findViewById(R.id.start_time);
 60         endTime = (TextView) findViewById(R.id.end_time);
 61         /**
 62          * setListener
 63          */
 64         seekbar.setOnSeekBarChangeListener(new OnSeekBarChangeListenerImp());
 65  
 66         searchVideos();
 67  
 68     }
 69  
 70     public void searchVideos() {
 71         startTime.setText(startTimeStr);
 72         endTime.setText(endTimeStr);
 73         text.setText(startTimeStr);
 74         totalSeconds = totalSeconds(startTimeStr, endTimeStr);
 75         seekbar.setEnabled(true);
 76         seekbar.setMax(totalSeconds);
 77         seekbar.setProgress(0);
 78         moveStep = (float) (((float) screenWidth / (float) totalSeconds) * 0.8);
 79  
 80     }
 81  
 82     private class OnSeekBarChangeListenerImp implements
 83             SeekBar.OnSeekBarChangeListener {
 84  
 85         // 触发操作,拖动
 86         public void onProgressChanged(SeekBar seekBar, int progress,
 87                 boolean fromUser) {
 88             text.layout((int) (progress * moveStep), 20, screenWidth, 80);
 89             text.setText(getCheckTimeBySeconds(progress, startTimeStr));
 90         }
 91  
 92         // 表示进度条刚开始拖动,开始拖动时候触发的操作
 93         public void onStartTrackingTouch(SeekBar seekBar) {
 94  
 95         }
 96  
 97         // 停止拖动时候
 98         public void onStopTrackingTouch(SeekBar seekBar) {
 99             // TODO Auto-generated method stub
100         }
101     }
102  
103     /**
104      * 计算连个时间之间的秒数
105      */
106  
107     private static int totalSeconds(String startTime, String endTime) {
108  
109         String[] st = startTime.split(":");
110         String[] et = endTime.split(":");
111  
112         int st_h = Integer.valueOf(st[0]);
113         int st_m = Integer.valueOf(st[1]);
114         int st_s = Integer.valueOf(st[2]);
115  
116         int et_h = Integer.valueOf(et[0]);
117         int et_m = Integer.valueOf(et[1]);
118         int et_s = Integer.valueOf(et[2]);
119  
120         int totalSeconds = (et_h - st_h) * 3600 + (et_m - st_m) * 60
121                 + (et_s - st_s);
122  
123         return totalSeconds;
124  
125     }
126  
127     /**
128      * 根据当前选择的秒数还原时间点
129      * 
130      * @param args
131      */
132  
133     private static String getCheckTimeBySeconds(int progress, String startTime) {
134  
135         String return_h = "", return_m = "", return_s = "";
136  
137         String[] st = startTime.split(":");
138  
139         int st_h = Integer.valueOf(st[0]);
140         int st_m = Integer.valueOf(st[1]);
141         int st_s = Integer.valueOf(st[2]);
142  
143         int h = progress / 3600;
144  
145         int m = (progress % 3600) / 60;
146  
147         int s = progress % 60;
148  
149         if ((s + st_s) >= 60) {
150  
151             int tmpSecond = (s + st_s) % 60;
152  
153             m = m + 1;
154  
155             if (tmpSecond >= 10) {
156                 return_s = tmpSecond + "";
157             } else {
158                 return_s = "0" + (tmpSecond);
159             }
160  
161         } else {
162             if ((s + st_s) >= 10) {
163                 return_s = s + st_s + "";
164             } else {
165                 return_s = "0" + (s + st_s);
166             }
167  
168         }
169  
170         if ((m + st_m) >= 60) {
171  
172             int tmpMin = (m + st_m) % 60;
173  
174             h = h + 1;
175  
176             if (tmpMin >= 10) {
177                 return_m = tmpMin + "";
178             } else {
179                 return_m = "0" + (tmpMin);
180             }
181  
182         } else {
183             if ((m + st_m) >= 10) {
184                 return_m = (m + st_m) + "";
185             } else {
186                 return_m = "0" + (m + st_m);
187             }
188  
189         }
190  
191         if ((st_h + h) < 10) {
192             return_h = "0" + (st_h + h);
193         } else {
194             return_h = st_h + h + "";
195         }
196  
197         return return_h + ":" + return_m + ":" + return_s;
198     }
199 }
 1 3: 接下来这个就是布局文件了,其中会用到一些色值!之后我会贴出来,还有使用的图片和其他的xml文件
 2  
 3 
 4  5     android:layout_width="match_parent"
 6     android:layout_height="match_parent"
 7     android:background="@color/bg_whitef5"
 8     android:orientation="vertical" >
 9  
10     <LinearLayout
11         android:layout_width="fill_parent"
12         android:layout_height="wrap_content"
13         android:orientation="vertical" >
14  
15         <com.example.textmovebyseekbar.TextMoveLayout
16             android:id="@+id/textLayout"
17             android:layout_width="fill_parent"
18             android:layout_height="40dp" />
19  
20         <SeekBar
21             android:id="@+id/seekbar"
22             android:layout_width="fill_parent"
23             android:layout_height="wrap_content"
24             android:focusable="true"
25             android:maxHeight="4dp"
26             android:minHeight="4dp"
27             android:paddingLeft="5dp"
28             android:paddingRight="5dp"
29             android:progressDrawable="@drawable/po_seekbar"
30             android:thumb="@drawable/seekbar_thumb" />
31     
32  
33     <RelativeLayout
34         android:layout_width="fill_parent"
35         android:layout_height="wrap_content" >
36  
37         <TextView
38             android:id="@+id/start_time"
39             android:layout_width="wrap_content"
40             android:layout_height="wrap_content"
41             android:layout_alignParentLeft="true"
42             android:layout_marginLeft="14dp"
43             android:textColor="@color/bg_lin_95" />
44  
45         <TextView
46             android:id="@+id/end_time"
47             android:layout_width="wrap_content"
48             android:layout_height="wrap_content"
49             android:layout_alignParentRight="true"
50             android:layout_marginRight="14dp"
51             android:textColor="@color/bg_lin_95" />
52     
53  
54 
 1 5:    android:progressDrawable="@drawable/po_seekbar"这句会引用一个xml文件
 2  
 3 
 4 list
 5   xmlns:android="http://schemas.android.com/apk/res/android">
 6     
 7         
 8             
 9         
10     
11     
12         
13             
14                 
15             
16         
17     
18     
19         
20             
21                 
22             
23         
24     
25 
 1 6:android:thumb="@drawable/seekbar_thumb"也会引用一个xml文件 这其中又有用到两张图片 
 2  
 3 
 4 
 5  
 6     
 7     
 8     
 9     
10  
11 

 

你可能感兴趣的:(Android使用SeekBar)