このライブラリを試してください: https://github.com/klinker41/Android-chips
サンプルを確認して、使用方法を確認してください。
chips にするためにサードパーティのライブラリを使用する必要はありません。
チップは基本的に、丸い背景を持つTextView
です。削除ボタンとImageView
を追加して、Googleの連絡先に使用されるようなビューを作成することもできます。
この例では、単純なTextView
のみを使用します。まず、チップのUIを作成します。
->shape_chip_drawable.xml
<shape xmlns:Android="http://schemas.Android.com/apk/res/Android">
<solid Android:color="@color/colorPrimary" />
<padding
Android:bottom="12dp"
Android:left="12dp"
Android:right="12dp"
Android:top="12dp" />
<corners Android:radius="30dp" />
</shape>
アクティビティレイアウトファイルで、次のようにこの描画可能なリソースファイルをTextView
背景として定義するだけです。
<TextView
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:layout_centerInParent="true"
Android:background="@drawable/shape_chip_drawable"
Android:text="Hello, I'm a simple Chip!"
Android:textColor="@Android:color/white"
Android:textStyle="bold" />
これが作成されるビューです:
これで、HorizontalScrollView
を使用して(GooglePlayアプリケーションなどの)チップの行を表示したり、StaggeredGridLayoutManager
を使用してチップの千鳥格子を構築したりできます。
[編集]
Androidで本質的にサポートされていないFlowLayout
としてチップを表示する場合は、ライブラリを使用する必要があります。心配しないでください、それは非常に小さな変更です。
Gradle依存関係に次の行を追加しました。
compile 'com.xiaofeng.Android:flowlayoutmanager:1.2.3.2'
リサイクラービューレイアウトマネージャーを設定します。
recyclerView.setLayoutManager(new FlowLayoutManager());
GitHub の追加詳細
すてきな一日を!役立つ場合は、賛成票を投じてください。
私は遅れていることは知っていますが、これは他の人を助けることができます。私もこの実装が本当に好きです https://github.com/robertlevonyan/materialChipView 。このライブラリには少なくともcom.Android.support:appcompat-v7:25.2.0
サポートライブラリ。このレイアウトマネージャーで使用します https://github.com/BelooS/ChipsLayoutManager 。これらをチェックして、要件を満たしているかどうかを確認してください。