android - ビュー間の小さな線のような境界線を作成するにはどうすればよいですか？

Question

このようなAndroidレイアウトでボーダーを作りたいのですが、どうすればいいですか？

Answer 1

セパレータをカスタマイズする場合は、separator.xmlをドローアブルにします

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:angle="90"
        android:centerColor="#ffffffff"
        android:endColor="#00ffffff"
        android:startColor="#00ffffff" />

</shape>

次に、これでこのセパレータの形状を参照してください

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="2dip"
    android:layout_height="fill_parent"
    android:layout_marginLeft="4dip"
    android:layout_marginRight="4dip"
    android:src="@drawable/seperator" />

結果：

Answer 2

上記の出力画像のようなショーの場合

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eeeeee"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="E"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:background="@android:color/white"
        android:layout_marginRight="5dp" />
        <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="F"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:background="@android:color/white"
        android:layout_marginRight="5dp" />

</LinearLayout>

Answer 3

Androidで境界線を作成するには、形状にストロークタグを使用する必要があります（xml drawable）

これが私の最後にテストした私のコードです：

stroke_background.xml

    <stroke android:width="1dp"
        android:color="@android:color/darker_gray"/>
    <solid android:color="#ffffff"/>


</shape>

必要なレイアウト

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp" 
    android:weightSum="1">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_weight=".5" 
        android:background="@drawable/stroke_background">

        <TextView
            android:id="@+id/textView1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="E" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:orientation="vertical"

        android:background="@drawable/stroke_background"
        android:layout_weight=".5"
         >

        <TextView
            android:id="@+id/textView2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="F" />

    </LinearLayout>

</LinearLayout>

結果は次のようになります。

Answer 4

Views好きな色を3つ入れることで実現できると思います

お気に入り

<View
android:layout_height="wrap_content"
android:layout_width="1dip"
android:background="#f3f3f3"
/>