我刚刚为我自己的项目实现了类似的视图。你可以在这里查看

下面是基于我写的库的示例应用程序的屏幕:

使用这个自定义视图作为XML布局的元素是很容易的。这里有一个例子:

    <shared.ui.actionscontentview.ActionsContentView
      android:id="@+id/content"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      app:actions_layout="@layout/actions"
      app:content_layout="@layout/content" />

如果你对ActionsContentView库的使用有任何疑问，我可以在项目Wiki上写一篇小文章。

这个库的一些优点:

通过触摸滑动视图的能力 在XML中很容易调整动作栏的大小 支持2.0及以上的所有Android SDK版本

但有一个限制:

所有水平滚动视图都不能在此视图的边界上工作

最好的问候, 史蒂文

你好，这是最好的示例演示应用程序，它提供了facebook一样的幻灯片 菜单。检查这里的代码

Android增加了导航栏。请参考这个

link

我找到了一个最简单的方法。使用简单的导航抽屉并调用drawer. setdrawerlistner()，并在下面的drawerSlide方法中使用mainView.setX()方法或复制我的代码。

xml文件

 <android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#000000" >

<RelativeLayout
    android:id="@+id/content_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffff">

  <ImageView
      android:layout_width="40dp"
      android:layout_height="40dp"
      android:id="@+id/menu"
      android:layout_alignParentTop="true"
      android:layout_alignParentLeft="true"
      android:layout_marginTop="10dp"
      android:layout_marginLeft="10dp"
      android:src="@drawable/black_line"
      />
</RelativeLayout>


<RelativeLayout
    android:id="@+id/left_drawer"
    android:layout_width="200dp"
    android:background="#181D21"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    >
    </RelativeLayout>
 </android.support.v4.widget.DrawerLayout>

java文件

   public class MainActivity extends AppCompatActivity {
DrawerLayout drawerLayout;
RelativeLayout mainView;
ImageView menu;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    menu=(ImageView)findViewById(R.id.menu);
    drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
    mainView=(RelativeLayout)findViewById(R.id.content_frame);

    menu.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            drawerLayout.openDrawer(Gravity.LEFT);
        }
    });

    drawerLayout.setDrawerListener(new DrawerLayout.DrawerListener() {
        @Override
        public void onDrawerSlide(View drawerView, float slideOffset) {
            mainView.setX(slideOffset * 300);
        }

        @Override
        public void onDrawerOpened(View drawerView) {

        }

        @Override
        public void onDrawerClosed(View drawerView) {

        }

        @Override
        public void onDrawerStateChanged(int newState) {

        }
    });
 }
}

谢谢你！

我用AbsoluteLayout和一个简单的滑动控制器实现了这一点，它可以将视图移动到一个负偏移来隐藏。

如果有人感兴趣，我可以清理代码/布局和发布。我知道AbsoluteLayout被弃用了，但它是一个非常直接的实现。左视图/右视图，当“滑动打开”时，只需将左视图从- x偏移量移出到设备的宽度-任何你想显示的右视图

我认为facebook应用程序不是用原生代码(我指的是在Android中使用布局的原生代码)编写的，但他们使用了webview，并使用了一些javascript ui库，如sencha。使用sencha框架可以很容易地实现。