单击按钮时更改图片

Question

目标：
当我点击投掷按钮时，一张图片应该实时交换成另一张图片。

问题：
代码有什么问题？我必须按两次才能更改图片。

信息：
*使用 Android API 25 并使用工具 android studio

package com.jfdimarzio.dice;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity
{

    ImageView image;


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

    public void throwDice(View v)
    {

        image = (ImageView) findViewById(R.id.dice_grey_3);

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

        button.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View arg0)
            {
                image.setImageResource(R.drawable.red1);
            }

        });
    }

}

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.jfdimarzio.dice.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />

    <Button
        android:text="Throw"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/btnThrow"
        android:paddingLeft="50dp"
        android:paddingRight="50dp"
        android:paddingBottom="20dp"
        android:paddingTop="20dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:onClick="throwDice"
        android:layout_alignParentStart="true" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/grey1"
        android:id="@+id/dice_grey_1"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/grey2"
        android:id="@+id/dice_grey_2"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/grey3"
        android:id="@+id/dice_grey_3"
        android:layout_alignParentTop="true"
        android:layout_alignParentEnd="true" />

</RelativeLayout>

Answer 1

由于您在此处为按钮指定了 onclick：android:onClick="throwDice" 它将注册它。但是当它被再次点击时，方法 throwDice 将注册另一个 onclick 侦听器，从而将旧侦听器更改为新侦听器。当再次单击时，它将触发新的侦听器更改将执行此操作的图像： image.setImageResource(R.drawable.red1);

现在您只需要注册一次监听器。通过 xml 或编程方式获得 Ether。

Answer 2

快速修复：

 public void throwDice(View v)
{

    image = (ImageView) findViewById(R.id.dice_grey_3);

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

    image.setImageResource(R.drawable.red1);
}

为什么这样做？

有两种方法可以监听 Android 中的点击，使用 Java 或使用 XML 以编程方式。你所做的是你已经实现了这两个嵌套。最后需要点击两次才能得到最终结果。您可以使用 onClickListener() 或您在 XML 中定义的 throwDice() 方法：android:onClick="throwDice"

单击按钮时更改图片

Change Picture when you click on a button

android

android-imageview