错误膨胀类 android.support.design.widget.TabLayout

Question

我正在尝试使用 Eclipse 基于 Google 的“材料设计”创建一个菜单选项卡，但出现错误：

错误膨胀类 android.support.design.widget.TabLayout

日志文件：

07-30 00:52:40.588: E/Trace(31652): error opening trace file: No such file or directory (2)
07-30 00:52:40.672: E/AndroidRuntime(31652): FATAL EXCEPTION: main
07-30 00:52:40.672: E/AndroidRuntime(31652): java.lang.RuntimeException: Unable to start activity ComponentInfo{com.app.mykitchen/com.app.mykitchen.MainActivity}: android.view.InflateException: Binary XML file line #8: Error inflating class android.support.design.widget.TabLayout
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2184)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2211)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.app.ActivityThread.access$600(ActivityThread.java:149)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1300)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.os.Handler.dispatchMessage(Handler.java:99)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.os.Looper.loop(Looper.java:153)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.app.ActivityThread.main(ActivityThread.java:4987)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at java.lang.reflect.Method.invokeNative(Native Method)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at java.lang.reflect.Method.invoke(Method.java:511)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:821)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:584)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at dalvik.system.NativeStart.main(Native Method)
07-30 00:52:40.672: E/AndroidRuntime(31652): Caused by: android.view.InflateException: Binary XML file line #8: Error inflating class android.support.design.widget.TabLayout
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.view.LayoutInflater.createView(LayoutInflater.java:613)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:687)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.view.LayoutInflater.rInflate(LayoutInflater.java:746)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.view.LayoutInflater.inflate(LayoutInflater.java:489)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.view.LayoutInflater.inflate(LayoutInflater.java:396)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.view.LayoutInflater.inflate(LayoutInflater.java:352)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at com.android.internal.policy.impl.PhoneWindow.setContentView(PhoneWindow.java:258)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.app.Activity.setContentView(Activity.java:1867)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at com.app.mykitchen.MainActivity.onCreate(MainActivity.java:30)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.app.Activity.performCreate(Activity.java:5020)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1080)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2148)
07-30 00:52:40.672: E/AndroidRuntime(31652):    ... 11 more
07-30 00:52:40.672: E/AndroidRuntime(31652): Caused by: java.lang.reflect.InvocationTargetException
07-30 00:52:40.672: E/AndroidRuntime(31652):    at java.lang.reflect.Constructor.constructNative(Native Method)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at java.lang.reflect.Constructor.newInstance(Constructor.java:417)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.view.LayoutInflater.createView(LayoutInflater.java:587)
07-30 00:52:40.672: E/AndroidRuntime(31652):    ... 22 more
07-30 00:52:40.672: E/AndroidRuntime(31652): Caused by: java.lang.NoClassDefFoundError: android.support.design.R$styleable
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.support.design.widget.TabLayout.<init>(TabLayout.java:236)
07-30 00:52:40.672: E/AndroidRuntime(31652):    at android.support.design.widget.TabLayout.<init>(TabLayout.java:221)
07-30 00:52:40.672: E/AndroidRuntime(31652):    ... 25 more

主活动.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

<android.support.design.widget.TabLayout
        android:id="@+id/sliding_tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
/>
<android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0px"
        android:layout_weight="1"
        android:background="@color/white" />

</LinearLayout>

我试过将 AppBase 主题设置为 AppCompat，但没有帮助。

Answer 1

不知道这是否与您的问题有关。 我将 TabLayout 和 ViewPager 的标签更改为与此页面上的标签相对应的标签： https ://material.io/develop/android/components/tab-layout/

这是我的应用程序中的代码，它使错误消失了：

<com.google.android.material.tabs.TabLayout
    android:id="@+id/sliding_tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabMode="fixed"/>

<androidx.viewpager.widget.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="0px"
    android:layout_weight="1"
    android:background="@android:color/white" />

Answer 2

我的 Logcat 中有更多内容。 可以看到最后有明确的解释：

You need to use a Theme.AppCompat theme (or descendant) with the design library.

