Library28.0.0-alpha1で追加されたChipGroupを試してみるAndroidこんにちは。ピクトリンク事業部の古川です。Library28.0.0(Alpha1)で追加された、Chip/ChipGroupについて解説します。Chip/ChipGroupとは?タグのようなものを指すViewです。以下のようにスキルセットの一覧を表示するために使ったりします。それでは具体的に見ていきましょう。Chip/ChipGroupの導入まずはbuild.gradleにAndroidXの情報を追加します。2018年9月5日時点ではRC02が最新です。"androidx.legacy:legacy-support-v4:1.0.0-rc02"実際に使ってみる感覚的には、RadioButtonの実装に非常に似ています。それでは実際に使ってみましょう。ViewのXMLに情報を追加します。/></com.google.android.material.chip.ChipGroup>これだけでもシンプルなChip/ChipGroupが設置できました。ひとつずつ見ていきます。Chipは独立しても使えますが、RadioButtonのようにChipGroupの子要素としてセットします。8行目、Chipにはいくつかのスタイルが事前に用意されており、XMLで指定できるようになっています。styleによって設定できるものは以下のものがあります。チップ(チェックマーク)クリック(選択状態)閉じるアイコン上記3点をStyleの種別によって設定できます。閉じるアイコン:オプション通常、ChipGroupに属したChipとして利用する際に指定します。styleを設定しなかった場合、これがデフォルトとなる。通常、ChipGroupに属したChipとして利用する際に指定します。閉じるアイコン:不可ユーザーが「選択している」ことをわかりやすく表示してくれる。通常、ChipGroupに属したChipとして利用する際に指定します。@style/Widget.MaterialComponents.Chip.Entryチップ:オプションクリック:オプション閉じるアイコン:オプション通常、ChipGroupではなく独立したChipDrawableとして利用する際に指定します。セットしていますが、これはSupportLibraryの時はセットしなくても問題なかったので、今後正式リリース版が出る場合には不要になるかと思います。(セットしなかった場合、IllegalArgumentExceptionがコールされます。通常のandroid:text(setText)を使うようにしましょう。setOnCloseIconClickListenerと、チェックや閉じるボタンに対応したリスナーが用意されています。setOnCloseIconClickListenerについては、コード中の実態はOnClickListenerとなっており、XMLから指定はできませんのでご注意ください。試しに実装してみます。/></com.google.android.material.chip.ChipGroup></androidx.constraintlayout.widget.ConstraintLayout></layout>次のような画面になります。View.GONE}}}閉じるボタン(✕ボタン)をタップすると、ちゃんとViewがGONEになりました。まとめ実装自体はRadioButtonに形が似ていて、直感的で使いやすいものになっていました。