Canvas 画像表示

Question

画面横向き設定です。画面左側にcanvasを使って３×４のマス目を描写しました。このマス目の中に猫の画像（neko5）を表示させたいのですが、Design画面に表示されません…そして、エラーはでません。
ちなみに、マス目を猫が移動できるアプリをつくりたいと考えています。

MyView.java

package com.example.nakahara.game;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

public class MyView extends View {
    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }


    Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.neko5);
    @Override
    protected void onDraw(Canvas canvas) {
        Paint paint = new Paint();
        paint.setColor(Color.argb(255, 0, 0, 0));

        paint.setStyle(Paint.Style.STROKE);
        canvas.drawRect(50, 50, 1000, 1300, paint);
        canvas.drawLine(367, 50, 367, 1300, paint);
        canvas.drawLine(683, 50, 683, 1300, paint);
        canvas.drawLine(50, (float) 362.5, 1000, (float) 362.5, paint);
        canvas.drawLine(50, 675, 1000, 675, paint);
        canvas.drawLine(50, (float) 987.5, 1000, (float) 987.5, paint);

        canvas.drawBitmap(bmp, 50, 50, paint);
    }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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="com.example.nakahara.game.MainActivity"
    android:orientation="horizontal">


    <LinearLayout
        android:id="@+id/LinerLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="horizontal">


        <com.example.nakahara.game.MyView
            android:id="@+id/view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentTop="true"
            tools:layout_editor_absoluteX="26dp"
            tools:layout_editor_absoluteY="17dp" />


    </LinearLayout>

    <LinearLayout
        android:id="@+id/LinerLayout2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:orientation="vertical">

    </LinearLayout>
    </LinearLayout>

Answer 1

レイアウトエディター上で、独自Viewの描画結果まで表示されるのは条件が限られます。ですから、常にレイアウトエディターのみで描画結果を確認しながら開発を進められるとは考えない方が良いです。「猫が移動できるアプリ」ということですが、そういう移動する操作周りまで入ってくると、エミュレーターなり実機なりで実行して確認するしかありません。

ただ、提示されたコード内容で、レイアウトエディターの仮想端末設定をNexus 10の横向きにしてみたら、マス目や猫のアイコンまで表示されることは、こちらでは確認できますね。（猫画像は著作権フリーの素材を持ってきたつもり・・・）

Comments

[S.I]

Design画面に表示されました！しかし、実機で試したところ猫の画像がマスの枠に収まりません…サイズを canvas.drawBitmap(bmp, 10, 10, paint);に変更しましたが反映されません…