前言
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>
最终效果