缩放画布绘图以适应活动中的自定义视图答案

【问题标题】：Scaling canvas drawing to fit custom view in activity缩放画布绘图以适应活动中的自定义视图
【发布时间】：2019-03-20 20:05:39
【问题描述】：

我可以使用一些帮助来尝试弄清楚如何缩放画布以适应活动中的自定义视图。目前，画布上的绘图被绘制为适合运行应用程序的任何设备的屏幕大小（即它被绘制在中间），例如，像这样：

但是，当在 Activity 的自定义视图中查看时，由于 Activity 中自定义视图的尺寸小于屏幕尺寸，因此图像会被截断，例如：

想要的结果是缩放画布绘图以适应活动中的自定义视图（例如，它显示第一张图像），下面是我的代码：

绘制画布的类：

public class DrawGraphTest extends View {

    int mWidth = this.getResources().getDisplayMetrics().widthPixels;
    int mHeight = this.getResources().getDisplayMetrics().heightPixels;


    public DrawGraphTest(Context context) {
        super(context);
        init();
    }

    public DrawGraphTest(final Context context, final AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        //Various paints and such...

        //Set point to middle of screen for drawings
        point1 = new Point(mWidth / 2, mHeight / 2);
    }

    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //Draw various stuff to canvas
    }
}

活动类：

public class GraphActivity extends AppCompatActivity {
    DrawGraphTest drawGraphTest;

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_graph);

        drawGraphTest = (DrawGraphTest)findViewById(R.id.drawGraphTest);
    }
}

XML：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".GraphActivity">

    <g.myPackage.DrawGraphTest
        android:id="@+id/drawGraphTest"
        android:layout_width="350dp"
        android:layout_height="300dp"
        android:layout_marginStart="8dp"
        android:layout_marginLeft="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginRight="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.041" />  
</android.support.constraint.ConstraintLayout>

我是 Android Studio 的新手，真的需要一些帮助，干杯！

【问题讨论】：

标签： java android canvas scaling custom-view

【解决方案1】：

如果您为自定义视图覆盖 onSizeChanged(int w, int h, int oldw, int oldh)，您可以（重新）计算您的测量值并将它们保存在成员变量中，以便在调用 onDraw 时使用它们。

类似：

private int width;
private int height;
private int paddingLeft;
private int paddingRight;
private int paddingTop;
private int paddingBottom;
private int centerX;
private int centerY;

@Override
public void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);
    width = w;
    height = h;
    paddingLeft = getPaddingLeft();
    paddingRight = getPaddingRight();
    paddingTop = getPaddingTop();
    paddingBottom = getPaddingBottom();
    int usableWidth = width - (paddingLeft + paddingRight);
    int usableHeight = height - (paddingTop + paddingBottom);
    centerX = paddingLeft + (usableWidth / 2);
    centerY = paddingTop + (usableHeight / 2);
}

【讨论】：

【解决方案2】：

你可以使用

Canvas.drawBitmap(Bitmap bitmap, 
                Rect src, 
                Rect dst, 
                Paint paint)

bitmap 是您的图像。 src 将包含图像的尺寸

src.top = 0, src.left = 0, src.right = src + bitmap.width, src.bottom = bitmap.height

您的目的地dst 将是您希望它在画布内绘制的位置。

dst.top = 0, dst.left = 0, dst.right = 50, dst.bottom = 50

例如，它会缩放您的位图，使其适合画布左上角的 50x50 正方形。

【讨论】：