android之SlidingDrawer實現抽屜效果

來源:互聯網
上載者:User

通常我們需要在使用者的螢幕上展示更多的資訊,但是使用者的螢幕大小是有限的,那麼我們如何利用有限的空間來展示更多的資訊呢?Android為我們提供了SlidingDrawer類,協助我們輕鬆實現想要的效果。諸如在墨跡天氣中的墨跡推薦,360安全衛士中都有所體現。

下面我們就來學習SlidingDrawer類,實現上述效果:

未展開時:


展開後:


下面看代碼:

首先是布局檔案:

<?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/splash_background"    ><SlidingDrawer android:id="@+id/slidingDrawer"android:layout_width="fill_parent"android:layout_height="wrap_content"android:handle="@+id/handle"android:content="@+id/content"><LinearLayout android:id="@+id/content"android:orientation="vertical"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@drawable/empty"></LinearLayout><Button android:id="@+id/handle"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text=" open "android:textSize="24dip"/></SlidingDrawer></LinearLayout>

主要屬性:
android:handle="@+id/handle" 相當於展開或收回按鈕,這裡我用了一個Button來示範(TextView等都可以),在實際項目中使用ImageView比較好,只需設定展開和關閉時的表徵圖樣式就可以了。

android:content="@+id/content" 展開後增加的內容,沒什麼好說的。


主代碼:

package com.cloay.slidingdrawer;import android.app.Activity;import android.os.Bundle;import android.widget.Button;import android.widget.SlidingDrawer;import android.widget.SlidingDrawer.OnDrawerCloseListener;import android.widget.SlidingDrawer.OnDrawerOpenListener;/** * 抽屜效果示範 * SlidingDrawerTestActivity.java * @author cloay * 2012-1-30 */public class SlidingDrawerTestActivity extends Activity {    /** Called when the activity is first created. */private Button button;private SlidingDrawer slidingDrawer;    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);                button = (Button) findViewById(R.id.handle);        slidingDrawer = (SlidingDrawer) findViewById(R.id.slidingDrawer);                slidingDrawer.setOnDrawerCloseListener(new OnDrawerCloseListener() {//收回做一些處理@Overridepublic void onDrawerClosed() {button.setText("Open"); //這裡我將文字提示改成Open}});                slidingDrawer.setOnDrawerOpenListener(new OnDrawerOpenListener() {//展開時做一些處理@Overridepublic void onDrawerOpened() { button.setText("Close"); //這裡我將文字提示改成Close}});    }}

很簡單,就不多寫了!有問題請留言大家一起學習交流!

說明:轉載請註明出處!


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.