問題タブ [roundedbitmapdrawable]

バックグラウンド

Google は最近、次のような連絡先アプリを備えた新しいバージョンの Android を公開しました。

問題

この種のリストを模倣する必要がありますが、うまく行う方法がわかりません。

これは、次の 3 つの主要コンポーネントで構成されています。

1. 最上位の連絡先の名前がこの文字で始まる限り、スティッキー タイトルが付けられます。

2. 円形の写真または円形 + 文字 (写真がない連絡先の場合)

3. PagerTitleStrip は、項目間の間隔が均一で、すべての項目を画面に表示しようとします (または、必要に応じてスクロールできるようにします)。

私が見つけたもの

1. サードパーティのライブラリはたくさんありますが、それらは listView 自体の項目の一部であるスティッキー ヘッダーを処理します。左側にはタイトルがありませんが、アイテムの上部にあります。

   ここで、左側は右側とは異なる方法で動きます。貼り付けることができ、貼り付ける必要がない場合 (セクションに項目が 1 つある場合など) はスクロールします。

2. 円形の写真の場合、「 RoundedBitmapDrawableFactory 」という新しい (?) クラスを使用できることに気付きました (「RoundedBitmapDrawable」を作成します)。これで、写真をきれいに円形にすることができそうです。ただし、文字（写真のない連絡先に使用）では機能しませんが、textViewを上に置き、背景を色に設定できると思います。

   また、「RoundedBitmapDrawable」をうまく使用するには (真に円形にするために)、正方形サイズのビットマップを提供する必要があることに気付きました。そうしないと、奇妙な形になります。

3. 「setTextSpacing」を使用してアイテム間のスペースを最小化しようとしましたが、うまくいかないようです。また、連絡先アプリのように PagerTitleStrip をスタイル/カスタマイズする方法も見つかりませんでした。

   「PagerTabStrip」も使用してみましたが、これも役に立ちませんでした。

質問

Google がこの画面を実装した方法をどのように模倣できますか?

すなわち：

1. 左側を連絡先アプリのように動作させるにはどうすればよいですか?

2. これは円形の写真を実装する最良の方法ですか? 特別な drawable を使用する前に、ビットマップを正方形にトリミングする必要がありますか? どの色を使用するかについてのデザイン ガイドラインはありますか? 円テキストセルを使用するより公式な方法はありますか?

3. PagerTitleStrip のスタイルを連絡先アプリと同じルック アンド フィールにするにはどうすればよいですか?

Github プロジェクト

編集: #1 と #2 については、Github でプロジェクトを作成しました。悲しいことに、重要なバグも発見したので、ここにも公開しました。

カード ビュー内のこのカスタム レイアウトを手伝ってくれる人はいますか? アイテムのリストを表示していますが、このようなアイテムを表示する必要があります。しかし、これを実装する方法を理解できません。

基本的に、リサイクラー ビューがあり、その中にカードがあります。カードの背景画像がぼやけています。その上に、これに似た景色があります。以下に、私が実装したテキストビューがあります。

しかし、これは本当の混乱です。これを実現する方法がわかりません。

マテリアル デザインに関する Udacity の講義を見たことがありますがRoundedBitmapDrawable、円形ビューを実現するための使用法について言及されていました。ただし、それを機能させるにはいくつかの問題がありPicassoます。

正確にどのようにPicasso機能するかはわかりませんが、ファイルストレージに大きな正方形ではない画像があります。そのため、次のように使用Picassoします。

ただし、画像は角が丸くなく正方形です (円形である必要があります)。そしてそれが私が達成したいことです。

これを達成する簡単な方法はありますか、RoundedBitmapDrawableまたは変換を完全に実装する必要がありますか? （私はStackOverflowで見ました）

使用できない理由を説明せずに回答を送信しないでください。この2つの組み合わせだけ知りたい( Picasso, RoundedBitmapDrawable)