我怎样才能修改小矩形，使它们变成灰色，周围有红色边框，就像这张图片中那样？这是我的代码。我试过这样做，但我的矩形只显示为红色。我也需要它们等距。此外，是否可以使用权重而不是像素来定义宽度和高度？

代码

    <RelativeLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#808080" >

        <View
            android:layout_width="10dp"
            android:layout_height="10dp"
            android:layout_alignParentLeft="true"
            android:background="@android:color/red" />

        <View
            android:layout_width="10dp"
            android:layout_height="10dp"
            android:layout_centerHorizontal="true"
            android:background="@android:color/red"/>

        <View
            android:layout_width="10dp"
            android:layout_height="10dp"
            android:layout_alignParentRight="true"
            android:background="@android:color/red" />

        <View
            android:layout_width="10dp"
            android:layout_height="10dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:background="@android:color/red" />

        <View
            android:layout_width="10dp"
            android:layout_height="10dp"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:background="@android:color/red" />

        <View
            android:layout_width="10dp"
            android:layout_height="10dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:background="@android:color/red" />
    </RelativeLayout>

最佳答案

这是一个关于如何做到这一点的粗略示例。 这是您将使用的可绘制对象。 我将它命名为 emptyrect。将其保存在您的可绘制文件夹中。

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

<solid android:color="#808080" /> 

<stroke
    android:width="1dp"
    android:color="#FF0000" />

</shape>

接下来是您的布局。

宽度使用 100 重力。 每个 emptyrect 使用 100 个重力中的 20 个。 有 2 种线性布局。 1 顶部对齐，另一个底部对齐。

gl

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#808080" >

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:orientation="horizonal"
    android:weightSum="100" >

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20"
        android:background="@drawable/emptyrect" />

    <View
        android:layout_width="1dp"
        android:layout_height="0dp"
        android:layout_weight="7" />

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20"
        android:background="@drawable/emptyrect" />

    <View
        android:layout_width="1dp"
        android:layout_height="0dp"
        android:layout_weight="6" />

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20"
        android:background="@drawable/emptyrect" />

    <View
        android:layout_width="1dp"
        android:layout_height="0dp"
        android:layout_weight="7" />

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20"
        android:background="@drawable/emptyrect" />
</LinearLayout>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:layout_alignParentBottom="true"
    android:orientation="horizontal"
    android:weightSum="100" >

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20"
        android:background="@drawable/emptyrect" />

    <View
        android:layout_width="1dp"
        android:layout_height="0dp"
        android:layout_weight="7" />

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20"
        android:background="@drawable/emptyrect" />

    <View
        android:layout_width="1dp"
        android:layout_height="0dp"
        android:layout_weight="6" />

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20"
        android:background="@drawable/emptyrect" />

    <View
        android:layout_width="1dp"
        android:layout_height="0dp"
        android:layout_weight="7" />

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="20"
        android:background="@drawable/emptyrect" />
</LinearLayout>

关于android - 带边框的 View ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30219120/