ImageButton 在模拟器或物理设备上的 Android Studio 上不可见

Question

你好伟大的社区。我是 Android 新手，正在尝试构建一个计算器，这是我第一次遇到这个问题，不知道出了什么问题。我添加了buttons，它们在模拟器上看起来很好，除了image button。代码如下，希望能得到帮助。

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingTop="10dp"
        android:weightSum="4">

        <Button
            android:id="@+id/button16"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_weight="1"
            android:background="#00000000"
            android:text="7"
            android:textColor="@android:color/background_dark"
            android:textSize="30sp"/>

        <Button
            android:id="@+id/button5"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_weight="1"
            android:background="#00000000"
            android:text="8"
            android:textColor="@android:color/background_dark"
            android:textSize="30sp"/>

        <Button
            android:id="@+id/button4"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_weight="1"
            android:background="#00000000"
            android:text="9"
            android:textColor="@android:color/background_dark"
            android:textSize="30sp"/>

        <ImageButton
            android:id="@+id/imageButton"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_weight="1"
            android:background="#00000000"
            android:textColor="@android:color/background_dark"
            app:srcCompat="@drawable/divide"/>
    </LinearLayout>

最后一个除法按钮不可见，我添加了四个这样的线性布局，分别是 1、2、3、减号、4、5、6、乘法按钮，所有这些乘法、除法、加号和减号buttons 都没有不幸的是，看不到。 我刚刚开始，希望知道我哪里错了，我需要解决什么问题。

更新

请参阅我附上的上图。在模拟器中这个可见的Views 是Buttons，如果我将它们更改为ImageButton，views 就像等号一样。我已经更改了我的 png's 文件，但我无法理解我做错了什么

谢谢

Answer 1

我已经解决了这个问题，现在正在运行，因为我只将一行更改为您的每个 ImageButton 是 android:src="@drawable/equalsymbol" 而不是 app:srcCompat="@drawable/equalsymbol"，我已经在评论部分向您提到了这一点

请参阅下面的屏幕截图-：

编辑

现在，问题是为什么app.srcCompat 不起作用

这是因为你有 extend 你的 MainAcyivity.java 和 Activity

你必须 Extend 和 AppCompatActivity

并且需要更新您的gradle.build

您必须添加以下行 -:

vectorDrawables {
      useSupportLibrary = true
    }

查看详细解答here

然后，我再次对您的应用进行一些更改

更改 1

MainActivity.java

public class MainActivity extends AppCompatActivity {

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

更改 2

style.xml

<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
    <!-- Customize your theme here. -->
    <!--<item name="android:colorPrimary">@color/colorPrimary</item>-->
    <!--<item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>-->
    <!--<item name="android:colorAccent">@color/colorAccent</item>-->
</style>

变化3

build.gradle

 android {
  defaultConfig {
    vectorDrawables {
      useSupportLibrary = true
    }
  }
}

现在，您可以在应用中使用app:srcCompat="@drawable/equalsymbol"

看，下面的第二个屏幕截图我使用了app:srcCompat，现在可以使用了

现在，一切正常。

因此，请按照上述方式进行更改。快乐编码

Answer 2

如果使用权重，则使用 0dp 的宽度（或垂直 LinearLayout 的高度）。

android:layout_width = "0dp"
android:layout_height ="80dp"
android:layout_weight ="1"

Answer 3

你是否在你的 Java 类中声明了这个按钮，你的 Drawable 也有 png 格式的文件，这是处理 img 文件的最佳方式。