Android 底页布局 XML答案

【问题标题】：Android Bottom Sheet Layout XMLAndroid 底页布局 XML
【发布时间】：2016-07-04 16:12:22
【问题描述】：

您好，我正在尝试实现一个简单的 Android 底页，我使用的 xml 如下！

我的 XML

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

           <Button
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:layout_weight="1"
              android:text="Effects"
              android:id="@+id/effects"
              android:textStyle="italic"/>

    <!--contains my layout for buttons, nested layout etc etc-->
    </LinearLayout

    <android.support.v4.widget.NestedScrollView
       android:id="@+id/color_effects_bottom_sheet"
       android:layout_width="match_parent"
       android:layout_height="350dp"
       android:clipToPadding="true"
       app:behavior_hideable="true"
       android:background="@android:color/holo_orange_light"
      app:layout_behavior="android.support.design.widget.BottomSheetBehavior">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Please Set the Color Effects here!"
        android:padding="16dp"
        android:textSize="16sp"/>

</android.support.v4.widget.NestedScrollView>

此 XML 背后的代码如下所示

代码隐藏

公共类 MainActivity 扩展 Activity {

//Variables for bottom sheets calls
private Button btn_effects;
private BottomSheetBehavior mBottomSheetBehavior;
private CoordinatorLayout coordinatorLayout;
////////////////////////////////////

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    //locate coordinator layout
    coordinatorLayout=(CoordinatorLayout)findViewById(R.id.main_content);

    //locate bottom sheet
    View color_bottomSheet = coordinatorLayout.findViewById( R.id.color_effects_bottom_sheet);

    //View scene_bottomSheet = coordinatorLayout.findViewById( R.id.scenes_bottom_sheet);

    //effects button
    btn_effects=(Button)findViewById(R.id.effects);

    //scenes button
    btn_scenes=(Button)findViewById(R.id.scenes);

    //settings button
    btn_settings=(Button)findViewById(R.id.settings);

    //bottom sheet behavior
    mBottomSheetBehavior = BottomSheetBehavior.from(color_bottomSheet);

    //effects button listener
    btn_effects.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            mBottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
        }
    });

}

}

问题

问题是，当我尝试运行此代码时，它会使我的应用程序崩溃并一直抛出此异常。

例外

E/AndroidRuntime: FATAL EXCEPTION: main Process: com.example.bottomsheetexample, PID: 22875 java.lang.RuntimeException: Unable to start activity ComponentInfo{com.example.bottomsheetexample/com.example.bottomsheetexample.MainActivity}: android.view.InflateException: Binary XML file line #2: Error inflating class android.support.design.widget.CoordinatorLayout                                                                                               at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2417)
at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2469)
at android.app.ActivityThread.access$1100(ActivityThread.java:151)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1362)
at android.os.Handler.dispatchMessage(Handler.java:110)
at android.os.Looper.loop(Looper.java:193)
at android.app.ActivityThread.main(ActivityThread.java:5551)
at java.lang.reflect.Method.invokeNative(Native Method)
at java.lang.reflect.Method.invoke(Method.java:515)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:914)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:730)
at dalvik.system.NativeStart.main(Native Method)
Caused by: android.view.InflateException: Binary XML file line #2: Error inflating class android.support.design.widget.CoordinatorLayout
at android.view.LayoutInflater.createView(LayoutInflater.java:640)
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:716)
at android.view.LayoutInflater.inflate(LayoutInflater.java:489)
at android.view.LayoutInflater.inflate(LayoutInflater.java:409)
at android.view.LayoutInflater.inflate(LayoutInflater.java:358)
at com.android.internal.policy.impl.PhoneWindow.setContentView(PhoneWindow.java:305)
at android.app.Activity.setContentView(Activity.java:1959)
at com.example.junaidhassan.bottomsheetexample.MainActivity.onCreate(MainActivity.java:23)
at android.app.Activity.performCreate(Activity.java:5310)
at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1088)
at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2381)
at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2469)at android.app.ActivityThread.access$1100(ActivityThread.java:151) 
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1362) 
at android.os.Handler.dispatchMessage(Handler.java:110) 
at android.os.Looper.loop(Looper.java:193) 
at android.app.ActivityThread.main(ActivityThread.java:5551) 
at java.lang.reflect.Method.invokeNative(Native Method) 
at java.lang.reflect.Method.invoke(Method.java:515) 
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:914) 
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:730) 
at dalvik.system.NativeStart.main(Native Method) 
Caused by: java.lang.reflect.InvocationTargetException
at java.lang.reflect.Constructor.constructNative(Native Method)
at java.lang.reflect.Constructor.newInstance(Constructor.java:423)
at android.view.LayoutInflater.createView(LayoutInflater.java:614)
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:716) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:489) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:409) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:358) 
at com.android.internal.policy.impl.PhoneWindow.setContentView(PhoneWindow.java:305) 
at android.app.Activity.setContentView(Activity.java:1959) 
at com.example.bottomsheetexample.MainActivity.onCreate(MainActivity.java:23) 
at android.app.Activity.performCreate(Activity.java:5310) 
at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1088) 
at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2381) 
at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2469)at android.app.ActivityThread.access$1100(ActivityThread.java:151) 
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1362) 
at android.os.Handler.dispatchMessage(Handler.java:110) 
at android.os.Looper.loop(Looper.java:193) 
at android.app.ActivityThread.main(ActivityThread.java:5551) 
at java.lang.reflect.Method.invokeNative(Native Method) 
at java.lang.reflect.Method.invoke(Method.java:515) 
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:914) 
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:730) 
at dalvik.system.NativeStart.main(Native Method) 
Caused by: java.lang.IllegalArgumentException: You need to use a Theme.AppCompat theme (or descendant) with the design library.
at android.support.design.widget.ThemeUtils.checkAppCompatTheme(ThemeUtils.java:34)
at android.support.design.widget.CoordinatorLayout.<init>(CoordinatorLayout.java:182)
at android.support.design.widget.CoordinatorLayout.<init>(CoordinatorLayout.java:176)
at java.lang.reflect.Constructor.constructNative(Native Method) 
at java.lang.reflect.Constructor.newInstance(Constructor.java:423) 
at android.view.LayoutInflater.createView(LayoutInflater.java:614) 
at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:716) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:489) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:409) 
at android.view.LayoutInflater.inflate(LayoutInflater.java:358) 
at com.android.internal.policy.impl.PhoneWindow.setContentView(PhoneWindow.java:305) 
at android.app.Activity.setContentView(Activity.java:1959) 
at com.example.bottomsheetexample.MainActivity.onCreate(MainActivity.java:23) 
at android.app.Activity.performCreate(Activity.java:5310) 
at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1088) 
at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2381) 
at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2469)at android.app.ActivityThread.access$1100(ActivityThread.java:151) 
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1362) 
at android.os.Handler.dispatchMessage(Handler.java:110) 
at android.os.Looper.loop(Looper.java:193) 
at android.app.ActivityThread.main(ActivityThread.java:5551) 
at java.lang.reflect.Method.invokeNative(Native Method) 
at java.lang.reflect.Method.invoke(Method.java:515) 
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:914) 
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:730) 
at dalvik.system.NativeStart.main(Native Method)

