リストの余白を表示します。

Question

ListViewアイテムに余白を追加しようとしています。下のRelativeLayoutに余白の値を追加しようとしましたが、私が得るすべてのことは、各アイテム間に1ピクセルの線があるように見えます。

私が本当に好きなのは、各項目に1pxの黒い枠線と3〜5pxの余白を左上、右上、右端に丸めて表示することです。 ）

どのように目標を達成できますか？今だけの余裕... ;-)

は、ここで私が持っているものです。

UPDATE：私はメインのレイアウトおよびフラグメントレイアウトを削除し、以下のXMLを更新しました。 ListViewのアイテムレイアウトを更新しましたが、これは私が今使っているものに近づいていますが、まだ完全ではありません。スクリーンショットは

リストビュー項目のレイアウトXML

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:paddingLeft="@dimen/matchMargin" 
android:paddingRight="@dimen/matchMargin" 
android:paddingTop="@dimen/matchMargin" > 

<RelativeLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="#cfcfcfcf" > 

    <include 
     android:id="@+id/matchKampstart" 
     layout="@layout/kampstart_layout" /> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/matchKampstart" 
     android:layout_marginTop="@dimen/belowKampstartMargin" > 

     <ImageView 
      android:id="@+id/tournamentImageView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_vertical" 
      android:layout_marginRight="2dp" 
      android:adjustViewBounds="true" 
      android:contentDescription="@string/tournamentImageViewContentDescription" 
      android:gravity="left" 
      android:src="@drawable/sofabold_launcher" /> 

     <ImageView 
      android:id="@+id/homeTeamImageView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_vertical" 
      android:layout_marginRight="2dp" 
      android:adjustViewBounds="true" 
      android:contentDescription="@string/homeTeamImageViewContentDescription" 
      android:src="@drawable/sofabold_launcher" /> 

     <TextView 
      android:id="@+id/homeTeam" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_vertical" 
      android:layout_marginRight="2dp" 
      android:text="@string/home" 
      android:textSize="14sp" 
      android:textStyle="bold" /> 

     <TextView 
      android:id="@+id/dash" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_vertical" 
      android:layout_marginRight="2dp" 
      android:gravity="center" 
      android:text="@string/dash" 
      android:textSize="12sp" 
      android:textStyle="bold" /> 

     <ImageView 
      android:id="@+id/awayTeamImageView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_vertical" 
      android:layout_marginRight="2dp" 
      android:adjustViewBounds="true" 
      android:contentDescription="@string/awayTeamImageViewContentDescription" 
      android:src="@drawable/sofabold_launcher" /> 

     <TextView 
      android:id="@+id/awayTeam" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_vertical" 
      android:gravity="center" 
      android:text="@string/away" 
      android:textSize="14sp" 
      android:textStyle="bold" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:layout_below="@id/matchKampstart" 
     android:layout_marginTop="@dimen/belowKampstartMargin" > 

     <ImageView 
      android:id="@+id/tvChannelImageView" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:adjustViewBounds="false" 
      android:contentDescription="@string/tvChannelImageViewContentDescription" 
      android:gravity="right" 
      android:src="@drawable/sofabold_launcher" /> 
    </LinearLayout> 

</RelativeLayout> 

</RelativeLayout> 

同様

を追加しましたあなたは、各項目の右と左に、非常に小さなラインに気付くでしょうここは私に次のようになります。私はまた取り除きたいと思っています。

アダプタで

Answer 1

私はレイアウトの偉大ないんだけど、私は過去に気づきましたそのListView行は、多くの場合、LayoutParamsを無視します。私は、この問題が発生しない考えを持っていないか、またはそれを上書きすることができます場合、私はあなたが簡単に別のレイアウトを追加することによって、それを回避することができます知っていますか：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="?android:attr/listPreferredItemHeight" 
    android:background="#990000ff" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginRight="10dp" 
     android:layout_marginTop="10dp" 
     android:background="#9900ff00" 
     android:paddingLeft="10dp" > 

     <TextView 
      android:id="@+id/text" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="#99ff0000" /> 
    </LinearLayout> 

</LinearLayout> 

通常することができますように一つだけの子供を持って取り外すことができますが、ことをレイアウトしますこの1つは目的を果たす参照してください。

最も外側のレイアウトは青で、TextViewには赤、緑はあなたには、いくつかの余分なスペースを追加することができます余分なレイアウトです。パディング（左の緑）とマージン（右の緑がない）の違いに注目してください。あなたはマージン（android:layout_margin）を使用したいと明確に述べていますが、あなたのコードはパディング（android:padding）を使用しているので、両方を含んでいます。

Answer 2

、getViewメソッドであなたの相対的なレイアウトをキャッチ（）は、レイアウトのparamsを与え、

RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams)view.getLayoutParams(); 
params.setMargins(80, 0, 0, 0); //substitute parameters for left, top, right, bottom 
YourRelativeLayoutInAdapter.setLayoutParams(params); 

Answer 3

ここでその理由を確認してください。要するに、子供は親に尋ね、リストビューの行は余白を含まないAbsListView.LayoutParamsを使います。

Why LinearLayout's margin is being ignored if used as ListView row view

Answer 4

少し遅れてこれを見て、ちょうどあなたのListViewにlayout_widthを追加し、中央でそれを置く、またはmarginことによってそれを動かす

android:divider="#00000000" 
android:dividerHeight="10dp" 

Answer 5

あなたのListView XML要素に次の行を追加します。 （たぶんandroid:layout_centerHorizontal="true"による。）

それは私のために素晴らしい仕事を。

Answer 6

ListViewがXMLファイルで定義されているとします。ある場合は、paddingを追加して、画面の端とListViewの間にスペースができるようにします。

例：

<ListView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:padding="15dp"/>