2012-11-29 119 views
1

我有一個佈局在屏幕的底部有五個水平按鈕,其中之一是'更多的按鈕'。安卓滑動抽屜的按鈕

「更多按鈕」我想開一個滑動抽屜有三個按鈕或textviews的點擊:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:background="@drawable/global_bg" > 

<LinearLayout 
    android:id="@+id/linearLayout1" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentLeft="true" > 

    <ImageView 
     android:id="@+id/imageView4" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/navicon_search" /> 

    <ImageView 
     android:id="@+id/imageView9" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_divider" /> 

    <ImageView 
     android:id="@+id/imageView5" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_icon_video" /> 

    <ImageView 
     android:id="@+id/imageView9" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_divider" /> 

    <ImageView 
     android:id="@+id/imageView6" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_icon_news" /> 

    <ImageView 
     android:id="@+id/imageView9" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_divider" /> 

    <ImageView 
     android:id="@+id/imageView7" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_icon_ecommerce" /> 

    <ImageView 
     android:id="@+id/imageView9" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_divider" /> 

    <ImageView 
     android:id="@+id/imgMore" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_icon_more" /> 
</LinearLayout> 

<ImageView 
    android:id="@+id/ImageView01" 
    android:layout_width="match_parent" 
    android:layout_height="10dp" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentTop="true" 
    android:background="@null" 
    android:scaleType="fitXY" 
    android:src="@drawable/top_color_bar" /> 

<RelativeLayout 
    android:id="@+id/relativeLayout1" 
    android:layout_width="wrap_content" 
    android:layout_height="80dp" 
    android:layout_alignParentLeft="true" 
    android:layout_below="@+id/ImageView01" 
    android:background="@drawable/global_masthead" > 

    <ImageView 
     android:id="@+id/imgbtnBackFromResetAddTime" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_centerVertical="true" 
     android:src="@drawable/topnav_backarrow_small" /> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_centerVertical="true" 
     android:text="Add Time" 
     android:textSize="20dp" 
     android:textStyle="bold" /> 

    <ImageView 
     android:id="@+id/imgListOpen" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_alignTop="@+id/imageView1" 
     android:layout_centerHorizontal="true" 
     android:layout_centerVertical="true" 
     android:src="@drawable/topnav_geomap_small" /> 
</RelativeLayout> 

論「imgMore」點擊,滑動抽屜應打開3個按鈕。

請修改我的佈局以適應更改。

我已經試過這....

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:background="@drawable/global_bg" > 

<LinearLayout 
    android:id="@+id/linearLayout1" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentLeft="true" > 

    <ImageView 
     android:id="@+id/imageView4" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/navicon_search" /> 

    <ImageView 
     android:id="@+id/imageView9" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_divider" /> 

    <ImageView 
     android:id="@+id/imageView5" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_icon_video" /> 

    <ImageView 
     android:id="@+id/imageView9" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_divider" /> 

    <ImageView 
     android:id="@+id/imageView6" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_icon_news" /> 

    <ImageView 
     android:id="@+id/imageView9" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_divider" /> 

    <ImageView 
     android:id="@+id/imageView7" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_icon_ecommerce" /> 

    <ImageView 
     android:id="@+id/imageView9" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:src="@drawable/nav_divider" /> 

    <SlidingDrawer 
     android:id="@+id/SlidingDrawer" 
     android:layout_width="wrap_content" 
     android:layout_height="250dip" 
     android:content="@+id/contentLayout" 
     android:handle="@+id/imgMore" 
     android:orientation="horizontal" 
     android:padding="10dip" > 

     <ImageView 
      android:id="@+id/imgMore" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:src="@drawable/nav_icon_more" /> 

     <LinearLayout 
      android:id="@+id/contentLayout" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="#cccccc" 
      android:gravity="center" 
      android:orientation="vertical" 
      android:padding="10dip" > 

      <Button 
       android:id="@+id/Button01" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_margin="2dp" 
       android:text="Option1" > 
      </Button> 

      <Button 
       android:id="@+id/Button02" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_margin="2dp" 
       android:text="Option2" > 
      </Button> 

      <Button 
       android:id="@+id/Button03" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_margin="2dp" 
       android:text="Option3" > 
      </Button> 

      <Button> 
      </Button> 
     </LinearLayout> 
    </SlidingDrawer> 
</LinearLayout> 

<ImageView 
    android:id="@+id/ImageView01" 
    android:layout_width="match_parent" 
    android:layout_height="10dp" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentTop="true" 
    android:background="@null" 
    android:scaleType="fitXY" 
    android:src="@drawable/top_color_bar" /> 

<RelativeLayout 
    android:id="@+id/relativeLayout1" 
    android:layout_width="wrap_content" 
    android:layout_height="80dp" 
    android:layout_alignParentLeft="true" 
    android:layout_below="@+id/ImageView01" 
    android:background="@drawable/global_masthead" > 

    <ImageView 
     android:id="@+id/imgbtnBackFromResetAddTime" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:layout_centerVertical="true" 
     android:src="@drawable/topnav_backarrow_small" /> 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerHorizontal="true" 
     android:layout_centerVertical="true" 
     android:text="Add Time" 
     android:textSize="20dp" 
     android:textStyle="bold" /> 

    <ImageView 
     android:id="@+id/imgListOpen" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_alignTop="@+id/imageView1" 
     android:layout_centerHorizontal="true" 
     android:layout_centerVertical="true" 
     android:src="@drawable/topnav_geomap_small" /> 
</RelativeLayout> 

+0

你試過了什麼? –

回答

0

this例子可以幫助你。在這個例子中,如果你想添加一個依賴於你的文本,它只會顯示一個按鈕,不管它是靜態的還是動態的。

這只是爲了指導你。

+0

這沒有達到我的目的....我想要線性對齊的其他按鈕也滑動和隱藏,以便只有更多的按鈕與抽屜一起可見。 – ParijatDev

+0

沒有得到?在圖像 –

+0

中顯示它與facebook幻燈片抽屜相同,在按鈕上單擊一個佈局並與之前的佈局重疊。 請參閱視頻... http://www.youtube.com/watch?v=ANLMaL7zn20 – ParijatDev