分割线

  • 更新时间:2025-12-02 10:12:46

分割线-hr

原生类型:{com.google.android.material.divider.MaterialDivider}

一、常用属性

color - 颜色

设置颜色

<hr color="#F1F0FA" w="max" />

size - 尺寸(px)

设置尺寸(px)

<ui>
    <statusbar />
    <linear w="max" h="max" gravity="center">
        <hr size="5" w="max" margin="20" />
        <hr size="10" w="max" margin="20" />
        <hr size="15" w="max" margin="20" />
    </linear>
</ui>

start - 开始边距(dp)

设置开始边距(dp)

<ui>
    <statusbar />
    <linear w="max" h="max" gravity="center">
        <hr w="max" start="20" margin="20"  />
        <hr w="max" end="20" margin="20" />
        <hr w="max" start="20" end="20" margin="20"  />
    </linear>
</ui>

end - 结束边距(dp)

设置结束边距(dp)

<ui>
    <statusbar />
    <linear w="max" h="max" gravity="center">
        <hr w="max" start="20" margin="20"  />
        <hr w="max" end="20" margin="20" />
        <hr w="max" start="20" end="20" margin="20"  />
    </linear>
</ui>

二、常用函数

size(size)

设置粗细

  • 参数 : size {int} 粗细(px)

//解析布局,获得ui对象
let ui = $ui.layout("./mUi.xml");
//获取控件
let hr = ui.id("mHr");
//设置粗细
hr.size(20);

insertStart(start)

设置开始边距

  • 参数 : start {int} 开始边距

//解析布局,获得ui对象
let ui = $ui.layout("./mUi.xml");
//获取控件
let hr = ui.id("mHr");
//设置开始边距
hr.insertStart(20);

insertEnd(end)

设置结束边距

  • 参数 : end {int} 结束边距

//解析布局,获得ui对象
let ui = $ui.layout("./mUi.xml");
//获取控件
let hr = ui.id("mHr");
//设置结束边距
hr.insertEnd(20);

setColor(color)

设置主题颜色

  • 参数 : color {String} 颜色

//解析布局,获得ui对象
let ui = $ui.layout("./mUi.xml");
//获取控件
let hr = ui.id("mHr");
//设置主题颜色
hr.setColor("#1E1F22");