Ist es möglich, eine Google Fotos-Suchleiste zu erstellen?

Question

In Google Fotos ist die Symbolleiste tatsächlich eine Suchleiste und enthält sowohl das Symbol des Fachs als auch das Suchsymbol sowie die Funktion als Suchleiste. Wie kann ich das in meiner eigenen App wiederherstellen, anstatt eine Standard-Symbolleiste zu verwenden? Ich kann einen Screenshot bereitstellen, wenn Sie dazu aufgefordert werden.

Answer 1

Sie müssen ein Appbar-Layout verwenden und einen Editiertext hinzufügen. Wenn Sie möchten, dass die Symbolleiste aussieht, als würde sie schweben, geben Sie das Attribut margin xml an.

Folgen Sie dieser Anleitung, es wird Ihnen helfen, Entscheidungen entsprechend Ihrer Verwendung zu treffen. https://developer.android.com/training/appbar/index.html

<android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true"> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/app_bar_layout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:margin="8dp" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
     android:fitsSystemWindows="true"> 

     <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 

     <EditText ... /> 

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

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

entnommen aus: http://antonioleiva.com/collapsing-toolbar-layout/

Answer 2

Google verwendet "Material Design" (https://material.google.com/) Konzept, also suchen Sie nach "Material Design". Wenn Sie ein Webprojekt haben, können Sie beispielsweise https://getmdl.io/ oder https://material.angularjs.org in Betracht ziehen.