1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > android中使用自定义View让图片像画卷一样被展开显示

android中使用自定义View让图片像画卷一样被展开显示

时间:2018-11-18 17:20:29

相关推荐

android中使用自定义View让图片像画卷一样被展开显示

首先看下效果图,有点卡顿,这是因为我是用android studio的screen record来录制手机视频的,然后找不到合适的mp4->gif的软件,就使用了一个录屏的软件,所以有点卡顿,但是实际上跑起来还是很柔滑的。

这是使用了自定义View的方法,下面上代码:

/*** Created by hzlinxuanxuan on /9/5.*/public class DrawBitmapView extends View {private Bitmap bitmap;//每次刷新比上一次多显示图片的比例private float step = 0.01f;//已经显示图片的比例private float currentScale = 0.0f;//显示图片的区域private RectF dst;private Rect src;private Handler handler = new Handler() {@Overridepublic void handleMessage(Message msg) {super.handleMessage(msg);if (msg.what == 1)invalidate();}};public DrawBitmapView(Context context, AttributeSet attrs) {super(context, attrs);BitmapFactory.Options opts = new BitmapFactory.Options();opts.inSampleSize = 2;bitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.snail, opts);dst = new RectF();dst.left = 0;dst.top = 0;dst.bottom = bitmap.getHeight();src = new Rect();src.left = 0;src.top = 0;src.bottom = bitmap.getHeight();}/*** 默认从左到右显示*/@Overrideprotected void onDraw(Canvas canvas) {currentScale = currentScale + step > 1 ? 1 : currentScale + step;dst.right = bitmap.getWidth() * currentScale;src.right = (int) (bitmap.getWidth() * currentScale);/** drawBitmap(Bitmap bitmap, Rect src, RectF dst, Paint paint);* Rect src: 是对图片进行裁截,若是空null则显示整个图片* RectF dst:是图片在Canvas画布中显示的区域,* 大于src则把src的裁截区放大,* 小于src则把src的裁截区缩小。* 当想要让图片以画卷方式展现的话,主要是设置src大小,这边是默认从左到右显示,所以每次只要修改src中right的大小就好*/canvas.drawBitmap(bitmap, src, dst, null);if (currentScale >= 1) {//当显示完图片,重置,循环显示currentScale = 0 - step;}//不想让整个页面处于频繁刷新的状态,这里延迟了10ms来刷新该页面handler.sendEmptyMessageDelayed(1, 10);}}

<com.think.linxuanxuan.sampleapplication.other.DrawBitmapViewandroid:layout_width="match_parent"android:layout_height="220dp"/>

这里是直接继承自View,当然读者可以直接让他继承imageView,这样就可以直接在xml文件中为其指定src,然后在ondraw函数中使用

Drawable drawable=getDrawable();

然后对该drawable进行操作即可,例子中使用的是默认图片,这里读者可以自己diy啦

解读代码:

该代码中主要是每次都画图片的一部分,然后连起来,像播放电影画面一样,给人是完整柔滑的展开图片的感觉。那每次画图片多少呢,是用Rect src该变量决定的,具体代码中有说明。

具体代码git地址:

git clone /LxxCaroline/SampleApplication.git

该地址里面还有很多其他的sample,读者如果有兴趣可以都打开看看,该例子的代码是在DrawBitmapView.java和activity_draw.xml中

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。