multi-pane

app/src/main/java/chat/rocket/android/activity/MainActivity.java

@@ -3,6 +3,7 @@ package chat.rocket.android.activity;
 import android.os.Bundle;
 import android.support.annotation.Nullable;
 import android.support.v4.widget.SlidingPaneLayout;
+import android.view.View;
 import android.widget.CompoundButton;
 import android.widget.ImageView;
 import android.widget.LinearLayout;
@@ -51,6 +52,18 @@ public class MainActivity extends AbstractAuthedActivity {
       closeSidebarIfNeeded();
     });
 
+    SlidingPaneLayout pane = (SlidingPaneLayout) findViewById(R.id.sliding_pane);
+    if (pane != null) {
+      final SlidingPaneLayout subPane = (SlidingPaneLayout) findViewById(R.id.sub_sliding_pane);
+      pane.setPanelSlideListener(new SlidingPaneLayout.SimplePanelSlideListener() {
+        @Override public void onPanelClosed(View panel) {
+          super.onPanelClosed(panel);
+          if (subPane != null) {
+            subPane.closePane();
+          }
+        }
+      });
+    }
     ImageView myAvatar = (ImageView) findViewById(R.id.img_my_avatar);
     new Avatar("demo.rocket.chat", "John Doe").into(myAvatar);
   }

app/src/main/res/layout/sidebar.xml

 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    android:layout_width="288dp"
-    android:layout_height="match_parent"
+<android.support.v4.widget.SlidingPaneLayout
+    android:id="@+id/sub_sliding_pane"
+    xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_gravity="start"
+    android:layout_width="280dp"
+    android:layout_height="match_parent"
     android:theme="@style/AppTheme.Dark"
     >
+  <android.support.v4.widget.NestedScrollView
+      android:layout_width="96dp"
+      android:layout_height="match_parent"
+      android:layout_gravity="start"
+      android:background="?attr/colorPrimaryDark"
+      >
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="vertical"
+        >
+
+      <ImageButton
+          android:layout_width="80dp"
+          android:layout_height="80dp"
+          android:layout_margin="@dimen/margin_8"
+          android:src="@mipmap/ic_launcher"
+          style="@style/Base.Widget.AppCompat.Button.Borderless"
+          />
+      <chat.rocket.android.widget.FontAwesomeButton
+          android:layout_width="80dp"
+          android:layout_height="80dp"
+          android:layout_margin="@dimen/margin_8"
+          android:text="@string/fa_plus"
+          style="@style/Base.Widget.AppCompat.Button.Borderless"
+          />
+    </LinearLayout>
+  </android.support.v4.widget.NestedScrollView>
+
+  <RelativeLayout
+    android:layout_width="288dp"
+    android:layout_height="match_parent">
 
     <LinearLayout
         android:id="@+id/user_info_container"
@@ -209,5 +243,5 @@
             />
       </LinearLayout>
     </android.support.v4.widget.NestedScrollView>
-
-</RelativeLayout>
\ No newline at end of file
+  </RelativeLayout>
+</android.support.v4.widget.SlidingPaneLayout>
\ No newline at end of file