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

 更新时间:2017年01月16日 15:15:59   作者:小小蓝莓082  
本篇文章主要介绍了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

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

相关文章

  • android实现session保持简要概述及实现

    android实现session保持简要概述及实现

    其实sesion在浏览器和web服务器直接是通过一个叫做name为sessionid的cookie来传递的,所以只要在每次数据请求时保持sessionid是同一个不变就可以用到web的session了,感兴趣的你可以参考下本文或许对你有所帮助
    2013-03-03
  • Android模仿To圈儿个人资料界面层叠淡入淡出显示效果

    Android模仿To圈儿个人资料界面层叠淡入淡出显示效果

    这篇文章主要介绍了Android模仿To圈儿个人资料界面层叠淡入淡出显示效果的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • android文字描边功能的实现

    android文字描边功能的实现

    本文介绍的是android文字描边功能的实现,文字描边的功能在开发中还是听实用的,有需要的可以参考学习
    2016-07-07
  • Android组件化开发路由的设计实践

    Android组件化开发路由的设计实践

    本篇文章主要介绍了Android组件化开发路由的设计实践,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • Android 自定义Button控件实现按钮点击变色

    Android 自定义Button控件实现按钮点击变色

    这篇文章给大家介绍了android 自定义Button控件实现按钮点击变色的代码,本文给大家附有注释,非常不错,代码简单易懂,对android按钮点击变色的实现感兴趣的朋友参考下吧
    2016-11-11
  • Android系统服务是如何获取的

    Android系统服务是如何获取的

    这篇文章主要介绍了Android系统服务是如何获取的,帮助大家更好的理解和学习使用Android开发,感兴趣的朋友可以了解下
    2021-03-03
  • 利用源码编译Android系统的APK和可执行命令的方法

    利用源码编译Android系统的APK和可执行命令的方法

    这篇文章主要介绍了利用源码编译Android系统的APK和可执行命令的方法,示例在Linux系统环境上进行构建,需要的朋友可以参考下
    2016-02-02
  • Android编程之消息机制实例分析

    Android编程之消息机制实例分析

    这篇文章主要介绍了Android编程之消息机制,较为详细的分析了Android消息机制的原理与消息传递的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Android获取周围WIFI热点服务

    Android获取周围WIFI热点服务

    这篇文章主要为大家详细介绍了Android获取周围WIFI热点服务的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • Android仿支付宝支付从底部弹窗效果

    Android仿支付宝支付从底部弹窗效果

    这篇文章主要为大家详细介绍了Android仿支付宝选择支付方式,实现支付宝付款方式,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08

最新评论