在我所有的 Android 应用程序中,我实现了Material Design Components (MDC) 依赖项,AndroidX
并且一切正常,直到我将 Android Studio 更新到 3.4稳定版本。该应用程序可以在模拟器和真机中完美编译和运行,但Android Studio的XML 布局预览器不会呈现任何 MDC,并且预览页面只是冻结。
我已经尝试了很多东西,但都没有解决我的问题:
- 更新到 Android Studio 3.5 Canary 或 Dev
targetSdkVersion
将and更改compileSdkVersions
为 28- 重新安装 Android Studio
- 使缓存无效并重新启动
- 使用不同的
Theme.MaterialComponents
变体
此 XML 布局预览器问题仅在其中包含至少 1 个 MDC 的布局中发生。如果没有这些组件,一切正常。
我的styles.xml
文件如下所示:
<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="colorGroupPrimary">@color/colorPrimary</item>
<item name="colorGroupPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorGroupAccent">@color/colorAccent</item>
<item name="android:fontFamily">@font/montserrat</item>
<item name="android:windowBackground">@drawable/splash_bg</item
</style>
即使我扩展AppTheme
它Theme.MaterialComponents.Light.NoActionBar
也不起作用。
我的build.gradle
文件如下所示:
android {
compileSdkVersion 28
defaultConfig {
minSdkVersion 23
targetSdkVersion 28
maxSdkVersion 28
...
}
...
}
dependencies {
implementation 'com.google.android.material:material:1.1.0-alpha05'
implementation 'androidx.appcompat:appcompat:1.1.0-alpha04'
...
}
不渲染的布局示例
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout 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"
android:background="@color/colorBackground"
tools:context=".Activities.AddNoteActivity">
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:backgroundTint="?attr/colorGroupPrimaryDark">
<androidx.appcompat.widget.Toolbar
android:id="@+id/addNote_toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:paddingStart="6dp"
android:paddingEnd="6dp"
app:contentInsetStartWithNavigation="0dp"
app:navigationIcon="@drawable/ic_close"
app:title="@string/addNotes_toolbar"
app:titleTextAppearance="@style/TextAppearance.CACH.Title"
app:titleTextColor="@color/colorWhite" />
</com.google.android.material.appbar.AppBarLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="?attr/actionBarSize"
android:orientation="vertical"
android:padding="10dp">
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/addNote_titleInput"
style="@style/Widget.CACH.TextInputLayout.Primary"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="15dp"
android:hint="@string/addNotes_title"
android:paddingBottom="8dp"
app:errorEnabled="true">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/addNote_titleText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textColor="@color/colorBlack"
android:textSize="22sp" />
</com.google.android.material.textfield.TextInputLayout>
</LinearLayout>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
在示例中, Toolbar 和 AppBar 不会造成任何问题,但此时我添加了TextInputLayout
并且TextInputEditText
预览器冻结了。如果在另一个布局中我添加一个MaterialButton
或FloatingActionButton
或MaterialCardView
相同的事情发生。
(在示例中,所有style
属性都扩展了特定于组件的 MaterialComponent 主题。示例:TextInputLayout
style has as parent Widget.MaterialComponents.TextInputLayout.OutlinedBox
)