android.view.InflateException：二进制 XML 文件第 6 行：在 android.view.LayoutInflater.createViewFromTag(LayoutInflater) 的 android.view.LayoutInflater.createView(LayoutInflater.java:633) 处充气类 android.support.design.widget.TabLayout 时出错.java:743) 在 android.view.LayoutInflater.rInflate(LayoutInflater.java:806) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:504) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:414)在 pl.acme_gliwice.smieciarka.nowe.ekran_glowny.MainTrasyFragment.onCreateView(MainTrasyFragment.java:44) 在 android.support.v4.app.Fragment.performCreateView(Fragment.java:2337) 在 android.support.v4.appmpl.FragmentManagerI .moveToState(FragmentManager.java:1418) at android.support.v4.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1739) at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1808) android.support 上的 support.v4.app.BackStackRecord.executeOps(BackStackRecord.java:799)。 v4.app.FragmentManagerImpl.executeOps(FragmentManager.java:2579) 在 android.support.v4.app.FragmentManagerImpl.executeOpsTogether(FragmentManager.java:2366) 在 android.support.v4.app.FragmentManagerImpl.removeRedundantOperationsManagerAndFragmentManagerImpl.removeRedundantOperationsManagerAnd 2321) 在 android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:2228) 在 android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:699) 在 android.os.Handler.handleCallback( Handler.java:739) 在 android.os.Handler.dispatchMessage(Handler.java:95) 在 android.os.Looper.loop(Looper.java:135) 在 android.app.ActivityThread.main(ActivityThread.java:5376) ) 在 java.lang.reflect.Method.invoke(Native Method) 在 java.lang.reflect.Method.invoke(Method.java:372) 在 com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java :908) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:703) 引起：java.lang.reflect.InvocationTargetException at java.lang.reflect.Constructor.newInstance(N ative Method) at java.lang.reflect.Constructor.newInstance(Constructor.java:288) at android.view.LayoutInflater.createView(LayoutInflater.java:607) at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:743)在 android.view.LayoutInflater.rInflate(LayoutInflater.java:806) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:504) 在 android.view.LayoutInflater.inflate(LayoutInflater.java:414) 在 pl.acme_gliwice。 smieciarka.nowe.ekran_glowny.MainTrasyFragment.onCreateView(MainTrasyFragment.java:44) 在 android.support.v4.app.Fragment.performCreateView(Fragment.java:2337) 在 android.support.v4.app.FragmentManagerImpl.moveToManager.moveToManager.(Fragment) java:1418) 在 android.support.v4.app.FragmentManagerImpl.moveFragmentToExpectedState(FragmentManager.java:1739) 在 android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1808) 在 android.support.v4.app .BackStackRecord.executeOps(BackStackRecord.java:799) 在 android.support.v4.app.FragmentManagerImpl。 executeOps(FragmentManager.java:2579) at android.support.v4.app.FragmentManagerImpl.executeOpsTogether(FragmentManager.java:2366) at android.support.v4.app.FragmentManagerImpl.removeRedundantOperationsAndExecute(FragmentManager.java:2321) .v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:2228) at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:699) at android.os.Handler.handleCallback(Handler.java:739)在 android.os.Handler.dispatchMessage(Handler.java:95) 在 android.os.Looper.loop(Looper.java:135) 在 android.app.ActivityThread.main(ActivityThread.java:5376) 在 java.lang。 com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:908) 处的 java.lang.reflect.Method.invoke(Method.java:372) 处的reflect.Method.invoke(Native Method)。 android.internal.os.ZygoteInit.main(ZygoteInit.java:703) 引起：java.lang.IllegalArgumentException：您需要使用带有des的Theme.AppCompat主题（或后代） ign 图书馆。 在 android.support.design.widget.ThemeUtils.checkAppCompatTheme(ThemeUtils.java:33) 在 android.support.design.widget.TabLayout.(TabLayout.java:298) 在 android.support.design.widget.TabLayout.(TabLayout) .java:292)

上面所有这些风格的技巧示例都不完全正确。

我们有 2 个场景：

1) 我们的 TabLayout 在活动中。 如果是这样，我们需要将此活动的主题设置为 AppCompat 主题。 首先我们需要在style.xml中定义这样的主题（不一定是21版本）。

<style name="TabAppTheme" parent="Theme.AppCompat.Light.DarkActionBar">        
</style>

然后我们可以在清单文件中定义活动主题。

<activity
    android:name=".MyTabActivity"
    android:theme="TabAppTheme"
/>

我们不需要对 layout.xml 做任何事情

2) 我们的 TabLayout 在片段里面

类似的情况，但更难改变主题。

首先我们定义主题如上。 然后我们需要为我们的 TabFragment 更改主题。 为此，我们的 ActivityThatHoldsTheFragment不得在清单中为其设置主题。 它可以从应用程序主题继承它，但不能直接设置它。

然后我们必须在这个片段的 OnCreateView 中更改片段主题：

final Context contextThemeWrapper = new ContextThemeWrapper(getActivity(), R.style.TabAppTheme);
LayoutInflater localInflater = inflater.cloneInContext(contextThemeWrapper);
View view = localInflater.inflate(R.layout.fragment_main_trasy, container, false);

整个片段 onCreateView 可以是这样的：

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // create ContextThemeWrapper from the original Activity Context with the custom theme
    final Context contextThemeWrapper = new ContextThemeWrapper(getActivity(), R.style.TabAppTheme);
    // clone the inflater using the ContextThemeWrapper
    LayoutInflater localInflater = inflater.cloneInContext(contextThemeWrapper);

    View view = localInflater.inflate(R.layout.fragment_main_trasy, container, false);
    tabLayout = (TabLayout) view.findViewById(R.id.tabs);
    viewPager = (ViewPager) view.findViewById(R.id.pager);
    mAdapter = new TabFragment.MyAdapter(getChildFragmentManager());
    viewPager.setAdapter(mAdapter);
    tabLayout.setupWithViewPager(viewPager);

    return view;
}

Answer 3

我也遇到了类似的问题。 经过对问题的一些研究，我找到了解决方案。 为您的 tablayout 添加另一个样式资源。

我也在我的博客上描述了它。

http://www.geeksmember.blogspot.in/2015/10/errorerror-inflating-class.html

将此添加到您的 values-v21/styles.xml。 如果您没有 values-v21 文件夹，请在 app/res 文件夹中创建一个。 然后在该文件夹中创建一个styles.xml 文件。

    <resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="AppTheme.Base"/>
    <!-- inherit from the material theme -->
    <style name="AppTheme.Base" parent="android:Theme.Material">
        <!-- colorPrimary is used for the default action bar background -->
        <item name="android:colorPrimary">#3F51B5</item>

        <!-- colorPrimaryDark is used for the status bar -->
        <item name="android:colorPrimaryDark">#303F9F</item>

        <!-- colorAccent is used as the default value for colorControlActivated
             which is used to tint widgets -->
        <item name="android:colorAccent">#FF4081</item>
    </style>

    <style name="MyCustomTabLayout" parent="Widget.Design.TabLayout">
        <item name="tabIndicatorColor">#FF4081</item>
    </style>
</resources>

然后将自定义样式属性添加到您的 tablayout。

<android.support.design.widget.TabLayout
        android:id="@+id/sliding_tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="@style/MyCustomTabLayout"
/>

我也遇到了同样的问题，这就像一个魅力。

参考： https : //code.google.com/p/android/issues/detail?id=175582

Answer 4

我也遇到了同样的错误。 我通过替换解决了这个问题

在此代码中出错

<android.support.design.widget.TabLayout android:id="@+id/tab_layout" android:layout_width="0dp" android:layout_height="wrap_content" android:background="?attr/colorPrimary" app:layout_constraintEnd_toEndOf="parent" app:tabMode="scrollable" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="@+id/viewpager" /> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="0dp" android:layout_height="0dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" />

---

使用此代码解决上述问题

<com.google.android.material.tabs.TabLayout android:id="@+id/tab_layout" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_marginBottom="4dp" android:background="?attr/colorPrimary" app:layout_constraintBottom_toTopOf="@+id/viewpager" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <androidx.viewpager.widget.ViewPager android:id="@+id/viewpager" android:layout_width="wrap_content" android:layout_height="0dp" android:layout_marginEnd="5dp" android:layout_marginBottom="3dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toBottomOf="@+id/tab_layout" />

**如果您使用的是 androidx，则需要将android.support.design.widget.TabLayout更改为com.google.android.material.tabs.TabLayout **

Answer 5

我也遇到了同样的错误。 我通过升级 android.support com.android.support:design:24.1.0解决了这个问题

到

com.android.support:design:28.0.0