一概述
SlidingDrawer(滑动式抽屉)隐藏屏外的内容,并允许用户拖拽一个handle以显示隐藏的内容。SlidingDrawer可以在垂直或者水平使用。它由两个子视图组成:一个是用户拖拽的handle(柄),另一个是随着拖动变化的content(内容)。SlidingDrawer应当作为内部布局的覆盖来使用,也就是说SlidingDrawer内部应该使用FrameLayout或RelativeLayout布局。SlidingDrawer的大小决定了其内容显示时所占空间的大小,所以它的尺寸一般定义为match_parent。在XML布局中SlidingDrawer必须指定handle和content的id:
二 xml属性
属性名称
|
描述
|
android:allowSingleTap
|
指示是否可通过单击handle打开或关闭(如果是false,刚用户必须通过拖动,滑动或者使用轨迹球,来打开/关闭抽屉。)默认的是true。
|
android:animateOnClick
|
指示当用户点击handle的时候,抽屉是否以动画的形式打开或关闭。默认的是true。
|
android:bottomOffset
|
Handle距离SlidingDrawer底部的额外距离
|
android:content
|
标识SlidingDrawer的内容
|
android:handle
|
标识SlidingDrawer的handle(译者注:如按钮)
|
android:orientation
|
SlidingDrawer的方向。必须是下面的一个值:
常量
|
值
|
描述
|
horizontal
|
0
|
水平方向对齐
|
vertical
|
1
|
竖直方向对齐
|
|
android:topOffset
|
Handle距离SlidingDrawer顶部的额外距离
|
具体实现:
main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/b" >
<SlidingDrawer
android:id="@+id/slidingDrawer"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:content="@+id/content"
android:handle="@+id/handle"
android:orientation="vertical" >
<!-- 抽屉把手 -->
<ImageButton
android:id="@+id/handle"
android:layout_width="50dip"
android:layout_height="44dip"
android:src="@drawable/arrow_bottom_pressed" />
<!-- 抽屉内容布局 -->
<LinearLayout
android:id="@+id/content"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:background="@drawable/a"
android:orientation="vertical" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<ImageView
android:layout_width="150dip"
android:layout_height="100dip"
android:src="@drawable/free_bg_10" />
<ImageView
android:layout_width="150dip"
android:layout_height="100dip"
android:src="@drawable/free_bg_8" />
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dip"
android:orientation="horizontal" >
<ImageView
android:layout_width="150dip"
android:layout_height="100dip"
android:src="@drawable/free_bg_9" />
<ImageView
android:layout_width="150dip"
android:layout_height="100dip"
android:src="@drawable/free_bg_small_1" />
</LinearLayout>
</LinearLayout>
</SlidingDrawer>
</RelativeLayout>
抽屉里的内容是两行图片,一行两个。
package xiaosi.SlidingDrawer;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ImageButton;
import android.widget.SlidingDrawer;
public class SlidingDrawerActivity extends Activity
{
private SlidingDrawer slidingDrawer;
private ImageButton handle = null;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
handle = (ImageButton)findViewById(R.id.handle);
slidingDrawer = (SlidingDrawer) findViewById(R.id.slidingDrawer);
/*
* 打开抽屉
*/
slidingDrawer.setOnDrawerOpenListener(new SlidingDrawer.OnDrawerOpenListener()
{
public void onDrawerOpened()
{
/*
* 给抽屉把手换图片
*/
handle.setImageResource(R.drawable.arrow_bottom_pressed);
}
});
/*
* 关闭抽屉
*/
slidingDrawer.setOnDrawerCloseListener(new SlidingDrawer.OnDrawerCloseListener() {
public void onDrawerClosed()
{
/*
* 给抽屉把手换图片
*/
handle.setImageResource(R.drawable.arrow_top_pressed);
}
});
}
}
分享到:
相关推荐
SlidingDrawer效果想必大家也见到过,它就是1.5模拟器上进入应用程序列表的效果。下面是截图 ...SlidingDrawer android:layout_width=”fill_parent” android:layout_height=”fill_parent” android:handl
SlidingDrawer抽屉式滑动效果
Android高手进阶教程之----Android Launcher抽屉类SlidingDrawer的使用.doc Android高手进阶教程之----Android Location的使用!! .doc Android高手进阶教程之----Android PopupWindow的使用!!! .doc Android高手...
Android 高手进阶教程(二)之----Android Launcher 抽屉类 SlidingDrawer 的 使用 最近在研究 Lanucher ,看了源码,发现了 SlidingDrawer 这个类,也就是 所谓的"抽屉"类。它的用法很简单,要包括 handle ,和 content...
Android Launcher抽屉类SlidingDrawer的使用
一个Android滑动抽屉,上滑打开,滑下来关闭,也有自动倒带。 支持正常布局,Listview,ScrollView,RecyclerView。
Android UI开发——SlidingDrawer 抽屉效果~~
实用的 Android SlidingDrawer抽屉效果
重写SlidingDrawer控件,实现向下混动的抽屉效果
抽屉效果
安卓中1.5后加入了SlidingDrawer【隐藏式抽屉】,设计原理在你的UI布局有限的情况下,放不下太多的控件的时候,可以考虑用这个隐藏式抽屉。用SlidingDrawer注意两点,一个是android:handle(委托要展开的图片加载...
Aj_01 来自:http://blog.csdn.net/Android_Tutor/archive/2010/04/14/5486804.aspx 测试:Android Launcher抽屉类SlidingDrawer的使用!
本文档介绍ANDROID常用编程及进阶编程,比如一些常用的命令,Android Launcher抽屉类SlidingDrawer的使用等等一些高级用法。
Android 用SlidingDrawer实现抽屉效果
3、slidingdrawer滑动式抽屉效果实现 4、图像镜像效果,即垂直翻转效果实现。 5、从底部慢慢浮出的menu菜单效果实现。 6、preferenceScreen实现设置效果。 7、spanableString设置超链接,字体,颜色等效果实现。 ...
默认显示抽屉的一部分,屏幕分上下二部分;通过打开按钮实现,抽屉的下面部分打开和关闭,同时上面部分自动伸展。
android各种抽屉实例的工程项目,有上拉,下拉,左拉,右拉的各种情况。导入eclipse即可运行。基于android2.2版本。全部源码都有。
界面,实现一个layout或任何控件的向右拉出,向左收回效果。slidingdrawer的变形。在eclipse可直接运行。