Google PlayストアアプリのようにAndroid SearchViewのスタイルを設定するにはどうすればよいですか？

Question

私はGoogle Play Store appでSearchViewのように振る舞う/見てtoolbarでSearchViewのスタイルをしようとしています。それは、cardviewでsearchviewをラップするようだが、それはまた、ボタン/引き出しのトグル動作を統合するようだ。

あなたはそれをクリックしたときに

は、引き出しのトグル変化は矢印にこの主な活動のsearchView、それが統合されていている引き出しトグル（その検索ビューからフォーカスを削除しますクリックしたとき）

あなたはストア内のアプリをクリックすると、アプリの詳細ページに移動し、あなたが崩壊して検索ビューのアイコン化したバージョンのように見えるものを持っていますボタンアップとction項目：あなたが検索アイコンをクリックした場合

が最後にそれが（リップルアニメーションの種類に）アクションアイテムとして展開され、画面上のすべての方法が表示され、起動ボタンが組み込まれています。

私は多くの問題を持って、それを自分自身をしようとすると。私は、searchviewをcardviewにラップし、それをツールバーに入れようとしました。それは動作しますが、常に（私は動作しません、contentInsetStartを試してみました）私は削除することはできません左側が水増しされています。

<android.support.v7.widget.Toolbar 
    android:id="@+id/activityCatalogToolbar" 
    android:layout_width="match_parent" 
    android:layout_height="?attr/actionBarSize" 
    android:background="?attr/colorPrimary" 
    app:popupTheme="@style/AppTheme.PopupOverlay" 
    android:theme="@style/AppTheme.AppBarOverlay" 
    app:contentInsetStart="0dp" 
    app:contentInsetLeft="0dp"> 

    <android.support.v7.widget.CardView 
     android:id="@+id/activityCatalogSearchContainer" 
     android:layout_height="match_parent" 
     android:layout_width="wrap_content" 
     android:layout_gravity="end" 
     android:layout_marginTop="4dp" 
     android:layout_marginBottom="4dp" 
     android:layout_marginRight="8dp" 
     android:layout_marginLeft="8dp" 
     app:cardCornerRadius="4dp" 
     app:cardElevation="8dp"> 

     <android.support.v7.widget.SearchView 
      android:id="@+id/activityCatalogSearch" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:queryHint="" 
      android:iconifiedByDefault="false"/> 

    </android.support.v7.widget.CardView> 

</android.support.v7.widget.Toolbar> 

私もツールバーを取り外して交換しようとしていますこれは単なるFrameLayoutです。これにより私はパディングをコントロールすることができますが、明らかに私はツールバーの機能（上のボタンなど）を失い、テーマの問題（アイコンとテキストが消える）も導入します。

誰もが、彼らがこれをやっているかのアイデアを持っていますか？フレームワークに既に存在するスタイルウィジェットに別のライブラリを追加したくないのです。ありがとう！

Answer 1

あなたはこのプロジェクトに深くダイブしてみてください：ロリポップやマシュマロのために

https://android.googlesource.com/platform/packages/apps/Dialer/

を、またはNそれがあるSearchEditTextLayoutを持っています必要なもの：

アドバンテージ

• Googleが作成したコードであり、第三者機関ではありません。

Answer 2

あなたはSearchViewのこのカスタム実装を使用する必要があります。

https://github.com/Quinny898/PersistentSearch

のAndroidメーカー：あなたはまだいない場合

はSonatypeリポジトリを追加します。

maven { 
     url "https://oss.sonatype.org/content/repositories/snapshots" 
    } 

は、依存関係としてそれをインポートします。あなたには

compile 'com.quinny898.library.persistentsearch:library:1.1.0-SNAPSHOT' 

をレイアウト：

<com.quinny898.library.persistentsearch.SearchBox 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/searchbox" 
     /> 

出力：

Answer 3

私自身はこれを構築しようとしていました。検索ボタンをImageButtonにするだけで終わりました。これをクリックすると、上に追加されるフラグメントをトリガーし、このように見えるレイアウト内にEdittextが含まれます。このフラグメントは、この検索ボックスの下のリストビューで構成されています。

ヒント：任意の背景なしにフラグメントのrootlayoutを保ち、透明ペイン