Android progressbar实现带底部指示器和文字的进度条

2024-10-26 01:55:25

本文实例为大家分享了Android实现带指示器和文字的进度条，供大家参考，具体内容如下

根据项目要求需要实现以下效果：

列出源码：

public class TextProgressBar extends LinearLayout {

 String text;
 Paint mPaint;
 private Rect textRect;
 private Bitmap bitmap;
 private ProgressBar progressBar;
 int progress;
 int proWidth, proHeight;

 public TextProgressBar(Context context, AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  initText(context);
 }

 public TextProgressBar(Context context) {
  super(context);
  initText(context);
 }

 public TextProgressBar(Context context, AttributeSet attrs) {
  super(context, attrs);
  initText(context);
 }

 @Override
 protected synchronized void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  progress = progressBar.getProgress();
  if (progress == 0 || progress == progressBar.getMax())
   return;
  this.mPaint.getTextBounds(this.text, 0, this.text.length(), textRect);

  proWidth = progressBar.getWidth();
  proHeight = progressBar.getHeight();

  //画指示器
  int bitmapx = (int) (progressBar.getLeft() + proWidth * ((progress * 1f) / progressBar.getMax())) - bitmap.getWidth() / 2;
  int bitmapy = proHeight + bitmap.getHeight() / 2;
  if (bitmapx < 0)
   bitmapx = progressBar.getLeft();
  if(bitmapx > progressBar.getRight()-bitmap.getWidth())
   bitmapx = progressBar.getRight()-bitmap.getWidth();
  canvas.drawBitmap(bitmap, bitmapx, bitmapy, mPaint);

  //写字
  int tvx = (int) (progressBar.getLeft() + proWidth * ((progress * 1f) / progressBar.getMax())) - textRect.centerX();
  int tvy = proHeight + bitmap.getHeight() * 2 + 4;
  if (tvx < 0)
   tvx = progressBar.getLeft();
  if(tvx >= progressBar.getRight()-textRect.width())
   tvx = progressBar.getRight()-textRect.width();
  canvas.drawText(this.text, tvx, tvy + bitmap.getHeight(), this.mPaint);

 }

 //初始化，画笔
 private void initText(Context context) {
  View inflate = View.inflate(context, R.layout.textprogressbar, this);
  progressBar = (ProgressBar) inflate.findViewById(R.id.progressbar1);
  progressBar.setProgress(50);
  setWillNotDraw(false);
  this.mPaint = new Paint();
  this.mPaint.setColor(getResources().getColor(R.color.red));
  this.mPaint.setTextSize(20);
  textRect = new Rect();
  text = "0";
  bitmap = BitmapFactory.decodeResource(context.getResources(), R.mipmap.progress_top);
 }

 public void setProgress(int progress) {
  progressBar.setProgress(progress);
 }

 public void setText(String str) {
  text = str;
 }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

Android UI控件之ProgressBar进度条

我们知道在所有的界面UI中进度条无疑是非常重要的一个,因为它可以给用户一个较为清晰的视觉效果:就是用户的操作的完成情况.这不是简单的完成与未完成,而是以一个进度的方式展示给用户的交互性更强了. 对于Android系统中的进度条如何使用呢?下一是简单的实现,并未做相关的美化处理. 依照惯例,先上效果图: 第一张: 第二张: 其中两个原型的进度条并未做任何的处理,水平进度条利用线程使之不停地增加减少. 具体实现首先看布局文件: <LinearLayout xmlns:android="http
Android ProgressBar直线进度条的实例代码

直线进度条效果图: 点击下载后的效果图: 布局xml文件: empty Java代码: package com.example.android_rogressbar; import android.os.Handler; import android.os.Message; import android.os.StrictMode; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import
Android ProgressBar进度条使用详解

ProgressBar进度条,分为旋转进度条和水平进度条,进度条的样式根据需要自定义,之前一直不明白进度条如何在实际项目中使用,网上演示进度条的案例大多都是通过Button点击增加.减少进度值,使用方法incrementProgressBy(int),最简单的做法是在xml布局文件中放置ProgressBar空间,然后再MainActivity中触发事件后执行incrementProgressBy(int),代码如下: <LinearLayout xmlns:android="http:/
Android编程实现类似于圆形ProgressBar的进度条效果

本文实例讲述了Android编程实现类似于圆形ProgressBar的进度条效果.分享给大家供大家参考,具体如下: 我们要实现一个类似于小米分享中的圆形播放进度条,android自带的圆形ProgressBar是默认自动旋转的,所以无法实现,于是我们想到了使用自定义一个View,来实现这种效果. 首先来看看自己定义的View package cn.easymobi.application.bell.common; import android.content.Context; import an
android ListView和ProgressBar(进度条控件)的使用方法

ListView控件的使用:ListView控件里面装的是一行一行的数据,一行中可能有多列,选中一行,则该行的几列都被选中,同时可以触发一个事件,这种控件在平时还是用得很多的.使用ListView时主要是要设置一个适配器,适配器主要是用来放置一些数据.使用起来稍微有些复杂,这里用的是android自带的SimpleAdapter,形式如下:android.widget.SimpleAdapter.SimpleAdapter(Context context, List<? extends Map<
Android三种方式实现ProgressBar自定义圆形进度条

进度条样式在项目中经常可以见到,下面小编给大家分享Android三种方式实现ProgressBar自定义圆形进度条. Android进度条有4种风格可以使用. 默认值是progressBarStyle. 设置成progressBarStyleSmall后,图标变小. 设置成progressBarStyleLarge后,图标变大设置成progressBarStyleHorizontal后,变成横向长方形. 自定义圆形进度条ProgressBar的一般有三种方式: 一.通过动画实现定义res/a
Android编程之ProgressBar圆形进度条颜色设置方法

本文实例讲述了Android ProgressBar圆形进度条颜色设置方法.分享给大家供大家参考,具体如下: 你是不是还在为设置进度条的颜色而烦恼呢--别着急,且看如下如何解决. ProgressBar分圆形进度条和水平进度条我这里就分享下如何设置圆形进度条的颜色吧,希望对大家会有帮助. 源码如下: 布局文件代码: <ProgressBar android:id="@+id/progressbar" android:layout_width="wrap_content
Android进度条控件progressbar使用方法详解

一.简介二.方法 1)进度条ProgressBar使用方法 1.在layout布局文件中创建ProgressBar控件 <ProgressBar style="?android:attr/progressBarStyleHorizontal" android:layout_width="match_parent" android:layout_height="wrap_content" android:progress="30&
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO

在做手机开发时,经常碰到一些比较耗时的操作,这个时候进度条就开始派上用场了.这个demo展示了ProgressBar进度条和ProgressDialog进度框.一.ProgressDialog进度框,效果如图所示:代码如下: 复制代码代码如下: //进度对话框按钮监听 class ProssButtonListener implements OnClickListener { @Override public void onClick(View v) {
Android开发使用ProgressBar实现进度条功能示例

本文实例讲述了Android开发使用ProgressBar实现进度条功能.分享给大家供大家参考,具体如下: 进度条ProgressBar的使用主要有两种方向; 1.使用官方默认样式 2.使用自定义样式先看效果: 详细代码实现文末给出关于系统自带样式: 在 style="@android:style 中有许多系统自带样式,大家可以更具自身喜好选择. 如果不选择 style 系统会默认使用上图中红色的样式. 关于自定义样式: 这里我们最好看看源码很容易理解主要分为三个部分:当前进度.缓冲进度
Android进度条ProgressBar的实现代码

ProgressBar进度条当一个应用在后台执行时,前台界面不会有任何信息,这时,用户根本不知道程序是否在执行以及执行的进度等, 因此需要使用进度条来提示程序执行的进度. 而ProgressBar就是来做这个事情的. activity_main.xml <?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android=
Android开发之ProgressBar字体随着进度条的加载而滚动

在网上翻阅了很多关于ProgressBar滚动效果,但是始终没有找到适合项目中的这种效果,故自己写这篇文章,记录一下写作过程,给大家做一个参考.先看下最终效果效果图我这里用的是LICEcap软件录制的gif图,效果有点掉帧,哪位仁兄有比较好的录制gif的软件烦请相告,小弟在此先行谢过. 首先看下xml代码,只有两个系统控件,一个TextView和一个ProgressBar,Button只是为了方便触发进度条的效果,实际项目中可以根据需求来做.首先看下xml中的代码: <?xml version

Android progressbar实现带底部指示器和文字的进度条

相关推荐

随机推荐