材料组件无法正常工作答案

【问题标题】：Material Components Doesn't Work properly材料组件无法正常工作
【发布时间】：2020-04-11 00:06:02
【问题描述】：

我正在尝试在 AppCompact 旁边使用材料组件，所以我做了以下事情

1- 我为 AppCompact 创建了一个样式父级，并将其命名为 AppTheme 作为我的全局主题

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:fontFamily">@font/iranyekanwebregular</item>
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

2- 根据这篇 (https://material.io/develop/android/docs/getting-started/) 文章，我在 TextInputLayout 中使用 outLineBox 样式制作了一个 TextInputEditText，这正是所提到的文章所说的。

<com.google.android.material.textfield.TextInputLayout
            android:id="@+id/til_hive_desc"
            style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:inputType="text"
            android:textColorHint="@color/colorPrimaryDark">

            <com.google.android.material.textfield.TextInputEditText
                android:id="@+id/tied_movement_desc"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:hint="@string/add_apiary_desc"
                android:inputType="text"
                android:textColor="@color/colorPrimaryDark"
                android:textColorHint="@color/colorPrimaryDark"
                android:textSize="14sp" />

        </com.google.android.material.textfield.TextInputLayout>

，但它不起作用，当我尝试打开活动时它崩溃了，这是错误：

E/AndroidRuntime: FATAL EXCEPTION: main
Process: com.soroushkh.mybees, PID: 22912
java.lang.RuntimeException: Unable to start activity ComponentInfo{com.soroushkh.mybees/com.soroushkh.mybees.AddApiaryActivity}: android.view.InflateException: Binary XML file line #33: Binary XML file line #33: Error inflating class com.google.android.material.textfield.TextInputLayout
    at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2913)
    at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:3048)
    at android.app.servertransaction.LaunchActivityItem.execute(LaunchActivityItem.java:78)
    at android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:108)
    at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:68)
    at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1808)
    at android.os.Handler.dispatchMessage(Handler.java:106)
    at android.os.Looper.loop(Looper.java:193)
    at android.app.ActivityThread.main(ActivityThread.java:6669)
    at java.lang.reflect.Method.invoke(Native Method)
    at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:858)
    Caused by: android.view.InflateException: Binary XML file line #33: Binary XML file line #33: 
 Error inflating class com.google.android.material.textfield.TextInputLayout
 Caused by: android.view.InflateException: Binary XML file line #33: Error inflating class 
 com.google.android.material.textfield.TextInputLayout
 Caused by: java.lang.reflect.InvocationTargetException
    at java.lang.reflect.Constructor.newInstance0(Native Method)
    at java.lang.reflect.Constructor.newInstance(Constructor.java:343)
    at android.view.LayoutInflater.createView(LayoutInflater.java:647)
    at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:790)
    at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:730)
    at android.view.LayoutInflater.rInflate(LayoutInflater.java:863)
    at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:824)
    at android.view.LayoutInflater.rInflate(LayoutInflater.java:866)
    at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:824)
    at android.view.LayoutInflater.rInflate(LayoutInflater.java:866)
    at android.view.LayoutInflater.rInflateChildren(LayoutInflater.java:824)
    at android.view.LayoutInflater.inflate(LayoutInflater.java:515)
    at android.view.LayoutInflater.inflate(LayoutInflater.java:423)
    at android.view.LayoutInflater.inflate(LayoutInflater.java:374)
    at androidx.appcompat.app.AppCompatDelegateImpl.setContentView(AppCompatDelegateImpl.java:555)
    at androidx.appcompat.app.AppCompatActivity.setContentView(AppCompatActivity.java:161)
    at com.soroushkh.mybees.AddApiaryActivity.onCreate(AddApiaryActivity.java:24)
    at android.app.Activity.performCreate(Activity.java:7136)
    at android.app.Activity.performCreate(Activity.java:7127)
    at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1271)
    at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2893)
    at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:3048)
    at android.app.servertransaction.LaunchActivityItem.execute(LaunchActivityItem.java:78)
    at 
    android.app.servertransaction.TransactionExecutor.executeCallbacks(TransactionExecutor.java:108)
    at android.app.servertransaction.TransactionExecutor.execute(TransactionExecutor.java:68)
    at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1808)
    at android.os.Handler.dispatchMessage(Handler.java:106)
    at android.os.Looper.loop(Looper.java:193)
    at android.app.ActivityThread.main(ActivityThread.java:6669)
    at java.lang.reflect.Method.invoke(Native Method)
    at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:858)
    E/AndroidRuntime: Caused by: java.lang.IllegalArgumentException: The style on this component 
    requires your app theme to be Theme.MaterialComponents (or a descendant).
    at com.google.android.material.internal.ThemeEnforcement.checkTheme(ThemeEnforcement.java:243)
    at com.google.android.material.internal.ThemeEnforcement.checkMaterialTheme(ThemeEnforcement.java:217)
    at com.google.android.material.internal.ThemeEnforcement.checkCompatibleTheme(ThemeEnforcement.java:145)
    at com.google.android.material.internal.ThemeEnforcement.obtainTintedStyledAttributes(ThemeEnforcement.java:115)
    at com.google.android.material.textfield.TextInputLayout.<init>(TextInputLayout.java:451)
    at com.google.android.material.textfield.TextInputLayout.<init>(TextInputLayout.java:410)

