安卓自定义View实现图片上传进度显示(仿QQ)
来源:互联网 发布:有c语言基础学java 编辑:程序博客网 时间:2024/05/16 08:41
首先看下我们想要实现的效果如下图(qq聊天中发送图片时的效果):
再看下图我们实现的效果:
实现原理很简单,首先我们上传图片时需要一个进度值progress,这个不管是自己写的上传的方法还是使用第三方开源库,其次,需要自定义一个View并重写onDraw方法,此例中的进度是开启了一个线程,然后模仿进度递增,然后将进度值通过自定义View调用一个自定义方法传进自定义View并根据进度进行重绘。
绘制分为三部分:
1.绘制矩形(图片面积)上半部分阴影区;
2.绘制矩形(图片面积)下半部分非阴影区;
3.绘制中间进度值(文字);
onDraw代码:
@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas); mPaint.setAntiAlias(true); // 消除锯齿 mPaint.setStyle(Paint.Style.FILL); mPaint.setColor(Color.parseColor("#70000000"));//半透明 canvas.drawRect(0, 0, getWidth(), getHeight()-getHeight()*progress/100, mPaint); mPaint.setColor(Color.parseColor("#00000000"));//全透明 canvas.drawRect(0, getHeight()-getHeight()*progress/100, getWidth(), getHeight(), mPaint); mPaint.setTextSize(30); mPaint.setColor(Color.parseColor("#FFFFFF"));mPaint.setStrokeWidth(2);Rect rect=new Rect();mPaint.getTextBounds("100%", 0, "100%".length(), rect);//确定文字的宽度canvas.drawText(progress+"%", getWidth()/2-rect.width()/2,getHeight()/2, mPaint); }传入进度值的方法:
public void setProgress(int progress){this.progress=progress;postInvalidate();};主界面调用方法:
customView=(CustomView6) findViewById(R.id.customView);//模拟图片上传进度new Thread(new Runnable() {@Overridepublic void run() { while (true){ if(progress==100){//图片上传完成 handler.sendEmptyMessage(SUCCESS); return; } progress++; customView.setProgress(progress); try{ Thread.sleep(200); //暂停0.2秒 } catch (InterruptedException e){ e.printStackTrace(); } } }}).start();
demo下载地址:http://download.csdn.net/detail/baiyuliang2013/8690773
4 0
- 安卓自定义View实现图片上传进度显示(仿QQ)
- 安卓自定义View实现图片上传进度显示(仿QQ)
- 安卓自定义View实现图片上传进度显示(仿QQ)
- android自定义View实现图片上传进度显示(仿手机QQ上传效果)
- android自定义View实现图片上传进度显示(仿手机QQ上传效果)
- android自定义View实现图片上传进度显示(仿手机QQ上传效果)
- 自定义View实现图片上传进度显示
- Android 自定义阴影进度实现仿QQ图片上传
- Android自定义View——仿QQ等级天数进度
- 自定义View实现类似QQ图片上传的效果
- 自定义View-圆球进度的实现(仿360波浪进度)
- 自定义View实现安卓裁剪图片
- 实现自定义view(2):仿Android QQ多屏幕显示ListView的效果
- 安卓下载网络图片显示进度
- Android自定义View,仿QQ显示用户等级
- 圆形进度条(包括仿QQ图片加载进度图)
- 安卓自定义View——PictureGuide一款不错的图片导航,可实现图片显示滑动到哪一张
- 圆形进度圈显示,仿QQ运动
- T-SQL语句总结
- 世界那么大
- 陈怡暖:希腊问题再受关注,美元反弹金银承压(午评)
- eclipse 导入项目出现红色叹号和出现Invalid project description问题 的解决方法
- iOS开发系列--音频播放、录音、视频播放、拍照、视频录制
- 安卓自定义View实现图片上传进度显示(仿QQ)
- NSArray数组 里面含有 NSMutableDictionary 字典 ,对NSMutableDictionary某个字段进行筛选过滤
- 携程App的网络性能优化实践
- 聊聊主流框架,Less/Sass/Compass/Bootstrap/H5bp
- Lua 最终版
- JSP中访问本地图片
- 单例模式
- iOS:编译问题Presenting view controllers on detached view controllers is discouraged
- #job 41