Android Layout: Как добавить нижнюю и правую границу в линейный макет вместе?

У меня есть следующий линейный макет, который используется в качестве ячейки таблицы. Я хотел бы добавить к выбранным шаблонам правую и нижнюю границу. Но теперь я могу добавить только границу справа.

Как я могу добавить границу к выбранным сторонам сразу?

Большое спасибо за любые советы.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="60dp"
    android:layout_height="80dp"
    android:gravity="right"
    android:background="@color/white"
    android:orientation="horizontal" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:orientation="vertical"
        android:layout_gravity="center_horizontal|center"
        android:gravity="center_horizontal|center"
        android:layout_marginRight="10dp"
        android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/variable_type_first_column"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/heart"
        android:layout_gravity="center_horizontal|center_vertical"
        android:gravity="center"/>

    <TextView
        android:id="@android:id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Weight"
        android:layout_below="@id/variable_type_first_column"
        android:layout_gravity="center_horizontal|bottom"
        android:gravity="center_horizontal|bottom"
        android:textColor="@color/app_blue"
        android:textAlignment="center"
        android:textSize="12sp"/>

    </LinearLayout>
    <View
        android:layout_width="1.5dip"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:foregroundGravity="right"
        android:background="@drawable/separator_table_header_first" />

</LinearLayout>

2 ответа

Решение

Простейшим способом было бы обернуть LinearLayout в FrameLayout:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="60dp"
    android:layout_height="80dp"
    android:gravity="right"
    android:background="@color/white"
    >

    <LinearLayout
        ...
        Your layout without the divider Views
        ...
    </LinearLayout>

    <View
        android:layout_width="1.5dip"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:foregroundGravity="right"
        android:background="@drawable/separator_table_header_first" 
        />

    <View
        android:layout_width="match_parent"
        android:layout_height="1.5dp"
        android:layout_gravity="bottom"
        android:foregroundGravity="bottom"
        android:background="@drawable/separator_table_header_first" 
        />

</FrameLayout>

Вы могли бы разработать более плоский XML с использованием RelativeLayouts, хотя это может быть более эффективным.

Создайте нарисованный файл в вашей папке для рисования.

<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetBottom="5dp"
    android:insetLeft="-7dp"
    android:insetRight="5dp"
    android:insetTop="-7dp">
    <shape android:shape="rectangle">
        <stroke
            android:width="5dp"
            android:color="#ff0000" />
        <solid android:color="#00000000" />
    </shape>
</inset>

и установить его в качестве фона для линейного макета.

Другие вопросы по тегам