Android使用SeekBar时动态显示进度且随SeekBar一起移动

最近有做一个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