自定义进度条，并在中间显示文本

自定义进度条，并在中间显示文本

一、  写类ProgressBarDemo并继承ProgressBar类，重写该类的构造方法（三个构造方法）：

public ProgressBarDemo(Context context, AttributeSet attrs, int defStyle) {

      super(context, attrs,defStyle);

      init();

   }

public ProgressBarDemo(Context context, AttributeSet) {

      super(context, attrs);

      init();

   }

public ProgressBarDemo(Context context) {

      super(context);

      init();

   }

二、  写一个初始化方法，用于初始化画笔：

   private void init(){

      mPaint = new Paint();

      mPaint.setColor(Color.RED);

      mPaint.setAntiAlias(true);

      mPaint.setStyle(Paint.Style.FILL);

      mPaint.setTextSize(16);

   }

三、  重写ProgressBar类的setProgressBar（int progress）;方法,该方法用于显示进度:

   public synchronized void setProgress(int progress) {

      super.setProgress(progress);

      int rate = (int)(100*progress/getMax());

      str = rate + "%";

}

四、  再重写一个onDraw(Canvas canvas)方法，用于描绘显示文本显示的文字，并描绘文字到文本显示区域：

protected synchronizedvoidonDraw(Canvas canvas) {

      super.onDraw(canvas);

      Rectrect = newRect();

      // 获取所绘文本的区域

      // 第一个参数表示获取的字符串

      // 第二个参数表示获取字的起始字符下标

      // 第三个参数表示获取的字结束字符下标

      // 第四个参数表示获取的区域保存对象

      mPaint.getTextBounds(str, 0, str.length(), rect);

   int x = (getWidth()/2) -rect.centerX();

   int y = (getHeight() +(rect.bottom- rect.top))/ 2;

      canvas.drawText(str, x, y, mPaint);

   }

 

 

五、 回顾一下xml文件代码，和MainActivity.java中的代码：

Xml文件的代码：

<com.mct.mytextview.ProgressBarDemo

  android:id="@+id/m_progress"

  style="@android:style/Widget.ProgressBar.Horizontal"

  android:layout_width="fill_parent"

  android:layout_height="wrap_content"

android:max="100" />

 

MainActivity.java中的代码：

public classMainActivity extends Activity {

   private ProgressBarDemo bar;

   protected void onCreate(BundlesavedInstanceState) {

      super.onCreate(savedInstanceState);

      setContentView(R.layout.activity_main);

      bar = (ProgressBarDemo)findViewById(R.id.m_progress);

      bar.setProgress(50);

   }

 

}
效果图如下：