web-dev-qa-db-ja.com

Androidサポートライブラリ?

これ 材料設計のショーケースは、チップ部品について述べています。しかし、このコンポーネントのサンプルコードは見つかりませんでしたか?

どうすれば使用できますか?

xMLコードとJavaコード。

30

このライブラリを試してください: https://github.com/klinker41/Android-chips

サンプルを確認して、使用方法を確認してください。

4
razzledazzle

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" />

これが作成されるビューです:

Chip view created

これで、HorizontalScrollViewを使用して(GooglePlayアプリケーションなどの)チップの行を表示したり、StaggeredGridLayoutManagerを使用してチップの千鳥格子を構築したりできます。

[編集]

Androidで本質的にサポートされていないFlowLayoutとしてチップを表示する場合は、ライブラリを使用する必要があります。心配しないでください、それは非常に小さな変更です。

Gradle依存関係に次の行を追加しました。

compile 'com.xiaofeng.Android:flowlayoutmanager:1.2.3.2'

リサイクラービューレイアウトマネージャーを設定します。

recyclerView.setLayoutManager(new FlowLayoutManager());

GitHub の追加詳細

すてきな一日を!役立つ場合は、賛成票を投じてください。

55
Ankit Aggarwal

私は遅れていることは知っていますが、これは他の人を助けることができます。私もこの実装が本当に好きです https://github.com/robertlevonyan/materialChipView 。このライブラリには少なくともcom.Android.support:appcompat-v7:25.2.0サポートライブラリ。このレイアウトマネージャーで使用します https://github.com/BelooS/ChipsLayoutManager 。これらをチェックして、要件を満たしているかどうかを確認してください。

4
ninyarko