ImageView无法在设备中正确显示

时间:2017-07-16 10:12:07

标签: android android-layout imageview

我有这个布局,我想用作导航栏的标题:

<?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="164dp">

    <ImageView
        android:id="@+id/app_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="24dp"
        android:layout_marginStart="24dp"
        android:layout_marginTop="16dp"
        android:adjustViewBounds="false"
        android:scaleType="center"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/first_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="16dp"
        android:layout_marginStart="24dp"
        android:layout_marginTop="16dp"
        android:text="Name"
        android:textAppearance="@style/TextAppearance.AppCompat.Headline"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/app_icon" />

    <ImageView
        android:id="@+id/credits_material_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="16dp"
        android:layout_marginLeft="16dp"
        android:layout_marginStart="16dp"
        android:scaleType="center"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:srcCompat="@drawable/ic_dollar_coin_stack" />

    <TextView
        android:id="@+id/credits_label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="16dp"
        android:layout_marginLeft="16dp"
        android:layout_marginStart="16dp"
        android:text="Credits"
        android:textStyle="italic"
        android:textAppearance="@style/TextAppearance.AppCompat.Body2"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@+id/credits_material_icon" />

    <TextView
        android:id="@+id/credits_available"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="16dp"
        android:layout_marginLeft="8dp"
        android:layout_marginStart="8dp"
        android:text="TextView"
        android:textAppearance="@style/TextAppearance.AppCompat.Body2"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@+id/credits_label" />
</android.support.constraint.ConstraintLayout>

在布局编辑器中,布局如下所示:

enter image description here

但是在设备上,我得到的是这样的东西:

enter image description here

圈出的部分是受关注的布局。在此之下,您可以看到ListView,但这是LinearLayout的孩子,因此这是一个单独的故事。

所以,我的问题是为什么我的ImageView根本没有显示?

我尝试过的事情:

  • 我试过移动ImageView并没有任何改进。
  • 我使用布局检查器检查了布局层次结构。事实证明,它显示了一个文字点代替ImageView s。
  • 我尝试手动将此布局的高度设置为非常大的数字,以解决任何与住宿相关的问题(如果有的话)。

1 个答案:

答案 0 :(得分:0)

答案很简单:

如有疑问,请使用android.support.v7.widget.AppCompatImageView

我认为Android docs建议反对一般使用是值得认真考虑的事情。

  

当您使用ImageView时,会自动使用此功能   布局。您只需要在编写时手动使用此类   自定义视图。

我读到的另一个地方,您应该从AppCompatActivity延伸以启用此行为。我的活动从AppCompatActivity开始延伸,但我仍然花了很多时间思考,毕竟ConstraintLayout可能会出现问题。

NO。我的心爱的 ConstraintLayout尚未失去其骑士精神。 :)

所以,如果有疑问,我重申,

使用android.support.v7.widget.AppCompatImageView

其他一些答案说同样的事情:

Android vector drawable app:srcCompat not showing images

app:srcCompat does not work for ImageView