android 加载等距线分隔的图标

Question

我有一个固定宽度的水平线性布局。在 number.I 中，视图在运行时可以有 2 到 6 个图标，希望这些图标之间的距离相等，用线分隔，但它们应该占据完整的布局宽度。例如：如果 Linearlayout width = 100dp 和 icons = 4 我将在这 4 个图标之间有 3 条线，以相等 distance.Each 分隔，线宽为 (100 - 4*(icon width))/3

我已经制作了 6 个图像视图和 5 个线视图，我试图根据我得到的数据在运行时 hide/expose。我设法在运行时使正确的可见，但我无法相应地设置分隔线的宽度。

这就是我在 LinearLayout 中的内容

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



        <ImageView
            android:id="@+id/iv_itinerary_mode_0"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:scaleType="fitCenter"
            android:visibility="gone" />

        <View
            android:id="@+id/iv_itinerary_next_0"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="@color/lightgrey"
            android:layout_gravity="center_vertical"
            android:visibility="gone" />

        <ImageView
            android:id="@+id/iv_itinerary_mode_1"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:scaleType="fitCenter"
            android:visibility="gone" />

            <View
                android:id="@+id/iv_itinerary_next_1"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@color/lightgrey"
                android:layout_gravity="center_vertical"
                android:visibility="gone" />

            <ImageView
            android:id="@+id/iv_itinerary_mode_2"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:scaleType="fitCenter"
            android:visibility="gone" />

            <View
                android:id="@+id/iv_itinerary_next_2"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@color/lightgrey"
                android:layout_gravity="center_vertical"
                android:visibility="gone" />

            <ImageView
            android:id="@+id/iv_itinerary_mode_3"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:scaleType="fitCenter"
            android:visibility="gone" />

            <View
                android:id="@+id/iv_itinerary_next_3"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@color/lightgrey"
                android:layout_gravity="center_vertical"
                android:visibility="gone" />

            <ImageView
            android:id="@+id/iv_itinerary_mode_4"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:scaleType="fitCenter"
            android:visibility="gone" />

            <View
                android:id="@+id/iv_itinerary_next_4"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@color/lightgrey"
                android:layout_gravity="center_vertical"
                android:visibility="gone" />

            <ImageView
            android:id="@+id/iv_itinerary_mode_5"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:scaleType="fitCenter"
            android:visibility="gone" />

            <View
                android:id="@+id/iv_itinerary_next_5"
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@color/lightgrey"
                android:layout_gravity="center_vertical"
                android:visibility="gone" />

            <ImageView
            android:id="@+id/iv_itinerary_mode_6"
            android:layout_width="25dp"
            android:layout_height="25dp"
            android:scaleType="fitCenter"
            android:visibility="gone" />

        </LinearLayout>

请建议如何设置此布局，使可见的线条和图标设置为等距离同时占据宽度。

例如图片：

Answer 1

按照 Mohit 的建议，我通过将每一行的权重赋予 100 并将每个图像视图的权重赋予 1 来解决它。虽然这不符合权重和概念，但它对我有用。

android 加载等距线分隔的图标

android loading icons equidistant separated by line

android

view

line

android-layout

android-linearlayout