LinearLayout分割线

作者: 你的益达233 | 来源:发表于2018-07-21 18:41 被阅读43次

    LinearLayout

    原来LinearLayout还有设置分割线功能

    知识点

    • android:divider设置作为分割线的图片
    • android:showDividers设置分割线的位置,none(无),beginning(开始),end(结束),middle(每两个组件间)
    • dividerPadding设置分割线的Padding

    应用场景

    一般设置界面,关于我们界面

    效果图

    LinearLayout.png

    关键代码

    activity_ll

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.cong.androidlearn.LLActivity"
    android:orientation="vertical"
    android:showDividers="middle|end"
    android:divider="@drawable/divider_line"
    >
    
    <TextView
    android:id="@+id/tv_01"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="233"/>
    
    <TextView
    android:id="@+id/tv_02"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="666"/>
    
    <TextView
    android:id="@+id/tv_03"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="999"/>
    </LinearLayout>
    

    divider_line.xml

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
    <shape>
    <solid android:color="@color/colorTheme"/>
    <size android:height="1px"/>
    </shape>
    </item>
    
    <item
    android:left="15dp"
    android:right="15dp"
    android:top="15dp"
    android:bottom="15dp">
    <shape>
    <solid android:color="@color/colorAccent"/>
    <size android:height="1px"/>
    </shape>
    </item>
    </layer-list>
    

    如果把上面黄色换成白色,是不是就是你想要的呢

    相关文章

      网友评论

      本文标题:LinearLayout分割线

      本文链接:https://www.haomeiwen.com/subject/ejxkmftx.html