最近有做一个android项目，里面有使用到在播放视频时可以跳播，同时动态显示播放时间。类似于下图 的效果，我只是抽取其中的一部分做展示，刚接到这个事时也是在网上一通找，最后没找到！而且还碰到有些朋友和我有一样的需求，不知该如何做！现在我分享下自己做的！做的不好，多多包涵！因为上传不了附件，就直接贴代码了！
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 <?xml version="1.0" encoding="utf-8"?>
4 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
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 </LinearLayout>
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 </RelativeLayout>
53
54 </LinearLayout>
1 5： android:progressDrawable="@drawable/po_seekbar"这句会引用一个xml文件
2
3 <?xml version="1.0" encoding="utf-8"?>
4 <layer-list
5 xmlns:android="http://schemas.android.com/apk/res/android">
6 <item android:id="@*android:id/background">
7 <shape>
8 <solid android:color="#c6c6c6" />
9 </shape>
10 </item>
11 <item android:id="@*android:id/secondaryProgress">
12 <clip>
13 <shape>
14 <solid android:color="#c6c6c6" />
15 </shape>
16 </clip>
17 </item>
18 <item android:id="@*android:id/progress">
19 <clip>
20 <shape>
21 <solid android:color="#06a7fa" />
22 </shape>
23 </clip>
24 </item>
25 </layer-list>
1 6：android:thumb="@drawable/seekbar_thumb"也会引用一个xml文件 这其中又有用到两张图片
2
3 <?xml version="1.0" encoding="utf-8"?>
4 <selector xmlns:android="http://schemas.android.com/apk/res/android">
5
6 <item android:drawable="@drawable/video_fast_search_nomal" android:state_focused="true" android:state_pressed="false"/>
7 <item android:drawable="@drawable/video_fast_search_press" android:state_focused="true" android:state_pressed="true"/>
8 <item android:drawable="@drawable/video_fast_search_press" android:state_focused="false" android:state_pressed="true"/>
9 <item android:drawable="@drawable/video_fast_search_nomal"/>
10
11 </selector>
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
