android 顶部划出面板,Android滑动面板

我正在尝试启动一个应用程序,我有点迷失在如何做我想要的事情上.

这就是我要的

两个红色面板应该能够向侧面滑动,如果其中一个(或两个)折叠,则白色面板应该展开,占据该面板空间.

当我在屏幕上显示红色面板时,白色面板显示所有内容,而不是在任何面板下.

到目前为止我尝试了什么：

我开始尝试使用两个SlidingDrawers,但白色面板落后于红色面板,所以,那里没有运气.

之后我尝试了2个LinearLayouts(红色面板)和一个RelativeLayout(白色面板),并试图用按钮改变布局的宽度(就像在顶部的图像上一样).这导致了我不知道如何解决的问题.

建议？

编辑：

SlidingDrawer示例的xml：

android:id="@+id/LinearLayout01"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:gravity="bottom"

android:background="#FFFFFFFF">

android:layout_width="100dip"

android:id="@+id/SlidingDrawer"

android:handle="@+id/slideHandleButton"

android:content="@+id/contentLayout"

android:layout_height="fill_parent"

android:orientation="horizontal">

android:layout_width="wrap_content"

android:id="@+id/contentLayout"

android:orientation="horizontal"

android:background="#C0C0C0"

android:layout_height="wrap_content">

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:gravity="center"

android:text="Meio"

android:layout_toRightOf="@+id/buttonEsq" />

android:layout_width="30dip"

android:layout_height="30dip"

android:id="@+id/slideHandleButton"

android:background="@drawable/arrowup">

和LinearLayout示例的xml：

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal" >

android:id="@+id/relativeLayout1"

android:layout_width="match_parent"

android:layout_height="fill_parent"

android:orientation="horizontal"

android:layout_toLeftOf="@+id/linearLayout3"

android:layout_toRightOf="@+id/linearLayout1"

android:background="#FFFFFFFF">

android:id="@+id/buttonEsq"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="v--" />

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:gravity="center"

android:text="Meio"

android:layout_toRightOf="@+id/buttonEsq" />

android:id="@+id/buttonDir"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_toRightOf="@+id/textView1"

android:text="--v" />

android:id="@+id/linearLayout1"

android:layout_width="50dip"

android:layout_height="fill_parent"

android:layout_alignParentLeft="true"

android:background="#FFFF0000">

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Esquerda" />

android:id="@+id/linearLayout3"

android:layout_width="50dip"

android:layout_height="fill_parent"

android:layout_alignParentRight="true"

android:background="#FFF00000">

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Direita" />

android代码(注释部分是第一个例子的代码)：

public class Main extends Activity {

Button slideHandleButton;

Button slideHandleButtonLeft;

Button slideHandleButtonRight;

SlidingDrawer slidingDrawer;

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.mainlayouts);

/* slideHandleButton = (Button) findViewById(R.id.slideHandleButton);

slidingDrawer = (SlidingDrawer) findViewById(R.id.SlidingDrawer);

slidingDrawer.setOnDrawerOpenListener(new OnDrawerOpenListener() {

@Override

public void onDrawerOpened() {

slideHandleButton.setBackgroundResource(R.drawable.arrowdown);

}

});

slidingDrawer.setOnDrawerCloseListener(new OnDrawerCloseListener() {

@Override

public void onDrawerClosed() {

slideHandleButton.setBackgroundResource(R.drawable.arrowup);

}

});*/

slideHandleButtonLeft = (Button) findViewById(R.id.buttonEsq);

slideHandleButtonLeft.setOnClickListener(new View.OnClickListener() {

public void onClick(View v) {

LinearLayout lll = (LinearLayout) findViewById(R.id.linearLayout1);

RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(50, LinearLayout.LayoutParams.FILL_PARENT);

lll.setLayoutParams(params);

}

});

}

}