Android 底部 Sheet 布局 XML

Android Bottom Sheet Layout XML

你好,我正在尝试实现一个简单的 Android 底部 sheet,我使用的 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背后的代码如下

代码隐藏

public class 主要Activity 扩展 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.access00(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.access00(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.access00(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.access00(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) 

需要

基本上,我是第一次尝试实施 Bottom Sheets。我想添加多个 Bottom Sheets 以了解如何在应用程序中使用它们。

我的 Activity 是全屏 Activity,具有以下应用程序主题

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

我想使用全屏 Activity 并且想在按钮点击监听器上实现多个底部表单!

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

如果使用 android studio,请将以下行添加到您的应用程序-gradle:

compile 'com.android.support:design:23.4.0'
 <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>

我必须设置自定义样式才能使用全屏activity才能使用多个底部屏幕!

完整代码

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

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

我的问题是使用全屏 activity,并且使用的是非 AppCompat 主题和 Activity。所以我使用了自定义样式主题 activity 就这样!