みっちゃんラボ

2015年02月05日

AndroidのListViewでスクロールバーを右端に配置する

ListViewに余白(paddingなど)を付けた場合でも、スクロールバーの位置を画面の右端に配置したい。

また、スクロールした時に、上下の余白部分が気になるので、見栄え良く上下の端までスクロールしてほしい。

これらを解決するには、ListViewの属性に以下の2つを追加します。

  1. clipToPadding=”false”
    • 描画範囲をpadding領域内に制限しない。デフォルトはtrue。
  2. scrollbarStyle=”outsideOverlay”
    • スクロールバー用の領域を確保せず(overlay)、バーをpadding領域の外側に揃える(outside)。

例:

<ListView
    android:id="@+id/my_list"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp"
    android:clipToPadding="false"
    android:scrollbarStyle="outsideOverlay"
    />

下にある参考サイトにて、付加する前と後の違いをgif画像で確認できます。

 


参考サイト:

  1. Today’s #AndroidDev and #AndroidDesign #Protip from +Roman Nurik is about… (plus.google.com)

  

Posted by みっちゃん  Updated at 05 Feb 2015  Category android  Tags listview scrollbar 

アプリ作りました

ハイフンアウトライナー ハイフンアウトライナー
アイデアをまとめておくためのアウトライン・プロセッサです。Android向けです。無料版はこちら。ウェブページはこちら
ウェブクリッパー ウェブクリッパー
表示されているウェブサイトのスクリーンショットを撮るためのAndroidアプリです。有料版はこちら。ウェブページはこちら
パットメモ パットメモ
とてもシンプルなリスト型のメモ帳アプリです。ちょっとしたメモにお使い下さい。ウェブページはこちら
フェイスチェッカー フェイスチェッカー
お化粧が崩れていないか、鼻毛が飛び出ていないかなどをチェックできるAndroidアプリです。ウェブページはこちら
テキストショット テキストショット
テキストをまるまる画像化するアプリです。画面からはみ出るくらい長い文章にも対応しています。無料。
ストロベリーパッド ストロベリーパッド
書きたくなるノート。考えるための道具として、必要最小限の機能のみを実装しました。無料版はこちら
5分間タイマー 5分間タイマー
5分ごとに振動と音が鳴るインターバルタイマーです。
ねこ紙 ねこ紙
キャンバスに線を描くと猫の鳴き声がするお絵描きアプリです。
半透明キャンバス 半透明キャンバス
好きな写真の上に半透明のキャンバスをかぶせて、なぞるように絵を描くことができます。
並び替えノート 並び替えノート
並び替えができるシンプルなリスト型ノートです。頭の中を整理整頓できます。有料版はこちら
comments powered by Disqus