Android進階2之SlidingDrawer(滑動式抽屜)
阿新 • • 發佈:2018-11-19
分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow
也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!
一概述
SlidingDrawer(滑動式抽屜)隱藏屏外的內容,並允許使用者拖拽一個handle以顯示隱藏的內容。SlidingDrawer可以在垂直或者水平使用。它由兩個子檢視組成:一個是使用者拖拽的
二 xml屬性
屬性名稱 |
描述 |
|||||||||
android:allowSingleTap |
指示是否可通過單擊handle開啟或關閉(如果是false,剛使用者必須通過拖動,滑動或者使用軌跡球,來開啟/關閉抽屜。)預設的是true。 |
|||||||||
android:animateOnClick |
指示當用戶點選handle的時候,抽屜是否以動畫的形式開啟或關閉。預設的是true。 |
|||||||||
android:bottomOffset |
Handle距離SlidingDrawer底部的額外距離 |
|||||||||
android:content |
標識SlidingDrawer的內容 |
|||||||||
android:handle |
標識SlidingDrawer的handle(譯者注:如按鈕) |
|||||||||
android:orientation |
SlidingDrawer的方向。必須是下面的一個值:
|
|||||||||
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); } }); }}