Androidは微信の友達の輪のピクチャーとビデオを実現して放送します。
この記事の例では、Androidが微信友達圏の画像とビデオ再生を実現するための具体的なコードを共有しています。参考にしてください。具体的な内容は以下の通りです。
1.効果図:
2.ソースアドレス:リンク
3.パラメータ制御、再生ボタンが表示されますか?
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;
}
}
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。