クラス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

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に設定しようとしましたが、役に立ちません。

Answer 1

Logcatにもう少し入っています。最後に、明確な説明があることがわかります。

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

Android.view.InflateException：Binary XML file line＃6：Error inflatating class Android.support.design.widget.TabLayout at Android.view.LayoutInflater.createView（LayoutInflater.Java:633）at Android.view.LayoutInflater.createViewFromTag（LayoutInflater .Java：743）at Android.view.LayoutInflater.rInflate（LayoutInflater.Java:806）at Android.view.LayoutInflater.inflate（LayoutInflater.Java:504）at Android.view.LayoutInflater.inflate（LayoutInflater.Java:414） pl.acme_gliwice.smieciarka.nowe.ekran_glowny.MainTrasyFragment.onCreateView（MainTrasyFragment.Java:44）at Android.support.v4.app.Fragment.performCreateView（Fragment.Java:2337）at Android.support.v4.app.FragmentManagerImpl .moveToState（FragmentManager.Java:1418）at Android.support.v4.app.FragmentManagerImpl.moveFragmentToExpectedState（FragmentManager.Java:1739）at Android.support.v4.app.FragmentManagerImpl.moveToState（FragmentManager.Java:1808）at Android。 Android.supportのsupport.v4.app.BackStackRecord.executeOps（BackStackRecord.Java:799）。 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）Android.support.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）at Android.os.Handler.dispatchMessage（Handler.Java:95）at Android.os.Looper.loop（Looper.Java:135）at Android.app.ActivityThread.main（ActivityThread.Java:5376 ）Java.lang.reflect.Method.invoke（Native Method）at Java.lang.reflect.Method.invoke（Method.Java:372）at com.Android.internal.os.ZygoteInit $ MethodAndArgsCaller.run（ZygoteInit.Java ：908）com.Android.internal.os.ZygoteInit.main（ZygoteInit.Java:703）の原因：Java.lang.reflect.InvocationTargetException at Java.lang.reflect.Constructor.newInstance（N ativeメソッド）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.moveToState（FragmentManager。 Java：1418）Android.support.v4.app.FragmentManagerImpl.moveFragmentToExpectedState（FragmentManager.Java:1739）でAndroid.support.v4.app.FragmentManagerImpl.moveToState（FragmentManager.Java:1808）でAndroid.support.v4.appでAndroid.support.v4.app.FragmentManagerImplの.BackStackRecord.executeOps（BackStackRecord.Java:799）。 Android.support.v4.app.FragmentManagerImpl.executeOpsTogether（FragmentManager.Java:2366）のexecuteOps（FragmentManager.Java:2579）（Android.support.v4.app.FragmentManagerImpl.removeRedundantOperationsAndExecute（FragmentManager.Java: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）at Java.lang.reflect.Method.invoke（Method.Java:372）at com.Android.internal.os.ZygoteInit $ MethodAndArgsCaller.run（ZygoteInit.Java:908）at com。 Android.internal.os.ZygoteInit.main（ZygoteInit.Java:703）原因：Java.lang.IllegalArgumentException：Theme.AppCompatテーマ（または子孫）とdes ignライブラリ。 Android.support.design.widget.TabLayout。（TabLayoutでAndroid.support.design.widget.TabLayout。（TabLayout.Java:298）でAndroid.support.design.widget.ThemeUtils.checkAppCompatTheme（ThemeUtils.Java:33）で.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にマニフェストでテーマを設定する必要がありますnot。アプリケーションのテーマから継承できますが、直接設定することはできません。

次に、このフラグメントの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 2

私も同様の問題に直面しました。問題に関するいくつかの調査の後、私は解決策を見つけます。タブレイアウトに別のスタイルリソースを追加します。

私のブログでも説明しています。

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>

次に、カスタムスタイル属性をタブレイアウトに追加します。

<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 3

これが問題に関連しているかどうかはわかりません。 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 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**