如何用 android 中的一条线分隔布局的页脚

Question

我正在构建一个包含线性布局和其中许多元素的页面。在屏幕底部，我想添加一行，分隔 "footer"。如何实现？我正在考虑将某些东西作为 TextView，并将行添加为文本，但我确信有更好的方法可以完成。谢谢！

Answer 1

将此 xml 用于您的目的……这只是示例……

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="5">

        <TextView
            android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello World!" />

    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#000"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="Footer" />

    </LinearLayout>


</LinearLayout>

注意：- 第二个线性布局用于主要内容....第三个线性布局用于页脚.....

上面的输出xml ..

Answer 2

要从容器中分离 Footer，您可以添加 line 作为分隔符。但是我可以提供更好的方法，您必须将 Shadow 添加到 LinearLayout 中，这样您的主容器和页脚将是分开的。

我的方法。

footer.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="@drawable/linearlayout_upper_shadow"
    android:layout_alignParentBottom="true">
    <LinearLayout
        android:id="@+id/below_linear_layout"
        android:layout_width="0.0dp"
        android:layout_height="match_parent"
        android:layout_weight="50.0"
        android:orientation="vertical"
        android:weightSum="1">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="0.0dp"
            android:layout_marginLeft="@dimen/normal_margin15"
            android:layout_marginTop="@dimen/normal_margin5"
            android:layout_weight="0.50"
            android:text=",605"
            android:textSize="@dimen/textsize20"
            android:textColor="@color/black1" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="0.0dp"
            android:layout_marginLeft="@dimen/normal_margin15"
            android:layout_weight="0.50"
            android:text="View price detail"
            android:textColor="@color/colorPrimary"
            android:textSize="@dimen/textsize13"
            android:layout_marginTop="-5dp" />
    </LinearLayout>
    <Button
        android:id="@+id/continue_button"
        android:layout_width="0.0dip"
        android:layout_height="match_parent"
        android:layout_margin="@dimen/normal_margin8"
        android:layout_weight="50.0"
        android:background="@color/colorPrimary"
        android:gravity="center"
        android:text="@string/continue_string"
        android:textColor="@color/white1"
        android:textSize="@dimen/textsize13" />
</LinearLayout>

用于分隔符。

separator.xml

<?xml version="1.0" encoding="utf-8" ?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
    <shape android:shape="rectangle">
      <solid android:color="@color/linear_layout_shadow"/>
      />
    </shape>
  </item>

  <item
      android:left="0dp"
      android:right="0dp"
      android:top="1dp"
      android:bottom="0dp">
    <shape android:shape="rectangle">
      <solid android:color="@android:color/white"/>
      <corners android:radius="2dp" />
    </shape>
  </item>
</layer-list>

输出：

Answer 3

只需将具有指定背景的视图添加到 xml 布局中，如下所示：

<View
    android:layout_width="match_parent"
    android:layout_height="0.5dp"
    android:background="@android:color/darker_gray"/>

如何用 android 中的一条线分隔布局的页脚

How to separate the footer of a layout with a line in android

android

android-layout

footer

separator