android studio スクラッチくじのように画像を消していきたい

Question

android studioで削るスクラッチくじのゲームを作成したい
削ると占いが完成するようにしたい。

android studioでスクラッチくじと占いを組み合わせたゲームを作成している。占い部分は完成したが、占い表示画面を画像で隠して画像をなぞると画像が消えていくスクラッチのようなプログラムを作成したい。

今現在できている占い部分に何をどのように付け加えればよいかをお願いします

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)

    textView.text = ("占い")
    imageButton.setOnClickListener {
        var r: Int = (java.lang.Math.random() * 11).toInt()
        var s: String
        when (r) {
            1 -> textView.text = ("")
            2 -> textView.text = ("")
            3 -> textView.text = ("")
            4 -> textView.text = ("")
            5 -> textView.text = ("")
            6 -> textView.text = ("")
            7 -> textView.text = ("")
            8 -> textView.text = ("")
            9 -> textView.text = ("")
            10 -> textView.text = ("")
        }


    }
}

}

android studio

Answer 1

私も人様にモノを教えるような立場ではありませんが、最初の頃は同じ感覚でしたので参考になればと思います。
何事も、出来るかどうかはトライしてみない限りどのようなエラーが出るとかも分からないですが、
まずやってみてうまくいかない事柄（特にエラー）などを今後具体的に質問するとよいと思います。

以下、私が大雑把にイメージする設計で申します。

１．　activity_main.xmlは、surfaceView と Button を用意する
２．　Buttonを押すと、surfaceView上にcanvasで占いの結果が表示される。
（例　Bitmapイメージで『大吉』）
３．　surfaceViewのcanvasで、占い結果を覆い隠す別のBitmap画像を描くか、図形などで塗りつぶす
４．　画面のタッチポイント（座標）を取得して、触れたところあるいはなぞったところのBitmap画像を
消す（または塗りつぶしの一部を透明色に変える）
５．　占い結果のレイヤーは残る

ざっと、1→4まで組めれば5.で完成かな、と思います。質問者様のコードですと、
上記２．のボタンの実行内容の一部を作り上げていらっしゃるので、この設計ですと足りないのは
１．と３．と４．です。

ただ、４．の”削る”についてはどのようなアルゴリズムを組むのかはアイデア次第だと思います。
消すだけなら非常に簡単ですが、それだとスクラッチになりませんからね。頑張り所だとおもいます。
まずは、
◆１．が自力で出来るかどうか、
◆surfaceViewとはどのような使い方をするのか、
◆canvas というものでBitmap画像を描くにはどうしたらよいか、
◆タッチポイントはどうやって拾うのか
◆画像の一部を透明色にすることは可能か、可能でないならほかにどんな方法で実現できるか
それぞれ個別具体的に解決を探るのが良いと思います。

せっかく自力で作り上げたコードがありますので、頑張って成就してもらいたいと思います。
ちなみに、このsurfaceViewは絵を描くキャンバスのようなものなので、
占い結果をTextViewで表示したいのであれば設計が変わります。
レイアウトxmlにて、
１．textViewの上にImageViewをかぶせる
２．ImageViewに、「真っ黒.png」「10%欠け.png」「20%欠け.png」～「完全露出.png」の各画像を
アニメーションで割り当てる
３．ボタン押下でアニメーション実行
という感じなら割と簡単に（雑に）出来上がると思います。

長文失礼いたしました。