android自定义ImageView仿图片上传示例

作者:小小蓝莓082 时间:2023-08-11 20:34:08 

看下效果图

android自定义ImageView仿图片上传示例

主要看下自定义view 代码


public class ProcessImageView extends ImageView{
 private Context context;
 private Paint paint;
 private LogUtil log=LogUtil.getInstance();
 int progress = 0;
 private boolean flag;

public ProcessImageView(Context context) {
   super(context);
 }

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

public ProcessImageView(Context context, AttributeSet attrs, int defStyleAttr) {
   super(context, attrs, defStyleAttr);
   this.context=context;
   paint=new Paint();
 }

@Override
 protected void onDraw(Canvas canvas) {
   super.onDraw(canvas);
   paint.setAntiAlias(true); //消除锯齿
   paint.setStyle(Paint.Style.FILL); //设置paint为实心, Paint.Style.STROKE为空心
   paint.setColor(Color.parseColor("#70000000")); //设置为半透明
   canvas.drawRect(0,0,getWidth(),getHeight()-getHeight()*progress/100,paint); //这里getWidth() 获取的是image对象宽高度 xml值*2

paint.setColor(Color.parseColor("#00000000"));// 全透明
   canvas.drawRect(0, getHeight() - getHeight() * progress / 100,
       getWidth(), getHeight(), paint);

if(!flag){
     paint.setTextSize(30);
     paint.setColor(Color.parseColor("#FFFFFF"));
     paint.setStrokeWidth(2);
     Rect rect = new Rect();
     paint.getTextBounds("100%", 0, "100%".length(), rect);// 确定文字的宽度
     canvas.drawText(progress + "%", getWidth() / 2 - rect.width() / 2,
         getHeight() / 2, paint);
   }
 }

public void setProgress(int progress) {
   this.progress = progress;
   if(progress==100){
     flag=true;
   }
   postInvalidate();
 }
}

里面代码很详细了。

然后看下 Activity代码


public class MainActivity extends AppCompatActivity {
 ProcessImageView processImageView =null;
 int progress=0;

@Override
 protected void onCreate(Bundle savedInstanceState) {
   super.onCreate(savedInstanceState);
   setContentView(R.layout.activity_main);

processImageView=(ProcessImageView) findViewById(R.id.image);
   //模拟图片上传进度
   new Thread(new Runnable() {
     @Override
     public void run() {
       while (true){
         if(progress==100){//图片上传完成
           return;
         }
         progress++;
         processImageView.setProgress(progress);
         try{
           Thread.sleep(200); //暂停0.2秒
         } catch (InterruptedException e){
           e.printStackTrace();
         }
       }
     }
   }).start();
 }
}

下面来详细介绍view代码。

首先从图中可以看到 中间有个参数变化,这个进度值不断变化,我们再activity 中使用了一个线程 ,每隔0.2 秒会增加progress这个值,然后通过 processImageView.setProgress(progress); 改变view类中 progress重绘制这个定义view.

然后看下自定义view 类,主要onDraw()方法中.

绘制中分为三部分,

第一部分为上部分半透明区域

第二部分为下部分全透明区域

第三部分就是中间的progress值变化

先看第一个部分画出上部分半透明,


paint.setAntiAlias(true); //消除锯齿
   paint.setStyle(Paint.Style.FILL); //设置paint为实心, Paint.Style.STROKE为空心
   paint.setColor(Color.parseColor("#70000000")); //设置为半透明
   canvas.drawRect(0,0,getWidth(),getHeight()-getHeight()*progress/100,paint);

第二部分画出下面透明区域


paint.setColor(Color.parseColor("#00000000"));// 全透明
   canvas.drawRect(0, getHeight() - getHeight() * progress / 100,
       getWidth(), getHeight(), paint);

第三部分动态改变字符串


if(!flag){
     paint.setTextSize(30);
     paint.setColor(Color.parseColor("#FFFFFF"));
     paint.setStrokeWidth(2);
     Rect rect = new Rect();
     paint.getTextBounds("100%", 0, "100%".length(), rect);// 确定文字的宽度
     canvas.drawText(progress + "%", getWidth() / 2 - rect.width() / 2,
         getHeight() / 2, paint);
   }

源码地址 http://xiazai.jb51.net/201701/yuanma/ProcessImageDemo_jb51.rar

来源:http://blog.csdn.net/xiabing082/article/details/54572987

标签:android,上传图片
0
投稿

猜你喜欢

  • C++类的空指针调用成员函数的代码

    2023-12-10 15:56:02
  • springboot @ConfigurationProperties和@PropertySource的区别

    2023-06-12 07:18:14
  • Android按钮按下的时候改变颜色实现方法

    2021-09-24 20:15:39
  • WPF开发之实现一种三轴机械手控件

    2021-10-29 19:16:29
  • VScode 打造完美java开发环境最新教程

    2023-02-24 16:02:10
  • Android 仿微信自定义数字键盘的实现代码

    2021-10-06 06:58:54
  • 浅谈Mybatis获取参数值的方式

    2022-09-22 07:56:21
  • c#简单工厂、工厂方法与抽象工厂的区别分析

    2021-11-30 04:39:47
  • Android实现手机震动抖动效果的方法

    2023-01-25 07:27:43
  • Java 图片与byte数组互相转换实例

    2023-06-24 03:28:39
  • Java中自然排序和比较器排序详解

    2022-09-04 21:04:49
  • 详解ViewBinding用法

    2023-07-01 21:38:41
  • Android 使用 okhttp3和retrofit2 进行单文件和多文件上传

    2023-04-29 07:33:22
  • 5种Android数据存储方式汇总

    2023-08-06 06:49:04
  • SpringCloud OpenFeign超详细讲解模板化远程通信的实现

    2023-04-27 06:43:29
  • 基于Unity制作一个简易的计算器

    2023-02-18 10:02:39
  • 浅谈java中String的两种赋值方式的区别

    2021-09-21 23:59:36
  • Android自定义View绘图实现拖影动画

    2023-04-16 00:06:38
  • Android Studio进行APP图标更改的两种方式总结

    2022-02-07 09:08:40
  • SpringBoot如何接收Post请求Body里面的参数

    2023-07-30 13:43:35
  • asp之家 软件编程 m.aspxhome.com