Android使用SeekBar

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

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

 1：第一个类是自定义的一个类 也就是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

     }

 }

 2： 第二类就是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 = 0;

     /**
      * 屏幕宽度
      */
     private int screenWidth;

     /**
      * 自定义随着拖动条一起移动的空间
      */
     private TextMoveLayout textMoveLayout;

     private ViewGroup.LayoutParams layoutParams;
     /**
      * 托动条的移动步调
      */
     private float moveStep = 0;

     @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(245, 245, 245));
         text.setTextColor(Color.rgb(0, 161, 229));
         text.setTextSize(16);
         layoutParams = new ViewGroup.LayoutParams(screenWidth, 50);
         textMoveLayout = (TextMoveLayout) findViewById(R.id.textLayout);
         textMoveLayout.addView(text, layoutParams);
         text.layout(0, 20, screenWidth, 80);
         /**
          * 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(0);
         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), 20, screenWidth, 80);
             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[0]);
         int st_m = Integer.valueOf(st[1]);
         int st_s = Integer.valueOf(st[2]);

         int et_h = Integer.valueOf(et[0]);
         int et_m = Integer.valueOf(et[1]);
         int et_s = Integer.valueOf(et[2]);

         int totalSeconds = (et_h - st_h) * 3600 + (et_m - st_m) * 60
                 + (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[0]);
         int st_m = Integer.valueOf(st[1]);
         int st_s = Integer.valueOf(st[2]);

         int h = progress / 3600;

         int m = (progress % 3600) / 60;

         int s = progress % 60;

         if ((s + st_s) >= 60) {

             int tmpSecond = (s + st_s) % 60;

             m = m + 1;

             if (tmpSecond >= 10) {
                 return_s = tmpSecond + "";
             } else {
                 return_s = "0" + (tmpSecond);
             }

         } else {
             if ((s + st_s) >= 10) {
                 return_s = s + st_s + "";
             } else {
                 return_s = "0" + (s + st_s);
             }

         }

         if ((m + st_m) >= 60) {

             int tmpMin = (m + st_m) % 60;

             h = h + 1;

             if (tmpMin >= 10) {
                 return_m = tmpMin + "";
             } else {
                 return_m = "0" + (tmpMin);
             }

         } else {
             if ((m + st_m) >= 10) {
                 return_m = (m + st_m) + "";
             } else {
                 return_m = "0" + (m + st_m);
             }

         }

         if ((st_h + h) < 10) {
             return_h = "0" + (st_h + h);
         } else {
             return_h = st_h + h + "";
         }

         return return_h + ":" + return_m + ":" + return_s;
     }
 }

 3： 接下来这个就是布局文件了，其中会用到一些色值！之后我会贴出来，还有使用的图片和其他的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>

 5：    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>

 6：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>