Android实现微信朋友圈图片和视频播放

 更新时间:2021年05月09日 08:56:32   作者:勘察加熊人  
这篇文章主要为大家详细介绍了Android实现微信朋友圈图片和视频播放,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android实现微信朋友圈图片和视频播放的具体代码,供大家参考,具体内容如下

1.效果图:

2.源码地址:链接

3.参数控制,是否显示播放按钮

holder.layout.setIsShowAll(mList.get(position).isShowAll);
   holder.layout.setIsVideo(true); //true :video, false :img
   holder.layout.setUrlList(mList.get(position).urlList);

4.自定义控件:

package com.example.mepositry.view;
 
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.AppCompatImageView;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.ViewGroup;
 
import com.example.mepositry.R;
 
 
 
//根据宽高比例自动计算高度ImageView
 
public class RatioImageView extends AppCompatImageView {
 
    private int playBtnRes = R.mipmap.play_btn_video;
    private Bitmap playBtnBitmap;
 
    private boolean type; //true表示video
    private int i; //i图片id
    private String url; //url图片地址
 
 
    private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    Rect src = new Rect();
    RectF dest = new RectF();
    //* 宽高比例
    private float mRatio = 0f;
 
    public RatioImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
 
    public RatioImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
     /*   TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.RatioImageView);
        playBtnRes = typedArray.getResourceId(R.styleable.ImageViewPlay_ivp_play_btn_res, playBtnRes);
        playBtnBitmap = BitmapFactory.decodeResource(getResources(), playBtnRes);
        mRatio = typedArray.getFloat(R.styleable.RatioImageView_ratio, 0f);
        typedArray.recycle();*/
    }
 
    public RatioImageView(Context context) {
        super(context);
        TypedArray typedArray = context.obtainStyledAttributes(R.styleable.RatioImageView);
        playBtnRes = typedArray.getResourceId(R.styleable.ImageViewPlay_ivp_play_btn_res, playBtnRes);
        playBtnBitmap = BitmapFactory.decodeResource(getResources(), playBtnRes);
        mRatio = typedArray.getFloat(R.styleable.RatioImageView_ratio, 0f);
        typedArray.recycle();
    }
 
 
 
    //*description: 设置图片类型,如果是TYPE_IMAGE,显示图片,如果是TYPE_VIDEO,显示图片,并且在图片正中心绘制一个播放按钮
    public void setType(boolean type,  int i,   String url){
        this.type = type;
        this.i = i;
        this.url = url;
    }
 
 
    //设置ImageView的宽高比
 
    public void setRatio(float ratio) {
        mRatio = ratio;
    }
 
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if(type){
            //如果是true,显示图片,并且在图片正中心绘制一个播放按钮
            Drawable drawable = getDrawable();
            if (drawable != null) {
                int viewW = drawable.getIntrinsicWidth(); //获取图片的宽
                int viewH = drawable.getIntrinsicHeight(); //获取图片的高
                int btnW = playBtnBitmap.getWidth(); //获取播放按钮的宽
                int btnH = playBtnBitmap.getHeight(); //获取播放按钮的高
                float[] result = measureViewSize(viewW, viewH);
                if(result[0] > 0 && result[1] > 0){ //先根据比例缩放图标,确保绘制的时候再次回归缩放,保持播放的图片大小不变
                    btnW *= (viewW / result[0]);
                    btnH *= (viewH / result[1]);
                }
                float left = (viewW - btnW) / 2.0f;
                float top = (viewH - btnH) / 2.0f;
                src.set(0, 0, btnW, btnH);
                dest.set(left, top, left+btnW, top+btnH);
                canvas.save();
                canvas.concat(getImageMatrix());
                canvas.drawBitmap(playBtnBitmap, src, dest, mPaint);
                canvas.restore();
            }
        }
    }
 
 
 
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int width = MeasureSpec.getSize(widthMeasureSpec);
        Drawable drawable = getDrawable();
        if (drawable != null) { //重新计算view
            int viewW = drawable.getIntrinsicWidth();
            int viewH = drawable.getIntrinsicHeight();
            if(viewW > 0 && viewH > 0) {
                float[] result = measureViewSize(viewW, viewH);
                setMeasuredDimension((int)result[0], (int) result[1]);
            }
        }
 
        if (mRatio != 0) {
            float height = width / mRatio;
            heightMeasureSpec = MeasureSpec.makeMeasureSpec((int) height, MeasureSpec.EXACTLY);
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
 
    @Override
    public boolean onTouchEvent(MotionEvent event) {
 
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Drawable drawable = getDrawable();
                if (drawable != null) {
                    drawable.mutate().setColorFilter(Color.GRAY,
                            PorterDuff.Mode.MULTIPLY);
                }
                break;
            case MotionEvent.ACTION_MOVE:
                break;
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                Drawable drawableUp = getDrawable();
                if (drawableUp != null) {
                    drawableUp.mutate().clearColorFilter();
                }
                break;
        }
 
        return super.onTouchEvent(event);
    }
 
 
    // *description: 根据传入的图片宽高,计算出最终的imageview的宽高,长宽等比缩放
    private float[] measureViewSize(int w, int h) {
        ViewGroup.LayoutParams lp = getLayoutParams();
        float maxW = lp.width;
        float maxH = lp.height;
        float showWidth = w;
        float showHeight = h;
        float scale = (1.0f * maxW) / maxH;
        float s = 1.0f * w / h;
        if (w < maxW && h < maxH) { //不进行缩放
            showWidth = w;
            showHeight = h;
        } else if (s > scale) { //宽取最大,高进行缩小
            showWidth = maxW;
            showHeight = (int) (h * (showWidth * 1.0 / w));
        } else if (s <= scale) {//高取最大,宽进行缩小
            showHeight = maxH;
            showWidth = (int) (w * (showHeight * 1.0 / h));
        }
        float[] result = new float[2];
        result[0] = showWidth;
        result[1] = showHeight;
        return result;
    }
 
}

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

