Android Apps 滑动式抽屉(SlidingDrawer)效果

button = (Button) findViewById(R.id.button);
handle = (Button) findViewById(R.id.handle);
handle1 = (Button) findViewById(R.id.handle1);
sd = (SlidingDrawer) findViewById(R.id.slidingdrawer);
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
    sd.animateClose();
}
});
        
handle1.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
    sd.animateOpen();
}
});

下午有两个布局，实现不同的效果

===========================================================================

<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent" android:background="@drawable/stephy">
<Button android:id="@+id/handle1" android:layout_width="100dp" android:background="#a5f871"
android:layout_height="30dp" android:text="CLICK"/>
    <SlidingDrawer android:id="@+id/slidingdrawer" android:layout_alignParentBottom="true"
    android:layout_width="fill_parent" android:layout_height="130dp"
    android:orientation="vertical" android:handle="@+id/handle"
    android:content="@+id/content" android:bottomOffset="0px">
    <Button android:id="@+id/handle" android:layout_width="100dp"    
    android:layout_height="30dp" android:background="#a5f871" android:text="DRAWER"/>
    <LinearLayout android:id="@+id/content"
    android:layout_width="fill_parent" android:layout_height="100dp" android:background="#dcf88e"
    android:gravity="center_vertical|center">
        <Button android:id="@+id/button" android:layout_width="wrap_content"
        android:layout_height="100dp" android:text="Button" android:background="#3356e7"/>
        <EditText android:id="@+id/editText" android:layout_width="fill_parent" android:layout_height="80dp"/>
    </LinearLayout>
</SlidingDrawer>
</RelativeLayout>

    

============================================================================

<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="match_parent" android:background="@drawable/stephy">
<Button android:id="@+id/handle1" android:layout_width="100dp" android:background="#a5f871"
android:layout_height="30dp" android:text="CLICK"/>
    <SlidingDrawer android:id="@+id/slidingdrawer" android:layout_alignParentBottom="true"
    android:layout_width="fill_parent" android:layout_height="130dp"
    android:orientation="vertical" android:handle="@+id/handle"
    android:content="@+id/content" android:bottomOffset="0px">
    <Button android:id="@+id/handle" android:layout_width="100dp"    
    android:layout_height="30dp" android:background="#a5f871" android:text="DRAWER"/>
    <LinearLayout android:id="@+id/content"
    android:layout_width="fill_parent" android:layout_height="100dp" android:background="#dcf88e"
    android:gravity="center_vertical|center">
        <Button android:id="@+id/button" android:layout_width="wrap_content"
        android:layout_height="100dp" android:text="Button" android:background="#3356e7"/>
        <EditText android:id="@+id/editText" android:layout_width="fill_parent" android:layout_height="80dp"/>
    </LinearLayout>
</SlidingDrawer>
</RelativeLayout>

 

          

备注：

SlidingDrawer的属性

android:allowSingleTap: 指示是否可通过单击handle打开或关闭（如果是false，刚用户必须通过拖动，滑动或者使用轨迹球，来打开/关闭抽屉。）默认的是true。

android:animateOnClick: 指示当用户点击handle的时候，抽屉是否以动画的形式打开或关闭。默认的是true。

animateClose():  Closes the drawer with an animation.

animateOpen():  Opens the drawer with an animation.

 

          

备注：

SlidingDrawer的属性

android:allowSingleTap: 指示是否可通过单击handle打开或关闭（如果是false，刚用户必须通过拖动，滑动或者使用轨迹球，来打开/关闭抽屉。）默认的是true。

android:animateOnClick: 指示当用户点击handle的时候，抽屉是否以动画的形式打开或关闭。默认的是true。

animateClose():  Closes the drawer with an animation.

animateOpen():  Opens the drawer with an animation.