android自定义旋转图片吗,Android自定义View旋转圆形图片

分手后的思念是犯贱 2022-10-14 01:14 42阅读 0赞

一个自定义View，记录一下思路和代码以备以后使用。

思路：

1.首先要画一个圆形图片和一个圆形背景图(通过自定义View);

2.自定义View基本步骤初始化属性,测量宽高和中心点,然后绘制图片;

3.通过handler实现图片的角度旋转.然后然后就慢慢撸.

效果图：

![e310d12121791eeb38746fc69cf39c0f.gif][]

1、废话不多直接上代码

public class MusicPlayerView extends View \{

private static final long ROTATE\_DELAY = 5;//旋转动作时间

private int mRotateDegrees;//旋转的角度

private Handler mRotate;

private int mWidth;

private int mHeight;

private float mCenterX;

private float mCenterY;

private RectF rectF;

private Bitmap mBitmapCover;

private float mCoverScale;

private BitmapShader mShader;

private Paint paint;

private boolean isRotating;

private final Runnable mRunnableRotate = new Runnable() \{

@Override

public void run() \{

if (isRotating) \{

updateCoverRotate();

mRotate.postDelayed(mRunnableRotate, ROTATE\_DELAY);

\};

/\*\*

\* 更新封面角度,重新绘制图片

\*/

private void updateCoverRotate() \{

mRotateDegrees += 1;

mRotateDegrees = mRotateDegrees % 360;

postInvalidate();

/\*\*

\* 判读是否在旋转

\* @return

\*/

public boolean isRotating() \{

return isRotating;

/\*\*

\* 开始旋转图片

\*/

public void start()\{

isRotating=true;

mRotate.removeCallbacksAndMessages(null);

mRotate.postDelayed(mRunnableRotate,ROTATE\_DELAY);

postInvalidate();

/\*\*

\* 停止图片旋转

\*/

public void stop()\{

isRotating = false;

postInvalidate();

/\*\*

\* 通过本地图片设置封面图

\*/

public void setCoverDrawable(int coverDrawable) \{

Drawable drawable = getContext().getResources().getDrawable(coverDrawable);

mBitmapCover = drawableToBitmap(drawable);

createShader();

postInvalidate();

/\*\*

\* 网络图片加载使用Picasso图片加载工具

\* @param imageUrl

\*/

public void setCoverURL(String imageUrl) \{

Picasso.with(getContext()).load(imageUrl).into(target);

public MusicPlayerView(Context context) \{

super(context);

init(context, null);

public MusicPlayerView(Context context, AttributeSet attrs) \{

super(context, attrs);

init(context, attrs);

public MusicPlayerView(Context context, AttributeSet attrs, int defStyleAttr) \{

super(context, attrs, defStyleAttr);

init(context, attrs);

/\*\*

\* 初始化View资源

\* @param context

\* @param attrs

\*/

private void init(Context context, AttributeSet attrs) \{

setWillNotDraw(false);

TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.play\_view);

Drawable mDrawableCover = a.getDrawable(R.styleable.play\_view\_cover);

if (mDrawableCover != null) \{

mBitmapCover = drawableToBitmap(mDrawableCover);

a.recycle();

mRotateDegrees = 0;

//通过handler更新图片角度

mRotate = new Handler();

rectF = new RectF();

/\*\*

\* 测量宽高,设置中心点中心点位置,创建阴影

\* @param widthMeasureSpec

\* @param heightMeasureSpec

\*/

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) \{

mWidth = MeasureSpec.getSize(widthMeasureSpec);

mHeight = MeasureSpec.getSize(heightMeasureSpec);

int minSide = Math.min(mWidth, mHeight); //取宽高最小值设置图片宽高

mWidth = minSide;

mHeight = minSide;

setMeasuredDimension(mWidth, mHeight); //重新设置宽高

//中心点位置

mCenterX = mWidth / 2f;

mCenterY = mHeight / 2f;

//设置图片显示位置

rectF.set(20.0f, 20.0f, mWidth - 20.0f, mHeight - 20.0f);

createShader();

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

@Override

protected void onDraw(Canvas canvas) \{

super.onDraw(canvas);

if (mShader == null) \{

return;

//画封面图片 判读图片的中心距离xy,算出边角大小,然后画圆

float radius = mCenterX <= mCenterY ? mCenterX - 75.0f : mCenterY - 75.0f;

canvas.rotate(mRotateDegrees, mCenterX, mCenterY);

canvas.drawCircle(mCenterX, mCenterY, radius, paint);

@Override

public boolean onTouchEvent(MotionEvent event) \{

switch (event.getAction()) \{

case MotionEvent.ACTION\_DOWN:

break;

return super.onTouchEvent(event);

private Target target = new Target() \{

@Override

public void onBitmapLoaded(Bitmap bitmap, Picasso.LoadedFrom from) \{

mBitmapCover = bitmap;

createShader();

postInvalidate();

@Override

public void onBitmapFailed(Drawable errorDrawable) \{

@Override

public void onPrepareLoad(Drawable placeHolderDrawable) \{

\};

private int mCoverColor = Color.YELLOW;

private void createShader() \{

if (mWidth == 0) \{

return;

if (mBitmapCover == null) \{ //如果封面为为创建默认颜色

mBitmapCover = Bitmap.createBitmap(mWidth, mHeight, Bitmap.Config.ARGB\_8888);

mBitmapCover.eraseColor(mCoverColor);

mCoverScale = ((float) mWidth) / (float) mBitmapCover.getWidth();

//创建缩放后的bitmap

mBitmapCover = Bitmap.createScaledBitmap(mBitmapCover,

(int) (mBitmapCover.getWidth() \* mCoverScale), (int) (mBitmapCover.getHeight() \* mCoverScale), true);

mShader = new BitmapShader(mBitmapCover, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

paint = new Paint();

paint.setAntiAlias(true);

paint.setShader(mShader);

/\*\*

\* 将drawable转换为位图 为BitmapShader准备

\* @param drawable

\* @return

\*/

private Bitmap drawableToBitmap(Drawable drawable) \{

if (drawable instanceof BitmapDrawable) \{

return ((BitmapDrawable) drawable).getBitmap();

int width = drawable.getIntrinsicWidth();

width = width > 0 ? width : 1;

int height = drawable.getIntrinsicHeight();

height = height > 0 ? height : 1;

Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB\_8888);

Canvas canvas = new Canvas(bitmap);

drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());

drawable.draw(canvas);

return bitmap;

2.差点忘记一个attrs属性

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

[e310d12121791eeb38746fc69cf39c0f.gif]: /images/20221014/07ac3d4a803a457c8ab70feb59b95d1f.png

android自定义旋转图片吗,Android自定义View旋转圆形图片

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Android自定义旋转菜单

相关 android自定义view圆,Android自定义View实现圆形环绕效果

相关 android自定义旋转图片吗,Android自定义View旋转圆形图片

相关 android progressbar 自定义图片匀速旋转

相关 android自定义view

相关 Android自定义View

相关 Android 自定义View

相关 Android自定义View

相关 Android自定义view

相关 Android自定义View