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

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

一、  写类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类的setProgressBarint 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);

   }

 

}
效果图如下: 

   自定义进度条,并在中间显示文本_第1张图片

你可能感兴趣的:(自定义进度条,并在中间显示文本)