ImageButton在使用srcCompat时不会显示图像

Question

我的问题是这样的，有两个按钮显示本地图像，但它不渲染，关于该怎么做的任何想法？

<?xml version="1.0" encoding="utf-8"?> 
<android.support.constraint.ConstraintLayout 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:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <TextView 
     android:id="@+id/nfi_status" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="16dp" 
     android:layout_marginTop="13dp" 
     android:text="TextView" 
     android:textColor="@color/colorPrimary" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/nfi_name" 
     tools:layout_constraintLeft_creator="1" 
     tools:layout_constraintTop_creator="1" /> 

    <TextView 
     android:id="@+id/nfi_timestamp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="8dp" 
     android:layout_marginRight="16dp" 
     android:layout_marginTop="16dp" 
     android:text="TextView" 
     android:textColor="@color/colorPrimary" 
     app:layout_constraintHorizontal_bias="1.0" 
     app:layout_constraintLeft_toRightOf="@+id/nfi_name" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toTopOf="parent" /> 

    <ImageButton 
     android:id="@+id/nfi_btnLike" 
     android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginRight="10dp" 
     android:layout_marginTop="0dp" 
     app:layout_constraintRight_toLeftOf="@+id/nfi_flags" 
     app:layout_constraintTop_toTopOf="@+id/nfi_btnFlag" 
     app:srcCompat="@mipmap/ic_rock_on" /> 

    <ImageButton 
     android:id="@+id/nfi_btnFlag" 
     android:layout_width="40dp" 
     android:layout_height="40dp" 
     android:layout_marginRight="12dp" 
     android:layout_marginTop="-17dp" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toBottomOf="@+id/nfi_status" 
     app:srcCompat="@mipmap/ic_stop" /> 

    <TextView 
     android:id="@+id/nfi_name" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="16dp" 
     android:layout_marginTop="16dp" 
     android:text="TextView" 
     android:textColor="@color/colorPrimary" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintTop_toTopOf="parent" /> 

    <TextView 
     android:id="@+id/nfi_likes" 
     android:layout_width="30dp" 
     android:layout_height="30dp" 
     android:layout_marginLeft="8dp" 

     android:layout_marginRight="8dp" 
     android:layout_marginTop="8dp" 
     android:background="@drawable/circle" 
     android:gravity="center" 
     android:text="1" 
     app:layout_constraintHorizontal_bias="1.0" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toLeftOf="@+id/nfi_btnLike" 
     app:layout_constraintTop_toTopOf="@+id/nfi_btnLike" /> 

    <TextView 
     android:id="@+id/nfi_flags" 
     android:layout_width="30dp" 
     android:layout_height="30dp" 
     android:layout_marginRight="8dp" 
     android:layout_marginTop="8dp" 
     android:background="@drawable/circle" 
     android:gravity="center" 
     android:text="2" 
     app:layout_constraintRight_toLeftOf="@+id/nfi_btnFlag" 
     app:layout_constraintTop_toTopOf="@+id/nfi_btnFlag" /> 
</android.support.constraint.ConstraintLayout> 

中使用的图像是开源PNG EMotee图片，网页可是没有在这个问题上

Answer 1

app:srcCompat定义在AppCompat library中，因此您必须使用android.support.v7.widget.AppCompatImageButton而不是ImageButton。

在程序兼容性lib中可用如果你不需要的功能则让您ImageButton和使用android:src属性（setImageResource方法是这样的Java版本）。

---

正如所指出的@Ferdous艾哈迈德，这些图标应该是在一个drawable文件夹而不是mipmap之一，后者仅用于应用启动图标。

Answer 2

使用准确的信息：在列表查看项目

XML文件属性app:src="YOUR_DRAWABLE"而不是app:srcCompat="YOUR_DRAWABLE"。

供参考，总是把图像资源在drawable文件夹而不是mipmap。 mipmap仅适用于启动器图标。