自定义加载微调器图标

Question

我使用下面的布局实现了一个加载微调器图标：

<RelativeLayout
    android:id="@+id/spinner"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:layout_marginTop="50dp">

    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminate="true"
        />

</RelativeLayout>

但这使用默认的Android微调器。我想用我从preloaders.net得到的加载图标来替换微调器，如下所示：

如何用此自定义微调器替换默认的Android微调器？

Answer 1

我建议利用这个变体。老实说，你的微调器并没有那么酷，让它成为1比1。

如果你找不到正常的解决方案。你可以提出你的观点。

class DrawThread extends Thread{
    private boolean runFlag = false;
    private SurfaceHolder surfaceHolder;
    private Bitmap picture;
    private Matrix matrix;
    private long prevTime;

    public DrawThread(SurfaceHolder surfaceHolder, Resources resources){
        this.surfaceHolder = surfaceHolder;

        picture = BitmapFactory.decodeResource(resources, R.drawable.spinner);

        matrix = new Matrix();
        matrix.postScale(3.0f, 3.0f);
        matrix.postTranslate(100.0f, 100.0f);

        prevTime = System.currentTimeMillis();
    }

    public void setRunning(boolean run) {
        runFlag = run;
    }

    @Override
    public void run() {
        Canvas canvas;
        while (runFlag) {
            long now = System.currentTimeMillis();
            long elapsedTime = now - prevTime;
            if (elapsedTime > 30){
                prevTime = now;
                matrix.preRotate(2.0f, picture.getWidth() / 2, picture.getHeight() / 2);
            }
            canvas = null;
            try {
                canvas = surfaceHolder.lockCanvas(null);
                synchronized (surfaceHolder) {
                    canvas.drawColor(Color.BLACK);
                    canvas.drawBitmap(picture, matrix, null);
                }
            } 
            finally {
                if (canvas != null) {
                    surfaceHolder.unlockCanvasAndPost(canvas);
                }
            }
        }
    }
}

public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback {
    private DrawThread drawThread;

    public MySurfaceView(Context context) {
        super(context);
        getHolder().addCallback(this);
    }

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width,
            int height) {   
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        drawThread = new DrawThread(getHolder(), getResources());
        drawThread.setRunning(true);
        drawThread.start();
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        boolean retry = true;
        drawThread.setRunning(false);
        while (retry) {
            try {
                drawThread.join();
                retry = false;
            } catch (InterruptedException e) {
            }
        }
    }
}

Answer 2

这是我在项目中使用的：

    <ProgressBar
        android:id="@+id/updateProgressBar"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:drawingCacheQuality="high"
        android:indeterminateDuration="2000"
        android:indeterminateDrawable="@drawable/splash_spinner"
        />

只需用您的自定义图像覆盖不可终止的

Answer 3

如果你想让你的PNG图像旋转并充当一个进度条，你可以简单地创建一个rotate布局，然后在该布局上插入你的PNG

内部res-

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/pokeball"       <--Insert your image here
    android:fillAfter="false"
    android:fromDegrees="0"
    android:interpolator="@android:anim/linear_interpolator"
    android:pivotX="50%"
    android:pivotY="50%"
    android:repeatCount="infinite"
    android:startOffset="0"
    android:toDegrees="718" />

之后，您可以插入您的rotate.xml到进度条，以便您的PNG文件能够旋转，您只需要保持它的可见性

<ProgressBar
    android:id="@+id/progress_bar"
    android:layout_width="16dp"
    android:layout_height="16dp"
    android:layout_margin="16dp"
    android:alpha="0.5"
    android:indeterminateDrawable="@drawable/rotate"
    android:visibility="gone"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent" />