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

来源:互联网 发布:域名申请费用 编辑:程序博客网 时间:2024/04/29 10:31
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() {@Overridepublic void onClick(View v) {    sd.animateClose();}});        handle1.setOnClickListener(new OnClickListener() {@Overridepublic 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.