2016-04-22 7 views
1

LIKE THIS SCREENSHOT - the SearchBar outside/below-toolbar in snapdeal, flipkart app...Wie Suche zeigt Outside/Unter-Symbolleiste

Wie searchbar unterhalb oder außerhalb der Symbolleiste hinzuzufügen .. Bitte legen nahe, mit einem Layout ...

+1

Warum Sie kein Layout unterhalb der Symbolleiste, um die Suche enthalten? Ich weiß nicht wirklich tout Problem –

+0

David verstehen, heben Sie bitte die -1 Marke von meiner Abfrage, so dass ich mehr Fragen stellen kann, und lernen kann ... –

+0

So hat jeder unserer Antworten helfen? Wenn ja, dann bitte die richtige Antwort markieren. –

Antwort

5

Dies wird höchstwahrscheinlich eine benutzerdefinierte Komponente, können Sie eine Taste und schalten Sie ihn mit den Symbolen zu einem EditText Sie bevorzugen oder eine Taste verwenden, um direkt die Suche zu starten:

zum Beispiel dies möglich zu erreichen:

1) einen ziehbar mit einem Radius von 2dp haben und Verwenden Sie es als Hintergrund Ihres com nente

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <solid android:color="@android:color/white" /> 
    <corners android:radius="2dp" /> 
</shape> 

2) Verwenden Sie es in Ihrem Knopf/EditText zusammen mit Ihren beiden Symbole/Mipmaps

<?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: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="com.jsosa.myapplication.MainActivity"> 

    <Button 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@drawable/corners" 
     android:drawableBottom="12dp" 
     android:drawableEnd="@mipmap/ic_camera_alt_black_24dp" 
     android:drawablePadding="22dp" 
     android:drawableStart="@mipmap/ic_search_black_24dp" 
     android:gravity="left|center" 
     android:hint="Find your dil ki deal!" 
     android:padding="16dp" /> 
</RelativeLayout> 

Und Sie erhalten: enter image description here

Dann auf Ihrem Business-Flow/Logik implementieren onClickListener etc

Hoffe, es hilft. Siehe

+0

Thankyou so viel Magnar –

+1

ist irgendein sonst Probleme mit Android mit: drawableBottom = "12dp"? –

3

wenn das funktioniert,

<android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimary" 
     app:popupTheme="@style/AppTheme.PopupOverlay"> 
     <EditText 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content"/> 
</android.support.v7.widget.Toolbar> 

Wenn es über die Symbolleiste ist dann Rand oben auf Ihre EditText fügen Sie unterhalb der Symbolleiste Titel zu halten.

+0

Thankyou so viel Shafayat –