Java 膨胀类android.support.design.widget.TabLayout时出错

我正试图使用Eclipse创建一个基于谷歌“材质设计”的菜单选项卡，但出现了一个错误：

膨胀类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

07-30 00:52:40.588:E/Trace（31652）：打开跟踪文件时出错：没有这样的文件或目录（2）
07-30 00:52:40.672:E/AndroidRuntime（31652）：致命异常：主
07-30 00:52:40.672:E/AndroidRuntime（31652）：java.lang.RuntimeException:无法启动活动组件信息{com.app.mykitchen/com.app.mykitchen.MainActivity}:android.view.InflateException:二进制XML文件行#8:膨胀类android.support.design.widget.TabLayout时出错
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.app.ActivityThread.performLaunchActivity（ActivityThread.java:2184）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.app.ActivityThread.handleLaunchActivity（ActivityThread.java:2211）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.app.ActivityThread.access$600（ActivityThread.java:149）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.app.ActivityThread$H.handleMessage（ActivityThread.java:1300）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.os.Handler.dispatchMessage（Handler.java:99）上
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.os.Looper.loop（Looper.java:153）上
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.app.ActivityThread.main（ActivityThread.java:4987）上
07-30 00:52:40.672:E/AndroidRuntime（31652）：位于java.lang.reflect.Method.Invokenactive（本机方法）
07-30 00:52:40.672:E/AndroidRuntime（31652）：位于java.lang.reflect.Method.invoke（Method.java:511）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run（ZygoteInit.java:821）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在com.android.internal.os.ZygoteInit.main（ZygoteInit.java:584）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在dalvik.system.NativeStart.main（本机方法）
07-30 00:52:40.672:E/AndroidRuntime（31652）：由以下原因引起：android.view.InflateException:二进制XML文件行#8:错误膨胀类android.support.design.widget.TabLayout
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.view.LayoutInflater.createView（LayoutInflater.java:613）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.view.LayoutInflater.createViewFromTag（LayoutInflater.java:687）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.view.LayoutInflater.rInflate（LayoutInflater.java:746）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.view.LayoutInflater.inflate（LayoutInflater.java:489）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.view.LayoutInflater.inflate（LayoutInflater.java:396）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.view.LayoutInflater.inflate（LayoutInflater.java:352）
07-30 00:52:40.672:E/AndroidRuntime（31652）：位于com.android.internal.policy.impl.PhoneWindow.setContentView（PhoneWindow.java:258）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.app.Activity.setContentView（Activity.java:1867）上
07-30 00:52:40.672:E/AndroidRuntime（31652）：位于com.app.mykitchen.MainActivity.onCreate（MainActivity.java:30）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.app.Activity.performCreate（Activity.java:5020）上
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.app.Instrumentation.callActivityOnCreate（Instrumentation.java:1080）上
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.app.ActivityThread.performLaunchActivity（ActivityThread.java:2148）
07-30 00:52:40.672:E/AndroidRuntime（31652）：。。。还有11个
07-30 00:52:40.672:E/AndroidRuntime（31652）：由以下原因引起：java.lang.reflect.InvocationTargetException
07-30 00:52:40.672:E/AndroidRuntime（31652）：位于java.lang.reflect.Constructor.constructNative（本机方法）
07-30 00:52:40.672:E/AndroidRuntime（31652）：位于java.lang.reflect.Constructor.newInstance（Constructor.java:417）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.view.LayoutInflater.createView（LayoutInflater.java:587）
07-30 00:52:40.672:E/AndroidRuntime（31652）：。。。还有22个
07-30 00:52:40.672:E/AndroidRuntime（31652）：原因：java.lang.NoClassDefFoundError:android.support.design.R$styleable
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.support.design.widget.TabLayout.（TabLayout.java:236）
07-30 00:52:40.672:E/AndroidRuntime（31652）：在android.support.design.widget.TabLayout.（TabLayout.java:221）
07-30 00:52:40.672:E/AndroidRuntime（31652）：。。。25多

MainActivity.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，但没有任何帮助。

我也遇到了类似的问题。经过对这个问题的研究，我找到了解决办法。为您的表格布局添加另一个样式资源

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

我也在我的博客上描述过

将其添加到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>

#3F51B5
#303F9F
#FF4081
#FF4081

然后将自定义样式属性添加到表格布局中

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

---

我的日志中还有一点。最后你可以看到有一个明确的解释：

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

android.view.InflateException:二进制XML文件行#6:膨胀类android.support.design.widget.TabLayout时出错
在android.view.LayoutInflater.createView（LayoutInflater.java:633）
位于android.view.LayoutInflater.createViewFromTag（LayoutInflater.java:743）
位于android.view.LayoutInflater.rInflate（LayoutInflater.java:806）
在android.view.La
<activity
    android:name=".MyTabActivity"
    android:theme="TabAppTheme"
/>

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);

@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;
}

<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" />

<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" />