Android之divider分割線的使用

1、divider分割線

　　三種實現方式：（1）添加一個view，（2）通過shape實現，（3）通過設置圖片實現

　　相關屬性：設置分割線，分割線位置（none(無),begining(開始),end(結束),middle(每兩個組件間)），內邊距

    android:divider="@drawable/line_shape"
    android:showDividers="middle"
    android:dividerPadding="10dp"

 

2、簡單使用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:divider="@drawable/line_shape"
    android:showDividers="middle"
    android:dividerPadding="10dp"
    tools:context=".ClearMainActivity"
    >

    <Button
        android:layout_width="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_height="wrap_content"
        android:drawableBottom="@drawable/line_shape"
        android:textAllCaps="false"
        android:text="ForeverGuard" />


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center"
        android:divider="@drawable/line_v"
        android:showDividers="end"
        android:dividerPadding="2dp">
        <Button
            android:layout_width="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_height="wrap_content"
            android:text="博客園" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center"
        android:divider="@drawable/line_v"
        android:showDividers="beginning"
        android:dividerPadding="2dp">
        <Button
            android:layout_width="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_height="wrap_content"
            android:textAllCaps="false"
            android:text="divider" />
    </LinearLayout>

</LinearLayout>

效果圖