Bottom sheet above the scrollView

Question

I want this kind of bottom sheet which should be above the ScrollView.

The images in the scroll view should be behind the bottom sheet. the bottom sheet should always be there on the screen till the proceed button on it is clicked. Any help will be appreciated. Thanks !!

ok let me clarify your question if user will click proceed after that only scroll and other things works am i right ? and this will bottom sheet right? — Milind Vyas, Jun 13 '16 at 13:22
@MalithLakshan yeah actually cardView worked !! I was thinking of implementing it through Bottom Sheet . Thanks — user6111220, Jun 13 '16 at 13:28

score 0 · Accepted Answer · answered Jun 13 '16 at 13:32

If the bottom sheet/panel is always there, theres no need to overlap those panels check this simplified xml layout example:

<?xml version="1.0" encoding="utf-8"?>
<!-- This is your root layout element -->
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:android_width="match_parent"
  android:android_height="0dp"
  android:layout_weight="4">

  <ScrollView
    android:android_width="match_parent"
    android:android_height="0dp">
    <!-- Put your inner grid layout here -->
  </ScrollView>


  <!-- this is your bottom panel layout -->
  <!-- you can control the size of your bottom -->
  <!--  pane by playing with the layout weights  -->
  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1">

    <Button
      android:text="Proceed"
      android:background="@drawable/yourSelectorXml"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"/>
  </LinearLayout>

 </LinearLayout>

score -1 · Answer 2 · edited Jul 28 '16 at 06:46

Let's see the code

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:android_width="match_parent"
    android:android_height="0dp"
    android:layout_weight="4">

    <ScrollView
        android:android_width="match_parent"
        android:android_height="0dp">
        <!-- Put your inner grid layout here -->
    </ScrollView>

    <!-- put your bottom panel layout here -->

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <Button
            android:text="Proceed"
            android:background="@drawable/yourSelectorXml"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </LinearLayout>
</LinearLayout>

Bottom sheet above the scrollView

2 Answers2