2017-02-09 43 views
-1

我想在屏幕頂部創建一個搜索過濾器,它將像滑塊或按鈕滑塊一樣。不知道如何做到這一點。在頁面上創建上部滑塊菜單

共享圖像

enter image description here

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/activity_main" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:paddingBottom="@dimen/activity_vertical_margin" 
    android:paddingLeft="@dimen/activity_horizontal_margin" 
    android:paddingRight="@dimen/activity_horizontal_margin" 
    android:paddingTop="@dimen/activity_vertical_margin" 
    tools:context="in.mega.sliderdrawer.MainActivity"> 

    <android.support.v4.widget.DrawerLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/drawer_layout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:fitsSystemWindows="true" 
     > 
     <!-- The main content view --> 
     <FrameLayout 
      android:id="@+id/content_frame" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"/> 
     <ImageView 
      android:id="@+id/search_close_btn" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/search_close_btn" 
      android:layout_marginLeft="20dp" 
      /> 

      <android.support.design.widget.TextInputLayout 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginBottom="2dp" 
       > 
       <LinearLayout 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:orientation="vertical"> 
       <EditText 
        android:id="@+id/at_address" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:maxLines="1" 
        android:layout_gravity="center_horizontal" 
        android:textSize="12sp" 
        android:focusableInTouchMode="false" 
        android:clickable="false" 
        android:textColor="@color/white" 
        android:textCursorDrawable="@null" 
        android:inputType="text" 
        android:hint="Address, city, airport, ZIP Code" 
        > 

        <requestFocus /> 

       </EditText> 

        <EditText 
         android:id="@+id/from_place" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:maxLines="1" 
         android:layout_gravity="center_horizontal" 
         android:textSize="12sp" 
         android:focusableInTouchMode="false" 
         android:clickable="false" 
         android:textColor="@color/white" 
         android:textCursorDrawable="@null" 
         android:inputType="text" 
         android:hint="" 
         > 

         <requestFocus /> 

        </EditText> 
       </LinearLayout> 

      </android.support.design.widget.TextInputLayout> 





    </android.support.v4.widget.DrawerLayout> 
     <!-- The navigation drawer --> 
     <ListView android:id="@+id/top_drawer" 
      android:layout_width="240dp" 
      android:layout_height="match_parent" 
      android:layout_gravity="start" 
      android:choiceMode="singleChoice" 
      android:divider="@android:color/transparent" 
      android:dividerHeight="0dp" 
      android:background="#111"/> 

</RelativeLayout> 

我得到的EDITTEXT它允許在這裏。 首先,我無法弄清楚我是否正確或不正確。

+0

我想我必須使用sliderdrawer父等待讓我做了一些工作,然後編輯這個問題 – SamH67

+1

可以使用的FrameLayout作爲什麼父級,並在較低佈局的上方添加此搜索視圖,提供一些高程,添加一些滑動動畫,並且您可以輕鬆前往。 –

+0

sliderdrawer shoudnt我用這個嗎? – SamH67

回答

0

我想對於這一點,你可以使用這個庫,已經這樣做了,你想達到AndroidSlidingDownPanel

+0

請看最後添加的一些代碼和問題,我想我不想使用庫,因爲圖書館有一個類,其中有很多事情已經完成,我想花一個小時才能找出發生了什麼,所以請看看在XML中需要做些什麼 – SamH67