相关文章

  • Android App中实现简单的刮刮卡抽奖效果的实例详解

    Android App中实现简单的刮刮卡抽奖效果的实例详解

    这篇文章主要介绍了Android App中实现简单的刮刮卡抽奖效果的实例详解,文中主要借助Bitmap的canvas.drawPath的api来实现,需要的朋友可以参考下
    2016-03-03
  • Android中实现延时执行操作的方法小结

    Android中实现延时执行操作的方法小结

    在Android开发中我们可能会有延时执行某个操作的需求,这篇文章主要介绍了Android中实现延时执行操作的几种方法,需要的朋友可以参考下
    2018-10-10
  • Android实现双击TitleBar回顶部的功能示例代码

    Android实现双击TitleBar回顶部的功能示例代码

    一个简单易用的导航栏TitleBar,可以轻松实现IOS导航栏的各种效果,下面这篇文章主要给大家介绍了关于Android如何实现双击TitleBar回顶部功能的相关资料,文中给出了详细的示例代码,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-09-09
  • Android通过手机拍照或从本地相册选取图片设置头像

    Android通过手机拍照或从本地相册选取图片设置头像

    微信、QQ、微博等社交类APP如何更换自己的头像,这篇文章主要介绍了Android通过手机拍照或从本地相册选取图片设置头像,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • Android之联系人PinnedHeaderListView使用介绍

    Android之联系人PinnedHeaderListView使用介绍

    Android联系人中的ListView是做得比较独特的,这几天,我把他提取出来了,写成一个简单的例子,留着备用,感兴趣的朋友可以参考下哈
    2013-06-06
  • Android自定义UI实现微信语音

    Android自定义UI实现微信语音

    这篇文章主要为大家详细介绍了Android自定义UI实现微信语音的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • android handler.post和handler.sendMessage的区别和联系

    android handler.post和handler.sendMessage的区别和联系

    handler.post和handler.sendMessage本质上是没有区别的,都是发送一个消息到消息队列中,而且消息队列和handler都是依赖于同一个线程的。接下来通过本文给大家分享android handler.post和handler.sendMessage的区别和联系,一起看看吧
    2017-08-08
  • Android自定义弹出框dialog效果

    Android自定义弹出框dialog效果

    这篇文章主要为大家详细介绍了Android自定义弹出框dialog效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • kotlin实战教程之lambda编程

    kotlin实战教程之lambda编程

    这篇文章主要给大家介绍了关于kotlin实战教程之lambda编程的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用kotlin具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-09-09
  • Android开发graphics bufferqueue整体流程

    Android开发graphics bufferqueue整体流程

    这篇文章主要为大家介绍了Android开发graphics bufferqueue整体流程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07

最新评论