单击按钮时更改图片

时间:2017-01-17 22:23:26

标签: android android-imageview

目标:
当我点击按钮时,应该将图片实时交换到另一张图片中。

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

的信息:
*使用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>

2 个答案:

答案 0 :(得分:2)

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

现在你只需要注册一次监听器。以xml或以编程方式进行以太。

答案 1 :(得分:0)

QUICK FIX:

 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。你所做的是你已经实现了这些嵌套。最后,只需两次点击即可获得最终结果。您可以使用您在XML中定义的onClickListener()throwDice()方法:android:onClick="throwDice"