需要

基本上我是第一次尝试实现底部表。我想添加多个底页以了解如何在应用程序中使用它们。

我的活动是具有以下应用主题的全屏活动

android:theme="@android:style/Theme.DeviceDefault.NoActionBar.Fullscreen">

我想使用全屏 Activity 并想在 Button Click Listeners 上实现多个 Bottom Sheets！

【问题讨论】：

标签： android android-coordinatorlayout bottom-sheet

【解决方案1】：

正如您的崩溃日志中所述 Caused by: java.lang.IllegalArgumentException: You need to use a Theme.AppCompat theme (or descendant) with the design library 将您的应用主题更改为上述主题

【讨论】：

我想使用全屏活动主题！
也许这会有所帮助：stackoverflow.com/questions/21814825/…。对于全屏尝试下面的链接stackoverflow.com/a/25365193/598641

【解决方案2】：

如果使用 android studio，请在您的 app-gradle 中添加以下行：

compile 'com.android.support:design:23.4.0'

【讨论】：

【解决方案3】：

 <style name="Theme.AppCompat.Light.NoActionBar.FullScreen" parent="@style/Theme.AppCompat.Light">
   <item name="windowNoTitle">true</item>
   <item name="windowActionBar">false</item>
   <item name="android:windowFullscreen">true</item>
   <item name="android:windowContentOverlay">@null</item>
 </style>

我必须设置自定义样式以使用全屏活动来使用多个底部屏幕！

完整代码

<?xml version="1.0" encoding="utf-8"?>
   <android.support.design.widget.CoordinatorLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:id="@+id/main_content"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:fitsSystemWindows="true">

     <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

           <Button
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:layout_weight="1"
              android:text="Effects"
              android:id="@+id/effects"
              android:textStyle="italic"/>

           <!--contains my layout for buttons, nested layout etc etc-->
    </LinearLayout

    <android.support.v4.widget.NestedScrollView
       android:id="@+id/color_effects_bottom_sheet"
       android:layout_width="match_parent"
       android:layout_height="350dp"
       android:clipToPadding="true"
       app:behavior_hideable="true"
       android:background="@android:color/holo_orange_light"
            app:layout_behavior="android.support.design.widget.BottomSheetBehavior">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Please Set the Color Effects here!"
        android:padding="16dp"
        android:textSize="16sp"/>

</android.support.v4.widget.NestedScrollView>


 <android.support.v4.widget.NestedScrollView
    android:id="@+id/second_bottom_sheet"
    android:layout_width="match_parent"
    android:layout_height="350dp"
    android:clipToPadding="true"
    app:behavior_hideable="true"
    android:background="@android:color/holo_orange_light"
    app:layout_behavior="android.support.design.widget.BottomSheetBehavior">

       <TextView
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:text="Please Set the Scene Effects here!"
         android:padding="16dp"
         android:textSize="16sp"/>

    </android.support.v4.widget.NestedScrollView>

 </android.support.design.widget.CoordinatorLayout>

问题是可以调用与第一个底页相同的第二个底页。

我的问题是使用全屏活动，并且使用的是非 AppCompat 主题和活动。所以我使用了一个自定义风格的主题活动，就这样！

【讨论】：