【Android】设置 LinearLayout 的样式

前言

 LinearLayout是最常用的控件之一，主要是用来进行排版布局，本人介绍如何给LinearLayout 增加边框样式，在增加样式之前的效果如下：

可以看得出来，每个LinearLayout几乎都连接在一起，视觉效果较差，下面我们为此编写一个样式，如同CSS样式表：

 

解决方法

 1.在res文件夹中新建一个 android 的 xml 文件，命名为“linearlayout_boder”，代码如下：

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

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

    <stroke
        android:width="0.1dp"
        android:color="#DDDDDD" />

    <padding
        android:bottom="1dp"
        android:left="0.5dp"
        android:right="0.5dp"
        android:top="0dp" />
</shape>

2.在需要用到此样式的地方增加如下代码：

 android:background="@drawable/linearlayout_boder"

3.完整代码如下：

<?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="28dp"
         android:background="@drawable/linearlayout_boder"
         >

        <TextView
            android:id="@+id/TextView04"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="9"
            android:text="   WLAN" />

        <ImageView
            android:id="@+id/ImageView04"
            android:layout_width="28dp"
            android:layout_height="match_parent"
            android:layout_weight="0.38"
            android:src="@drawable/onblack" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="28dp" 
         android:background="@drawable/linearlayout_boder">

        <TextView
            android:id="@+id/TextView03"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="9"
            android:text="   蓝牙" />

        <ImageView
            android:id="@+id/ImageView03"
            android:layout_width="28dp"
            android:layout_height="match_parent"
            android:layout_weight="0.38"
            android:src="@drawable/onblack" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="28dp" 
         android:background="@drawable/linearlayout_boder">

        <TextView
            android:id="@+id/TextView02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="9"
            android:text="   省电模式" />

        <ImageView
            android:id="@+id/ImageView02"
            android:layout_width="28dp"
            android:layout_height="match_parent"
            android:layout_weight="0.38"
            android:src="@drawable/onblack" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="28dp" 
         android:background="@drawable/linearlayout_boder">

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="9"
            android:text="   重力感应" />

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="28dp"
            android:layout_height="match_parent"
            android:layout_weight="0.38"
            android:src="@drawable/onblack" />

    </LinearLayout>

</LinearLayout>

 

最终效果