最近有做一个android项目，里面有使用到在播放视频时可以跳播，同时动态显示播放时间。类似于下图 的效果，我只是抽取其中的一部分做展示，刚接到这个事时也是在网上一通找，最后没找到！而且还碰到有些朋友和我有一样的需求，不知该如何做！现在我分享下自己做的！做的不好，多多包涵！因为上传不了附件，就直接贴代码了！
：第一个类是自定义的一个类 也就是SeekBar上方会跟随其一块移动的控件，其实非常简单的一个类 package com.example.textmovebyseekbar; import android.content.Context;
import android.util.AttributeSet;
import android.view.ViewGroup; //import android.widget.AbsoluteLayout; public class TextMoveLayout extends ViewGroup { public TextMoveLayout(Context context) {
super(context);
// TODO Auto-generated constructor stub
} public TextMoveLayout(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
} public TextMoveLayout(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
} @Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
// TODO Auto-generated method stub } }
： 第二类就是MainActivity了，代码很简单！稍微看下就懂的了~
package com.example.textmovebyseekbar; import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.ViewGroup;
import android.widget.SeekBar;
import android.widget.TextView; public class MainActivity extends Activity { private SeekBar seekbar = null; private String startTimeStr = "19:30:33"; private String endTimeStr = "21:23:21"; private TextView text, startTime, endTime; /**
* 视频组中第一个和最后一个视频之间的总时长
*/
private int totalSeconds = ; /**
* 屏幕宽度
*/
private int screenWidth; /**
* 自定义随着拖动条一起移动的空间
*/
private TextMoveLayout textMoveLayout; private ViewGroup.LayoutParams layoutParams;
/**
* 托动条的移动步调
*/
private float moveStep = ; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.video_fast_search);
screenWidth = getWindowManager().getDefaultDisplay().getWidth();
text = new TextView(this);
text.setBackgroundColor(Color.rgb(, , ));
text.setTextColor(Color.rgb(, , ));
text.setTextSize();
layoutParams = new ViewGroup.LayoutParams(screenWidth, );
textMoveLayout = (TextMoveLayout) findViewById(R.id.textLayout);
textMoveLayout.addView(text, layoutParams);
text.layout(, , screenWidth, );
/**
* findView
*/
seekbar = (SeekBar) findViewById(R.id.seekbar);
startTime = (TextView) findViewById(R.id.start_time);
endTime = (TextView) findViewById(R.id.end_time);
/**
* setListener
*/
seekbar.setOnSeekBarChangeListener(new OnSeekBarChangeListenerImp()); searchVideos(); } public void searchVideos() {
startTime.setText(startTimeStr);
endTime.setText(endTimeStr);
text.setText(startTimeStr);
totalSeconds = totalSeconds(startTimeStr, endTimeStr);
seekbar.setEnabled(true);
seekbar.setMax(totalSeconds);
seekbar.setProgress();
moveStep = (float) (((float) screenWidth / (float) totalSeconds) * 0.8); } private class OnSeekBarChangeListenerImp implements
SeekBar.OnSeekBarChangeListener { // 触发操作，拖动
public void onProgressChanged(SeekBar seekBar, int progress,
boolean fromUser) {
text.layout((int) (progress * moveStep), , screenWidth, );
text.setText(getCheckTimeBySeconds(progress, startTimeStr));
} // 表示进度条刚开始拖动，开始拖动时候触发的操作
public void onStartTrackingTouch(SeekBar seekBar) { } // 停止拖动时候
public void onStopTrackingTouch(SeekBar seekBar) {
// TODO Auto-generated method stub
}
} /**
* 计算连个时间之间的秒数
*/ private static int totalSeconds(String startTime, String endTime) { String[] st = startTime.split(":");
String[] et = endTime.split(":"); int st_h = Integer.valueOf(st[]);
int st_m = Integer.valueOf(st[]);
int st_s = Integer.valueOf(st[]); int et_h = Integer.valueOf(et[]);
int et_m = Integer.valueOf(et[]);
int et_s = Integer.valueOf(et[]); int totalSeconds = (et_h - st_h) * + (et_m - st_m) *
+ (et_s - st_s); return totalSeconds; } /**
* 根据当前选择的秒数还原时间点
*
* @param args
*/ private static String getCheckTimeBySeconds(int progress, String startTime) { String return_h = "", return_m = "", return_s = ""; String[] st = startTime.split(":"); int st_h = Integer.valueOf(st[]);
int st_m = Integer.valueOf(st[]);
int st_s = Integer.valueOf(st[]); int h = progress / ; int m = (progress % ) / ; int s = progress % ; if ((s + st_s) >= ) { int tmpSecond = (s + st_s) % ; m = m + ; if (tmpSecond >= ) {
return_s = tmpSecond + "";
} else {
return_s = "" + (tmpSecond);
} } else {
if ((s + st_s) >= ) {
return_s = s + st_s + "";
} else {
return_s = "" + (s + st_s);
} } if ((m + st_m) >= ) { int tmpMin = (m + st_m) % ; h = h + ; if (tmpMin >= ) {
return_m = tmpMin + "";
} else {
return_m = "" + (tmpMin);
} } else {
if ((m + st_m) >= ) {
return_m = (m + st_m) + "";
} else {
return_m = "" + (m + st_m);
} } if ((st_h + h) < ) {
return_h = "" + (st_h + h);
} else {
return_h = st_h + h + "";
} return return_h + ":" + return_m + ":" + return_s;
}
}
： 接下来这个就是布局文件了，其中会用到一些色值！之后我会贴出来，还有使用的图片和其他的xml文件 <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/bg_whitef5"
android:orientation="vertical" > <LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical" > <com.example.textmovebyseekbar.TextMoveLayout
android:id="@+id/textLayout"
android:layout_width="fill_parent"
android:layout_height="40dp" /> <SeekBar
android:id="@+id/seekbar"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:focusable="true"
android:maxHeight="4dp"
android:minHeight="4dp"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:progressDrawable="@drawable/po_seekbar"
android:thumb="@drawable/seekbar_thumb" />
</LinearLayout> <RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content" > <TextView
android:id="@+id/start_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_marginLeft="14dp"
android:textColor="@color/bg_lin_95" /> <TextView
android:id="@+id/end_time"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_marginRight="14dp"
android:textColor="@color/bg_lin_95" />
</RelativeLayout> </LinearLayout>
： android:progressDrawable="@drawable/po_seekbar"这句会引用一个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>
<solid android:color="#c6c6c6" />
</shape>
</item>
<item android:id="@*android:id/secondaryProgress">
<clip>
<shape>
<solid android:color="#c6c6c6" />
</shape>
</clip>
</item>
<item android:id="@*android:id/progress">
<clip>
<shape>
<solid android:color="#06a7fa" />
</shape>
</clip>
</item>
</layer-list>
：android:thumb="@drawable/seekbar_thumb"也会引用一个xml文件 这其中又有用到两张图片 <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/video_fast_search_nomal" android:state_focused="true" android:state_pressed="false"/>
<item android:drawable="@drawable/video_fast_search_press" android:state_focused="true" android:state_pressed="true"/>
<item android:drawable="@drawable/video_fast_search_press" android:state_focused="false" android:state_pressed="true"/>
<item android:drawable="@drawable/video_fast_search_nomal"/> </selector>
色值：bg_whitef5：#F5F5F5
bg_lin_95：#959595