它要求我提供 Theme.MaterialComponents，当我实现它时，它会破坏我所有的自定义设计。我该怎么办请回答。

【问题讨论】：

你必须使用Material Components theme
我知道，但在 material.io 中，文章说您可以使用 AppCompact 作为全局主题并使用 outLineBox 作为样式没有问题。但实际上它不起作用
你在 xml 文件中使用过 android:name 属性吗？
不，我没有。你的意思是当我们想要使用 mapView 的时候？！有趣的！我应该在属性内写什么来获得一个没有行框的 TextInputLayout？
您可以使用setTheme(R.style.textTheme) 进行自定义设计

标签： android material-components

【解决方案1】：

将样式的父级更改为Theme.MaterialComponents.Light.*，看看它是否有效？

<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
        .
</style>

【讨论】：

我在活动打开之前尝试过这个，textInputLayout 也可以工作，但它会改变我构建的其他所有内容。
你的意思是什么？如果您的意思是其他组件的样式。您也应该更改它们，这是因为材质主题的一些默认值已更改。
正如我在这篇文章https://material.io/develop/android/docs/getting-started/ 的问题中提到的，您可以使用 AppCompact 作为全局主题，使用 MaterialComponents 作为每个元素的样式。但实际上它不起作用
如果你看到 android 源代码，它们是 appCompat 主题的子元素。 <style name="Platform.MaterialComponents.Light" parent="Theme.AppCompat.Light"/> 只是添加了很多新样式。同样在文章中说，“但是，您必须将以下新主题属性添加到现有应用程序主题中，否则会遇到 ThemeEnforcement 错误。”因此，如果您想使用 appcompat.theme，则应将它们全部添加。
如果您在全局或活动上定义材料组件并为每个按钮单独定义样式或其他任何内容都无效。材料组件将改变一切不是材料设计的东西。

【解决方案2】：

如你mentioned

通过将应用主题更改为继承自来进行应用范围的迁移材料组件主题是推荐的方法。然而，成为确保在之后彻底测试，作为现有布局中的组件可能会改变他们的外表和行为。

我尝试了相同的代码，但它崩溃了

改变后

Theme.AppCompat.Light.DarkActionBar

到

Theme.MaterialComponents.Light.DarkActionBar

它正在工作，如果你想设置自定义样式，那么你可以在片段/活动中添加 activity!!.setTheme(R.style.textTheme) 并应用主题

希望它对你有用。

【讨论】：

对不起，我没有提到这个:)。根据 material.io 文档，我们可以使用 widget.MaterialComponents...outLineBox 与 AppCompat 应用程序范围集成。但实际上它不起作用
是的，我知道大纲框与 Material 组件集成。但除此之外，如果您想使用自定义设计，则可以使用 setTheme。
我以前试过这个。您可以在 manifest 中使用 android:theme 属性。没有区别。如果您想了解我在说什么创建一个新项目，请在 TextInputLayout 中添加一个 TextInputEditText 并为 TextInputLayout 设置 style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox" 并设置应用程序主题 Theme.AppCompact 。 MainActivity 将崩溃。
@AliRasouli 我会试试这个。您要应用哪种自定义设计，请在此处分享您的代码。