android 自定义 ProgressBar （类似微博拍摄视频进度条）

哈哈哈 第一次写自定义啦。。。。。

/**
 * 视频进度条
 * 
 * @author 
 */
public class ProgressView extends View {


/**
* 标注点的颜色
*/
private int markingColor;


/**
* 标注点的位置
*/
private float markingPosition;


private Paint mPaint = new Paint();


public ProgressView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}


public ProgressView(Context context) {
this(context, null);
}


/**
* 获得自定义的样式属性
* 
* @param context
* @param attrs
* @param defStyle
*/
public ProgressView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.ProgressView, defStyle, 0);
markingColor = a.getColor(R.styleable.ProgressView_markingColor, Color.parseColor("#eb6100"));
markingPosition = a.getFloat(R.styleable.ProgressView_markingPosition, 0);
a.recycle();
}


@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}


@Override
protected void onDraw(Canvas canvas) {
float value = getMeasuredWidth() * (markingPosition / 10f);
mPaint.setColor(markingColor);
canvas.drawRect(value, 0, value + 8f, getMeasuredHeight(), mPaint);
}
}

attrs.xml

    <!-- 视频拍摄进度条属性 -->
   <declare-styleable name="ProgressView">
        <attr name="foregroundColor" format="color" />
        <attr name="markingColor" format="color" />
        <attr name="markingPosition" format="float" />
    </declare-styleable>

 

 然后在 布局文件里面引用：

别忘了 一定要引用 xmlns:custom="http://schemas.android.com/apk/res/com.usportnews.fanszone"我们的命名空间，后面的包路径指的是项目的package

     

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="3dp"
        android:layout_marginBottom="5dp"
        android:background="#24292d" >


        <ProgressBar
            android:id="@+id/movie_recorder_view_progressBar"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:progressDrawable="@drawable/viedo_progress" />


        <com.usportnews.fanszone.widget.ProgressView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            custom:foregroundColor="#ed6100"
            custom:markingPosition="4" >
        </com.usportnews.fanszone.widget.ProgressView>


        <ImageView
            android:id="@+id/movie_recorder_arrowImgId"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="1dp"
            android:background="@drawable/icon_viedo_progress_white" />
    </RelativeLayout>

哈哈哈  中间隔断 白点 都有辣  完工。。。。。