質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.02%

Android Studio お絵かきアプリで「描画」ができない

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 297

sekaikan_ozaki

score 47

PCスペック
Windows7 64bit
メモリ 8GB
プロセッサ Intel Core i7-3610

デモ用端末(XPERIA OS:7.0 API 24)
Android Studio 3.4

Android Studioにて、今後、撮影した写真の必要な部分だけなぞって保存するアプリを開発するために、OnTouchListenerについて詳しく調べています。

そこで、お絵かきアプリなら「描画」を「なぞる」ことによって実現させていると思うので、以下のサイトを参考に同じアプリを実現したいと思いました。
https://qiita.com/InoueDaiki/items/3b51aaabdaad1c2227a3

ですが、上記のサイトの方は、ソースコードを全て載せているのですが、断片的でございまして、(Javaなら特にメソッドの書く順番なんか関係ない?)それっぽくソースコードを書いた結果、
アプリを実行して画面を指でなぞってみても線が描けません。

なぞっているのに、画面が飯能しないことについて、どんな原因が考えられるでしょうか・・??
↓MainActivity.java 

package com.example.paintview;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG).setAction("Action", null).show();
                PaintView paintView = (PaintView)findViewById(R.id.view);
                paintView.clear();
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}


↓PaintView.java

package com.example.paintview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class PaintView extends View {

    private Paint paint;
    private Path path;



    public PaintView(Context context) {
        this(context, null);

    }

    public PaintView(Context context, AttributeSet attrs) {

        super(context, attrs);
        path = new Path();
        paint = new Paint();
        paint.setColor(0xFF000000);
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeJoin(Paint.Join.ROUND);
        paint.setStrokeCap(Paint.Cap.ROUND);
        paint.setStrokeWidth(10);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawPath(path, paint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        float x = event.getX();
        float y = event.getY();

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                path.moveTo(x, y);
                invalidate();
                break;
            case MotionEvent.ACTION_MOVE:
                path.lineTo(x, y);
                invalidate();
                break;
            case MotionEvent.ACTION_UP:
                path.lineTo(x, y);
                invalidate();
                break;
        }
        return true;
    }

    public void clear(){
        path.reset();
        invalidate();
    }

}

↓activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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=".MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        app:srcCompat="@android:drawable/ic_dialog_email" />



</android.support.design.widget.CoordinatorLayout>

↓content_main/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"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context=".MainActivity"
    tools:showIn="@layout/activity_main">


    <view
        class="com.example.paintview.PaintView"
        id="@+id/view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:layout_editor_absoluteX="45dp"
        tools:layout_editor_absoluteY="421dp" />
</android.support.constraint.ConstraintLayout>
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

check解決した方法

0

activity_main.xml内の、

<view
class="com.example.paintview.PaintView"

id="@+id/view"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:layout_editor_absoluteX="45dp"
tools:layout_editor_absoluteY="421dp" />

idに「android:」がついていなかったため、ひも付けができていなかったことがわかった。これを修正したところ、正常にアプリが動作しました。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

コードの間違いはなさそうですね。

一つ考えられるのはこのコードはどこのレイアウトファイルとも紐づけされていないことです。
例えばMainActivity.javaなら activity_main.xmlと紐づけされてますが、このクラスではそのコードの部分が見当たりません。

MainActivityでこのクラスを呼び出すか、MainAcitivityのほうでこのコードを書くとよいと思います。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/06/03 18:48

    申し訳ありません、外でスマホで回答したためややこしい回答をしてしまいました。

    ボタン配置は、別にfabボタンである必要はありません。
    普通の長方形のボタンでも同じ動作はします。
    fabボタンと長方形のボタンの違いは形だけです。

    ですので新規にボタンを作成してください。


    viewのエラーがでるのは レイアウトファイルのactivity_viewのidがうまく紐づけされていないからだと思われます。
    ということは、新たに作成したViewをコード上で紐づけしなければならないということです。

    現在ActivtyMain.xmlにViewを配置していると思うのでそのViewのIdを"viewchan"にしてください。

    このコードをonCreate()内に書いてください。

    PaintView paintView = (PaintView)findViewById(R.id.viewchan);

    これでレイアウトファイルとコードで紐づけ完了です。

    このfindViewByIdは大切なので覚えておきましょう。

    キャンセル

  • 2019/06/03 18:50

    追記
    ボタン処理について
    新規にボタンを追加した場合もfindViewByIdで紐づけ作業をしたあとに、

    Button button = (Button)findViewById(R.id.button1);

    button.setOnClickListner(new View...
    //この辺りにコード補充が勝手に出現する。
    //画面をクリアしたいコードを打つ

    }
    といった流れで打つとあなたの思う動作をすると思います。

    キャンセル

  • 2019/06/04 09:40

    丁寧なご回答ありがとうございます。
    色々アドバイスしていただき、ものすごくありがたいのですが、ほかに原因があることがわかりました。

    <view
    class="com.example.paintview.PaintView"

    id="@+id/view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:layout_editor_absoluteX="45dp"
    tools:layout_editor_absoluteY="421dp" />

    idに「android:」がついていなかったため、ひも付けができていなかったようでした。これを修正したところ、正常にアプリが動作しました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.02%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる