Zoomlayout: ZoomLayoutでカスタムビューを描画する方法

作成日 2020年09月28日  ·  5コメント  ·  ソース: natario1/ZoomLayout

どうすればいいですか?

このライブラリを使用してズーム可能になるカスタムビューを描画するにはどうすればよいですか

package com.example.mindmapping;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import com.otaliastudios.zoom.ZoomLayout;

public class MainActivity extends AppCompatActivity {

    <strong i="7">@Override</strong>
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        MindMap map = new MindMap(this);

        setContentView(R.layout.activity_main);
        ZoomLayout zoomLayout = findViewById(R.id.zoomLayoutContainer);
        zoomLayout.addView(map);
        setContentView(map);

    }
}

mapがカスタムビューである場合、View&Overrides onDrawメソッドを拡張します。これには、カスタムビューであるか、線形レイアウトから拡張され、テキストビューを含むTextElement&Otherなどの他の要素が含まれます。

package com.example.mindmapping;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;
import android.widget.Toast;

public class MindMap extends View {

    private Context context;
    private Canvas canvas;
    private Paint brush;

    //Canvas Variables
    private float centerMarginX;
    private float centerMarginY;
    private float mWidth;
    private float mHeight;

    public MindMap(Context context) {
        super(context);
        this.context = context;

        initSetup();
    }

    <strong i="11">@Override</strong>
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        this.canvas = canvas;

        initDrawing();
    }

    public void initSetup() {
        brush = new Paint(Paint.ANTI_ALIAS_FLAG);
    }

    public void initDrawing() {

        brush.setStyle(Paint.Style.STROKE);
        brush.setStrokeWidth(10);
        brush.setColor(Color.parseColor("black"));
        canvas.drawText("Helo ",50,50,brush);

        mWidth = getMeasuredWidth();
        mHeight = getMeasuredHeight();

        centerMarginX = mWidth / 2;
        centerMarginY = mHeight / 2;

        TextElement textElement = new TextElement(context, "Main Topic");
        textElement.setX(centerMarginX - (textElement.getLayoutWidth() / 2));
        textElement.setY(centerMarginY - (textElement.getLayoutHeight() / 2));
        textElement.draw(canvas);

        TextElement textElement1 = new TextElement(context, "Another One");
        textElement1.setX(textElement.getX() + textElement.getLayoutWidth() + 600);
        textElement1.setY(textElement.getY() - textElement.getLayoutHeight());
        textElement1.draw(canvas);

        Toast.makeText(this.context,"Drawn",Toast.LENGTH_SHORT).show();
    }
}

onDrawメソッドが呼び出されてもカスタムビュー(この場合はマップ)はZoomLayoutに描画されませんが、レイアウトファイルの代わりにsetContentViewでマップを設定し、ZoomLayoutを使用しない場合、マップはキャンバスに描画されます。このライブラリでズームできるカスタムビューを描画するには

使用したバージョン

1.8.0

question

最も参考になるコメント

ありがとう !

これは完全にカスタマイズされたビューであるため、オーバーライドされたonMeasureでsetMeasuredDimensionを呼び出す必要がありました。

私の問題は解決しました。

全てのコメント5件

initDrawing()で描画された、そのheloテキストでさえ、キャンバスには何も描画されません。

そのsetContentViewは、マップをテストとしてビューとして設定するために再度呼び出されました。これはコメントでした。削除しても問題は解決しません。

whatever

カスタムビューは0サイズで描画される場合があります。 デバイス/エミュレーターの開発者設定を使用するか、Android Studioのレイアウトインスペクターを使用して、レイアウトをデバッグしてみてください。

ありがとう !

これは完全にカスタマイズされたビューであるため、オーバーライドされたonMeasureでsetMeasuredDimensionを呼び出す必要がありました。

私の問題は解決しました。

このページは役に立ちましたか?
5 / 5 - 1 評価