Android Material Design ：LinearLayoutCompat添加分割线divider

水深无声 2023-10-16 22:20 43阅读 0赞

**Android Material Design ：LinearLayoutCompat添加分割线divider**

Android Material Design 扩展支持包中的LinearLayoutCompat是过去的LinearLayout的扩展，可以为此布局中功德子View之间添加分割线divider。  
其中比较关键的地方有两点：

（1）app:showDividers="beginning|middle|end"属性。  
beginning，middle，end属性值分别指明将在何处添加分割线。  
beginning表示从该LinearLayoutCompat布局的最顶一个子view的顶部开始。  
middle表示在此LinearLayoutCompat布局内的子view之间添加。  
end表示在此LinearLayoutCompat最后一个子view的底部添加分割线。

（2）app:divider="@drawable/line"  
LinearLayoutCompat添加分割线需要为此分割线定义一个shape。

现给出一个例子加以说明。

<android.support.v7.widget.LinearLayoutCompat 
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="20dip"
        android:orientation="vertical"
        
        app:divider="@drawable/line"
        app:dividerPadding="5dp"
        app:showDividers="beginning|middle|end" >
        
         <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="CSDN Zhang Phil" />
        
          <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:src="@drawable/ic_launcher"/>
    
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="CSDN Zhang Phil" />
        
         <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:src="@drawable/ic_launcher"/>
    
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="CSDN Zhang Phil" />
    
    </android.support.v7.widget.LinearLayoutCompat>

位于drawable目录下的line.xml文件（定义的分割线属性）

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        
        <solid android:color="@android:color/black" />
    
        
        <size android:height="3dip" />
        
    </shape>

效果图：

![Center][]

当app:showDividers="middle"时的效果：

![Center 1][]

[Center]: https://img-blog.csdn.net/20151004204701207?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: https://img-blog.csdn.net/20151004204732239?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center