TextView 显示在 Android Studio 中，但不在设备上 [重复]

Question

我知道以前有人问过这个问题，但该帖子中的解决方案对我不起作用。

我刚刚开始学习 Android 编程并且正在做一个模型。它在 Android Studio 中正确显示，但在我的设备上显示不正确。图像和背景颜色正确显示，但没有文字显示。我试过改变字体和字体颜色。需要改变什么？

我有另一个使用 ReleativeLayout 的示例，它可以正确显示，但这个 ConstraintLayout 没有。

第一张图片来自 AS，另一张来自我的设备。

这是来自activity_main的代码

<?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:id="@+id/listLayout"
    android:layout_width="wrap_content"
    android:layout_height="248dp"
    android:layout_marginEnd="4dp"
    android:layout_marginStart="4dp"
    android:layout_marginTop="4dp"
    tools:context="com.vijer.test1.MainActivity">
    <!-- First Group -->
    <View
        android:id="@+id/group_one"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:background="@android:color/darker_gray"
        app:layout_constraintLeft_creator="@id/listLayout"
        app:layout_constraintTop_creator="@id/listLayout" />

    <ImageView
        android:id="@+id/album_art1"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:contentDescription="@string/image_description"
        android:src="@drawable/image1"
        app:layout_constraintLeft_creator="@id/listLayout"
        app:layout_constraintTop_toTopOf="@id/listLayout" />

    <View
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintEnd_toEndOf="parent" />

    <TextView
        android:id="@+id/meta_artist1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="18sp"
        android:textStyle="bold"
        app:layout_constraintLeft_toRightOf="@id/album_art1"
        app:layout_constraintTop_toTopOf="@id/listLayout"
        tools:text="@string/tag_artist1" />

    <TextView
        android:id="@+id/meta_title1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="18sp"
        android:textStyle="bold"
        app:layout_constraintLeft_toRightOf="@id/album_art1"
        app:layout_constraintTop_toBottomOf="@id/meta_artist1"
        tools:text="@string/tag_title1" />

    <TextView
        android:id="@+id/meta_album1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"
        app:layout_constraintLeft_toRightOf="@id/album_art1"
        app:layout_constraintTop_toBottomOf="@id/meta_title1"
        tools:text="@string/tag_album1" />

    <TextView
        android:id="@+id/meta_time1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="4dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"
        app:layout_constraintEnd_toStartOf="@+id/meta_delimiter1"
        app:layout_constraintTop_toBottomOf="@id/meta_title1"
        tools:text="@string/tag_length1" />

    <TextView
        android:id="@+id/meta_delimiter1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="4dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"
        app:layout_constraintEnd_toStartOf="@+id/meta_file_type1"
        app:layout_constraintTop_toBottomOf="@id/meta_title1"
        tools:text="@string/tag_delimiter" />

    <TextView
        android:id="@+id/meta_file_type1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="4dp"
        android:layout_marginTop="4dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"
        app:layout_constraintBottom_toBottomOf="@+id/meta_time1"
        app:layout_constraintEnd_toEndOf="@+id/listLayout"
        tools:text="@string/tag_file_type1" />

    <!-- Second Group -->

    <View
        android:id="@+id/group_two"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:layout_marginTop="4dp"
        android:background="@android:color/darker_gray"
        app:layout_constraintLeft_toLeftOf="@id/listLayout"
        app:layout_constraintTop_toBottomOf="@id/group_one"
        tools:layout_editor_absoluteX="0dp" />

    <ImageView
        android:id="@+id/album_art2"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_marginTop="4dp"
        android:contentDescription="@string/image_description"
        android:src="@drawable/image2"
        app:layout_constraintLeft_toLeftOf="@id/listLayout"
        app:layout_constraintTop_toBottomOf="@id/group_one" />

    <View
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintEnd_toEndOf="parent" />

    <TextView
        android:id="@+id/meta_artist12"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="4dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="18sp"
        android:textStyle="bold"
        app:layout_constraintLeft_toRightOf="@id/album_art2"
        app:layout_constraintTop_toBottomOf="@id/group_one"
        tools:text="@string/tag_artist2" />

    <TextView
        android:id="@+id/meta_title12"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="30dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="18sp"
        android:textStyle="bold"
        app:layout_constraintLeft_toRightOf="@id/album_art2"
        app:layout_constraintTop_toBottomOf="@id/group_one"
        tools:text="@string/tag_title2" />

    <TextView
        android:id="@+id/meta_album12"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="56dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"
        app:layout_constraintLeft_toRightOf="@id/album_art2"
        app:layout_constraintTop_toBottomOf="@id/group_one"
        tools:text="@string/tag_album2" />

    <TextView
        android:id="@+id/meta_time12"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="4dp"
        android:layout_marginTop="56dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"
        app:layout_constraintEnd_toStartOf="@+id/meta_delimiter12"
        app:layout_constraintTop_toBottomOf="@id/group_one"
        tools:text="@string/tag_length2" />

    <TextView
        android:id="@+id/meta_delimiter12"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="4dp"
        android:layout_marginTop="56dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"
        app:layout_constraintEnd_toStartOf="@+id/meta_file_type12"
        app:layout_constraintTop_toBottomOf="@id/group_one"
        tools:text="@string/tag_delimiter" />

    <TextView
        android:id="@+id/meta_file_type12"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="4dp"
        android:layout_marginTop="56dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"

        app:layout_constraintBottom_toBottomOf="@+id/meta_time12"
        app:layout_constraintEnd_toEndOf="@+id/group_one"
        tools:text="@string/tag_file_type2" />

    <!-- Third Group -->
    <View
        android:id="@+id/group_three"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:layout_marginTop="4dp"
        android:background="@android:color/darker_gray"
        app:layout_constraintLeft_toLeftOf="@id/listLayout"
        app:layout_constraintTop_toBottomOf="@id/group_two" />

    <ImageView
        android:id="@+id/album_art3"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_marginTop="4dp"
        android:contentDescription="@string/image_description"
        android:src="@drawable/image3"
        app:layout_constraintLeft_toLeftOf="@id/listLayout"
        app:layout_constraintTop_toBottomOf="@id/group_two" />

    <View
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintEnd_toEndOf="parent" />

    <TextView
        android:id="@+id/meta_artist13"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="18sp"
        android:textStyle="bold"
        app:layout_constraintLeft_toRightOf="@id/album_art3"
        app:layout_constraintTop_toBottomOf="@id/group_two"
        tools:text="@string/tag_artist3" />

    <TextView
        android:id="@+id/meta_title13"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="30dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="18sp"
        android:textStyle="bold"
        app:layout_constraintLeft_toRightOf="@id/album_art3"
        app:layout_constraintTop_toBottomOf="@id/group_two"
        tools:text="@string/tag_title3" />

    <TextView
        android:id="@+id/meta_album13"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginStart="4dp"
        android:layout_marginTop="56dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"
        app:layout_constraintLeft_toRightOf="@id/album_art3"
        app:layout_constraintTop_toBottomOf="@id/group_two"
        tools:text="@string/tag_album3" />

    <TextView
        android:id="@+id/meta_time13"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="4dp"
        android:layout_marginTop="56dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"
        app:layout_constraintEnd_toStartOf="@+id/meta_delimiter13"
        app:layout_constraintTop_toBottomOf="@id/group_two"
        tools:text="@string/tag_length3" />

    <TextView
        android:id="@+id/meta_delimiter13"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="4dp"
        android:layout_marginTop="56dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"
        app:layout_constraintEnd_toStartOf="@+id/meta_file_type13"
        app:layout_constraintTop_toBottomOf="@id/group_two"
        tools:text="@string/tag_delimiter" />

    <TextView
        android:id="@+id/meta_file_type13"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginEnd="4dp"
        android:layout_marginTop="56dp"
        android:fontFamily="@font/abeezee"
        android:textColor="#ffffff"
        android:textSize="16sp"
        app:layout_constraintBottom_toBottomOf="@+id/meta_time13"
        app:layout_constraintEnd_toEndOf="@+id/group_two"
        tools:text="@string/tag_file_type3" />

</android.support.constraint.ConstraintLayout>

Answer 1

使用

android:text="@string/tag_artist1"

代替

工具：text="@string/tag_artist1"

在所有文本视图中都相同。 工具 用于仅在开发者模式下显示文本。这有助于在创建 xml 时测试 UI 元素

Answer 2

您使用了带有 tools:text 属性的文本视图，这将仅在您的 android studio 设计中显示文本，而不会在设备上显示。

我建议您保留这样的更改。不要更改 xml 中的任何内容，只需从代码中设置那些 textviews 字符串即可。

阅读以下有关工具及其用法的文章。 https://android.jlelse.eu/tools-attributes-hidden-gems-of-android-studio-d7451b194e0b