2017-06-29 75 views
0

how to make a similiar design using Navigatiion drawer template activity ?如何將搜索字段添加到android studio的導航欄標題中?

+0

定義你自己的'AppBar',包括'的EditText '在裏面。 – Dennis

+0

https://developer.android.com/guide/topics/search/search-dialog.html – Dennis

+0

你可以使用'SearchView'來完成。在佈局中添加一個SearchView,在工具欄中添加一個佈局('android.support.v7.widget.Toolbar',同時在你的項目中添加android.support.v7),並設置工具欄爲'supportActionBar'。 – Abhi

回答

1

只需添加一個編輯文本工具欄的一部分,是這樣的:

<android.support.v7.widget.Toolbar 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:background="@color/primaryColor" 
android:elevation="4dp"> 

<EditText 
    android:id="@+id/searchEditText" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    /> 
</android.support.v7.widget.Toolbar> 
0

試試這個XML代碼:

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v4.widget.DrawerLayout  
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/drawer_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context="com.simple.activity.MainActivity"> 

<android.support.design.widget.CoordinatorLayout 
    android:id="@+id/coordinator_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/myAppBar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:descendantFocusability="beforeDescendants" 
     android:focusableInTouchMode="true" 
     android:theme="@style/AppTheme.AppBarOverlay" 
     app:elevation="0dp"> 


     <FrameLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"> 

      <android.support.v7.widget.SearchView 
       android:id="@+id/search_view" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:layout_margin="8dp" 
       android:background="@color/white" 
        android:queryHint="@string/search_hint" 
       app:iconifiedByDefault="false" 
       app:theme="@style/AppTheme.SearchView" /> 

      <Button 
       android:id="@+id/button" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_gravity="end" 
       android:background="@drawable/ic_arrow_forward_black_24dp"/> 
     </FrameLayout> 
     </android.support.design.widget.AppBarLayout> 
    </android.support.design.widget.CoordinatorLayout> 
</android.support.v4.widget.DrawerLayout> 
相關問題