問題タブ [pagertitlestrip]

以下の画像は、アルファ値が 0.5 に設定されている場合の PagerTitleStrip の外観です。

タイトル ストリップは半透明になると思います。代わりに、ご覧のとおり、タイトル ストリップはまったく透明ではありません。アルファ値を 0 に設定しても、タイトル ストリップはビュー ページャーと同じ背景色に縮小されますが、下のスクロール ビューはまだブロックされています。

スクロールビューをプログラムで移動して上部に合わせたので、タイトルストリップは実際にスクロールビューの上にオーバーレイされます。私が（個別に）試したことの中で：

pagerTitleStrip に透明効果を持たせるにはどうすればよいですか?

フラグメントをスワイプするために PagerTitleStrip を使用しています。選択したアイテムまたは強調表示されたタイトルにドットを作成する必要があります。私のXMLコード：

強調表示されたタイトルの色も変更する必要があります。私を助けてください。ありがとうございます。

バックグラウンド

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 でプロジェクトを作成しました。悲しいことに、重要なバグも発見したので、ここにも公開しました。

ViewPager で PagerTitleStrip を次のようにカスタマイズする必要があります。

内側のページに対応する数字で円を作成する必要があります。中央の円は大きくする必要があります。誰にも提案はありますか？

PagerTitleStrip と ActionBar の間にギャップがあるレイアウトで問題が発生しています。これが私のレイアウトとその外観です。プレビュー ウィンドウでは問題なく表示されますが、私のデバイスでは表示されません。

ギャップ..

下線付きのページ表示を持つコード PagerSlidingTabStrip がありますが、下線の代わりに交換可能な矢印表示を作成する必要があります。ここのコード PagerSlidingTabStrip クラスでは、色を渡して指示を表示するだけで、タブメニューに独自の矢印インジケーター画像を配置する方法を示しています。

適切な解決策を提案してください。

ありがとう

PagerTabStrip タブ インジケーターを削除したいのですが、方法が見つかりません。setDrawFullUnderline(false) を設定しようとしましたが、まだそこにあります。色を透明に設定すると、黒い線が表示されます:-/

どうすればそれを取り除くことができますか? ありがとう！

PagerTabStrip pagerTabStrip = (PagerTabStrip) findViewById(R.id.pager_tab_strip); pagerTabStrip.setDrawFullUnderline(true); pagerTabStrip.setTabIndicatorColor(Color.TRANSPARENT);