專案需求，要將SeekBar的值顯示有SeekBar上方的一個PopupWindow中，PopupWindow的位置要隨著SeekBar的滑塊變換。(之前發的程式碼經過幾次測試，發現不適應於大部分場景，現已經將SeekBar上顯示一個PopupWindow封閉成一個CustomView ，大家只要在xml中費用就可以，但是tips.xml一點要有哦)

直接上程式碼：（註釋很清楚）

ManaMySeekBar.java:（自定義的SeekBar）

<pre name="code" class="java">/**
 * 自定義seekbar
 * 
 * */
public class ManaMySeekBar extends SeekBar {
	 // 用來顯示彈窗text
	private PopupWindow mPopupWindow;
	private LayoutInflater mInflater;
	 //顯示進度textview
	private View mView;
	 //定義座標陣列  記錄當前x,y座標
	private int[] mPosition;
	private TextView mTvProgress;
	public ManaMySeekBar(Context context, AttributeSet attrs) {
		super(context, attrs);

		//載入PopupWindow上顯示的佈局
		mInflater = LayoutInflater.from(context);
		mView = mInflater.inflate(R.layout.tips, null);
		//佈局中的TextView 顯示seekBar的值
		mTvProgress = (TextView) mView.findViewById(R.id.tv_popu_menu);
		mPopupWindow = new PopupWindow(mView);
		//設定PopupWindow的背景
		  mPopupWindow.setBackgroundDrawable(getResources().getDrawable(
		 R.drawable.bg_charg));
		mPosition = new int[2];
	}

	//設定PopupWindow上顯示的內容
	public void setSeekBarText(String str) {
		mTvProgress.setText(str);
	}

	//獲得內容
	public String getstr() {

		return (String) mTvProgress.getText();
	}

	//觸控事件處理
	@Override
	public boolean onTouchEvent(MotionEvent event) {

		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			this.getLocationOnScreen(mPosition);
			mPopupWindow.showAsDropDown(this, (int) event.getX(), mPosition[1]
					- (int) this.getY() - this.getHeight() - 30);//
			break;
		case MotionEvent.ACTION_UP:
			mPopupWindow.dismiss();
			break;
		}
		return super.onTouchEvent(event);
	}


	//重寫OnDraw方法，更新PopupWindow的位置與顯示的值
	@Override
	protected synchronized void onDraw(Canvas canvas) {
		int thumb_x = this.getProgress() * (this.getWidth() / this.getMax());//根據進度值設定PopupWindow顯示的位置
		int middle = (int) this.getY() + this.getHeight();
		super.onDraw(canvas);

		if (mPopupWindow != null) {
			try {
				this.getLocationOnScreen(mPosition);
				mPopupWindow.update(thumb_x - 10, middle, 120, 100);//更新PopupWindow的位置與顯示的值
				setSeekBarText(String.valueOf(this.getProgress()));
			} catch (Exception e) {
			}
		}
	}
}
 

在要費用控制元件的佈局檔案引入自定義的SeekBar：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <mystery.honey.edittextinsertimagespan.ManaMySeekBar
        android:id="@+id/sb_point"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/ll_body"
        android:layout_marginTop="220dp" />

</RelativeLayout>
 

還有就是 popupwindow裡的佈局檔案：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/tv_popu_menu"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#ffffff"
        android:text="TextView" />
</LinearLayout>
 

最後看看效果圖吧：