Android进阶2之SlidingDrawer(滑动式抽屉)

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

               

一概述

SlidingDrawer(滑动式抽屉)隐藏屏外的内容,并允许用户拖拽一个handle以显示隐藏的内容。SlidingDrawer可以在垂直或者水平使用。它由两个子视图组成:一个是用户拖拽的handle(柄),另一个是随着拖动变化的content(内容)。SlidingDrawer应当作为内部布局的覆盖来使用,也就是说SlidingDrawer内部应该使用FrameLayoutRelativeLayout布局。SlidingDrawer的大小决定了其内容显示时所占空间的大小,所以它的尺寸一般定义为match_parent。在XML布局中SlidingDrawer必须指定handlecontentid



二 xml属性


属性名称

描述

android:allowSingleTap

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

android:animateOnClick

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

android:bottomOffset

Handle距离SlidingDrawer底部的额外距离

android:content

标识SlidingDrawer的内容

android:handle

标识SlidingDrawerhandle(译者注:如按钮)

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 Activityprivate 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);   }  }); }}


           

给我老师的人工智能教程打call!http://blog.csdn.net/jiangjunshow

这里写图片描述

猜你喜欢

转载自blog.csdn.net/sdfsdfytre/article/details/84184947
今日推荐