1. 程式人生 > >Android進階2之SlidingDrawer(滑動式抽屜)

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

這裡寫圖片描述