Android 有边框的背景色

原创

mob64ca12d8c182 2024-05-25 05:16:03 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12d8c182的原创作品，请联系作者获取转载授权，否则将追究法律责任

实现Android有边框的背景色

1. 整体流程

首先我们来看一下整个实现Android有边框的背景色的流程，可以用以下表格展示：

步骤	描述
1	创建一个XML布局文件
2	在XML文件中设置背景色
3	添加边框

2. 具体步骤及代码示例

步骤一：创建一个XML布局文件

首先我们需要创建一个XML布局文件，可以命名为background_layout.xml，在其中定义一个LinearLayout作为背景容器：

<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/background_layout">
    
    <!-- 这里添加内容 -->
    
</LinearLayout>

步骤二：在XML文件中设置背景色

在LinearLayout标签中添加android:background属性设置背景色，可以使用16进制颜色代码表示，比如白色#FFFFFF：

<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/background_layout"
    android:background="#FFFFFF">
    
    <!-- 这里添加内容 -->
    
</LinearLayout>

步骤三：添加边框

添加边框可以通过设置shape作为背景，同时设置stroke属性来实现。我们可以创建一个border_shape.xml文件，定义一个矩形形状，并设置边框颜色和宽度：

<shape xmlns:android="
    android:shape="rectangle">
    <stroke
        android:width="2dp"  // 设置边框宽度
        android:color="#000000"/> // 设置边框颜色
</shape>

然后在LinearLayout的background属性中引用这个shape文件：

<LinearLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/background_layout"
    android:background="@drawable/border_shape">
    
    <!-- 这里添加内容 -->
    
</LinearLayout>

至此，我们已经完成了在Android中实现有边框的背景色的步骤。

类图

classDiagram
    class LinearLayout {
        - layout_width: int
        - layout_height: int
        - orientation: int
        - id: int
        - background: int
        + setLayoutWidth()
        + setLayoutHeight()
        + setOrientation()
        + setId()
        + setBackground()
    }

    class Shape {
        - shape: int
        + setShape()
    }

    class Stroke {
        - width: int
        - color: int
        + setWidth()
        + setColor()
    }