MenuItem
悬浮按钮 通过 $arc.item("icon") 创建返回的对象
style(style)
设置样式 注意：此方法必须要优先调用!因为会重置其他设置的所有属性
- 参数 : style {string} 按钮样式(default,outline,tonal)
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").style("outline");
click(click)
设置点击事件
- 参数 : click {()=>{}} 回调函数
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag");//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
ripper(color)
设置涟漪颜色
- 参数 : color {string} 颜色
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").ripper("#FF0000");//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
ripper(color)
设置涟漪颜色
- 参数 : color {int} 颜色值
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").ripper($color.RED);//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
tip(tip)
设置提示 按钮被长按的时候就会显示提示文字
- 参数 : tip {string} 提示文字
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").tip("提示文字");//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
bg(color)
设置背景颜色
- 参数 : color {string} 背景颜色
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").bg("#FF0000");//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
bg(color)
设置背景颜色
- 参数 : color {int} 背景颜色值
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").bg($color.RED);//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
radius(radius)
设置圆角大小
- 参数 : radius {float} 圆角大小
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").radius(15);//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
icon(resName)
设置图标 支持内置的icon设置 支持路径中的图片(最好是相对于项目路径的)
- 参数 : resName {string} 资源名称或者本地路径
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("ic_code_run");//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击时我们切换图标
item.icon("ic_stop");//icon资源名称或者icon的相对路径
});
iconPadding(padding)
设置图标内边距
- 参数 : padding {int} 边距
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").iconPadding(10);//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
iconSize(size)
设置图标尺寸
- 参数 : size {int} 尺寸
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").iconSize(30);//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
cancelIconTint()
取消填充颜色 此函数等价于：iconTint(null);
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").cancelIconTint();//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
iconTint(color)
设置图标填充颜色 当颜色值为null时，会取消填充颜色，即：cancelIconTint();
- 参数 : color {string} 颜色
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").iconTint("#000000");//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
iconTint(color)
设置图标填充颜色
- 参数 : color {string} 颜色
- 返回 : {MenuItem} 自己
- 版本 : 1.0.0
//先创建item
let item = $arc.item("logo_ag").iconTint($color.RED);//icon资源名称或者icon的相对路径
//设置点击事件
item.click(()=>{
//点击事件
});
getW()
获取按钮宽度
- 返回 : {int} 宽度
//先创建item
let item = $arc.item("logo_ag");//icon资源名称或者icon的相对路径
//获取宽度
item.getW();
//一般获取宽度可以用来设置弧度，例如：
item.setRadius(item.getW()/2);
getH()
获取按钮高度
- 返回 : {int} 高度
//先创建item
let item = $arc.item("logo_ag");//icon资源名称或者icon的相对路径
//获取高度
item.getH();