Android UI開發第九篇——SlidingDrawer 抽屜效果

SlidingDrawer是自SDK 1.5才新加入的，實現Launcher的抽屜效果。SlidingDrawer配置上採用了水平展開或垂直展開兩種（android:orientation）方式，在XML裏必須指定其使用的android:handle與android:content，前者委託要展開的圖片（Layout配置），後者則是要展開的Layout Content。

<?xml version="1.0" encoding="utf-8"?>

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

    android:orientation="vertical"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:background="@drawable/i1"

    >

<SlidingDrawer

    android:id="@+id/slidingdrawer"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical"

    android:handle="@+id/handle"

    android:content="@+id/content">

    <Button

            android:id="@+id/handle"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:background="@drawable/ic_dialog_dialer"

        />

    <LinearLayout

        android:id="@+id/content"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

        android:background="@drawable/default_bg">

        <Button

            android:id="@+id/button"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="Button"

        />

        <EditText

            android:id="@+id/editText"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

        />

    </LinearLayout>

</SlidingDrawer>

</LinearLayout>

補充：

 

 

1、簡介 　　SlidingDrawer隱藏屏外的內容，並容許用戶經過handle以顯示隱藏內容。它能夠垂直或水平滑動，它有倆個View組成，其一是能夠拖動的handle,其二是隱藏內容的View.它裏面的控件必須設置佈局，在佈局文件中必須指定handle和content. 例以下面 <SlidingDrawer android:layout_width="fill_parent" android:layout_height="fill_parent" android:handle="@+id/handle" android:content="@+id/content" android:orientation="vertical" android:id="@+id/slidingdrawer"> <ImageButton android:id="@id/handle" android:layout_width="50dip" android:layout_height="44dip" android:src="@drawable/up" /> <LinearLayout android:id="@id/content" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> <TextView android:text="這是一個滑動式抽屜的示例" android:id="@+id/tv" android:textSize="18px" android:textColor="#000000" android:gravity="center_vertical|center_horizontal" android:layout_width="match_parent" android:textStyle="bold" android:layout_height="match_parent"></TextView> </LinearLayout> </SlidingDrawer> 2、重要屬性 　　android:allowSingleTap：指示是否能夠經過handle打開或關閉 　　android:animateOnClick：指示是否當使用者按下手柄打開/關閉時是否該有一個動畫。 　　android:content：隱藏的內容 　　android:handle：handle（手柄） 3、重要方法 　　animateClose()：關閉時實現動畫。 　　close()：即時關閉 　　getContent()：獲取內容 　　isMoving()：指示SlidingDrawer是否在移動。 　　isOpened()：指示SlidingDrawer是否已所有打開 　　lock()：屏蔽觸摸事件。 　　setOnDrawerCloseListener(SlidingDrawer.OnDrawerCloseListener onDrawerCloseListener)：SlidingDrawer關閉時調用 　　unlock()：解除屏蔽觸摸事件。 　　toggle()：切換打開和關閉的抽屜SlidingDrawer。 4、完整實例 1.佈局文件slidingdrawer.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:background="@drawable/default_bg"> <SlidingDrawer android:layout_width="fill_parent" android:layout_height="fill_parent" android:handle="@+id/handle" android:content="@+id/content" android:orientation="vertical" android:id="@+id/slidingdrawer"> <ImageButton android:id="@id/handle" android:layout_width="50dip" android:layout_height="44dip" android:src="@drawable/up" /> <LinearLayout android:id="@id/content" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#ffffff"> <TextView android:text="這是一個滑動式抽屜的示例" android:id="@+id/tv" android:textSize="18px" android:textColor="#000000" android:gravity="center_vertical|center_horizontal" android:layout_width="match_parent" android:textStyle="bold" android:layout_height="match_parent"></TextView> </LinearLayout> </SlidingDrawer> </LinearLayout> 2.Java代碼 package com.wjq; import android.app.Activity; import android.os.Bundle; import android.widget.ImageButton; import android.widget.SlidingDrawer; import android.widget.TextView; public class SlidingDrawerDemo extends Activity { private SlidingDrawer mDrawer; private ImageButton imbg; private Boolean flag=false; private TextView tv; /* (non-Javadoc) * @see android.app.Activity#onCreate(android.os.Bundle) */ @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.sildingdrawer); imbg=(ImageButton)findViewById(R.id.handle); mDrawer=(SlidingDrawer)findViewById(R.id.slidingdrawer); tv=(TextView)findViewById(R.id.tv); mDrawer.setOnDrawerOpenListener(new SlidingDrawer.OnDrawerOpenListener() { @Override public void onDrawerOpened() { flag=true; imbg.setImageResource(R.drawable.down); } }); mDrawer.setOnDrawerCloseListener(new SlidingDrawer.OnDrawerCloseListener(){ @Override public void onDrawerClosed() { flag=false; imbg.setImageResource(R.drawable.up); } }); mDrawer.setOnDrawerScrollListener(new SlidingDrawer.OnDrawerScrollListener(){ @Override public void onScrollEnded() { tv.setText("結束拖動"); } @Override public void onScrollStarted() { tv.setText("開始拖動"); } }); } }

 

 

 

/**
* @author 張興業
* 郵箱： xy-zhang@163.com * qq:363302850 * */