Question

我想创建这个组件：

应该显示工作流程的不同步骤。每个点都应该是可点击的，以进入另一个步骤，圆圈显示选择了当前步骤。

我在想一个带按钮的LinearLayout和一条视线，但我不知道怎么让这条线穿过按钮。

我正在寻找一种简单的方法来实现这一点，而无需直接从View扩展并完全绘制它。

Answer 1

一种可以实现此目的的简单方法是使用RelativeLayout。

示例：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="280dp"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal">
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginRight="5dp"
        android:layout_marginLeft="5dp"
        android:background="@android:color/darker_gray"
        android:layout_centerVertical="true"/>

    <Button
        android:id="@+id/b1"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:text="b1" />

    <Button
        android:id="@+id/b2"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_marginLeft="20dp"
        android:layout_toRightOf="@id/b1"
        android:text="b2" />

    <Button
        android:id="@+id/b3"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_marginLeft="20dp"
        android:layout_toRightOf="@id/b2"
        android:text="b3" />

    <Button
        android:id="@+id/b4"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_marginLeft="20dp"
        android:layout_toRightOf="@id/b3"
        android:text="b4" />

    <Button
        android:id="@+id/b5"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_marginLeft="20dp"
        android:layout_toRightOf="@id/b4"
        android:text="b5" />
</RelativeLayout>

不要忘记用您想要的内容更改ButtonView

Answer 2

使用线性布局（水平）并赋予重量以使其成为多屏幕支持

创建一个Android自定义视图：一个带有按钮的行

2 个答案: