XML 布局视图与模拟器视图不同

Question

目前正在学习如何构建一个 android 应用程序，我的 xml 文件应该在布局预览中显示文本 Sup doge，但它根本没有显示。

图片如下：

但是，当我构建应用程序并在模拟器上运行它时，文本会显示：

现在我遇到了一个问题，我需要不断构建应用程序，以便在我应该在布局中查看它时查看模拟器中的任何小的 UI 更改。

更新 #1：

我尝试了@Khemraj 建议的 Invalidate Cache & Restart 并删除了约束属性。还删除了tools:text="@string/app_name" 部分，但它在布局预览中仍显示为空白。构建应用程序时它仍然显示良好。

更新 #2：

添加了背景颜色进行检查。预览有问题。

更新 #3

这里是 gradle 文件夹文件：

gradle-wrapper.properties 文件

bulid.gradle 文件

HeadFirstProject01 文件 谁能帮我解决这个问题？

解决方案：

感谢 Khenraj 的回答，我使用的是不稳定的 sdk 版本，因此我必须将其更新到以前的稳定版本，然后再次构建和同步 gradle：

    android {
        compileSdkVersion 27 //previously was 28
        defaultConfig {
            applicationId "com.example.headfirstproject_01.headfirstproject_01"
            minSdkVersion 14
            targetSdkVersion 27 //previously was 28
            versionCode 1
            versionName "1.0"
            testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
        }
        buildTypes {
            release {
                minifyEnabled false
                proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
            }
        }
    }

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:27.1.1' //previously was 28.0.0-rc02
    implementation 'com.android.support.constraint:constraint-layout:1.1.2'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

Answer 1

布局预览不起作用。使用 Invalidate Cache & Restart 查看预览。

建议：

RelativeLayout 不支持约束属性。所以从TextView中删除那些多余的约束属性。

更新

我在 SO 上看到了很多与此相关的问题。答案并不适合所有人。

这里有几个解决方案：

• 降级您的 sdk 版本。 （compileSdkVersion、targetSdkVersion 和支持库版本）
• 强制刷新布局
• 重启 Android Studio

Answer 2

在你使用的 xml 中

tools:text="@string/app_name"

tools:text 在我们使用设计器设计布局时非常有用。它的作用非常简单：代替 android:text，但仅在设计器的预览中执行。这意味着在您的预览中，您将看到您在 tools:text 中指定的内容。这适用于从工具开始的一切：。例如，您还可以指定预览必须使用哪个布局来显示 recyclerview 的项目。我猜您的 app_name 字符串为空，这就是您在预览中看不到任何内容的原因。