在 Android Studio 中使用图像按钮的问题答案

【问题标题】：Issue with using an image button in Android Studio在 Android Studio 中使用图像按钮的问题
【发布时间】：2016-05-08 21:16:29
【问题描述】：

我正在创建一个 Soundboard 应用程序，该应用程序当前使用按钮来发出不同的声音。但是，我想将按钮更改为图像按钮，尝试过此操作后出现以下错误：意外投射到 ImageButton：布局标记是 imageView。我试过在互联网上四处寻找，但找不到解决办法。 java类中的代码如下所示。

 public class SecondActivity extends AppCompatActivity {
    Button b,b2;
    MediaPlayer nice,burp,fancy;
    ImageButton IMG;
    @Override

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_second);
        b = (Button) findViewById(R.id.button);
        b2 = (Button) findViewById(R.id.button3);
        nice = MediaPlayer.create(this, R.raw.nice);
        burp = MediaPlayer.create(this, R.raw.burp);
        fancy = MediaPlayer.create(this, R.raw.fancy);
        configureImageButton();

        b.setOnClickListener(new View.OnClickListener() {

                                 public void onClick(View view) {
                                     nice.start();
                                 }


                             }


        );
        b2.setOnClickListener(new View.OnClickListener() {

                                             public void onClick(View view) {
                                                 fancy.start();
                                             }


                                         }

        );
    }

        private void configureImageButton() {
        ImageButton IMG = (ImageButton) findViewById(R.id.IMG);


        IMG.setOnClickListener(new View.OnClickListener() {

                                   public void onClick(View view) {
                                       burp.start();
                                   }


                               }

        );
    }

XML 代码如下所示：

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    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.example.oliver.olliessoundofmusic.MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Nice"
        android:id="@+id/button"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fancy"
        android:id="@+id/button3"
        android:layout_alignTop="@+id/button"
        android:layout_toEndOf="@+id/button" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/IMG"
        android:background="@drawable/robert"
        android:layout_toEndOf="@+id/button3" />
    </RelativeLayout>

我只想让 imageButtons 像普通按钮一样与动作侦听器一起工作，以使应用程序在视觉上更具吸引力。

提前致谢。

【问题讨论】：

标签： android imagebutton android-imagebutton

【解决方案1】：

在您的 xml 中将 ImageView 标签更改为 ImageButton

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Nice"
    android:id="@+id/button"
    android:layout_alignParentTop="true"
    android:layout_alignParentStart="true" />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Fancy"
    android:id="@+id/button3"
    android:layout_alignTop="@+id/button"
    android:layout_toEndOf="@+id/button" />

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/IMG"
    android:background="@android:color/transparent"
    android:src="@drawable/robert"
    android:layout_toEndOf="@+id/button3" />

请注意，我将 background 设置为透明色，并将 drawable 设置在 src 属性中

【讨论】：

已修复，谢谢！只要它允许我就会把它作为答案

【解决方案2】：

改为将其转换为 ImageView，因为这就是您在 XML 中所拥有的内容

ImageButton IMG = (ImageButton) findViewById(R.id.IMG);

OnClickListener 仍将按预期工作。

另外，请注意可变阴影。你想把它排成一行。

IMG = (ImageButton) findViewById(R.id.IMG);

【讨论】：

【解决方案3】：

在您的活动中将 IMG 声明为 ImageView 或在布局文件中使用 imagebutton 小部件。

【讨论】：