点击登录

米环7教程 表盘添加亮度控制控件教程

Wangyd

Lv.6
社区会员
作者大佬 搞机玩家
这两天又来几个改亮度的求助
表盘控件代码如下

JavaScript:
hmUI.createWidget(hmUI.widget.FILL_RECT,{
    x:1,
    y:130,
    w:20,
    h:230,
    color:0xffffff,
    radius:20,
    show_level:hmUI.show_level.ONLY_NORMAL
}).addEventListener(hmUI.event.CLICK_DOWN,(function(info){
let result=hmSetting.getBrightness();hmSetting.setBrightness(
result+20
)}))
hmUI.createWidget(hmUI.widget.FILL_RECT,{
    x:172,
    y:130,
    w:20,
    h:230,
    color:0xffffff,
    radius:20,
    show_level:hmUI.show_level.ONLY_NORMAL
}).addEventListener(
hmUI.event.CLICK_DOWN,(function(info){
let result=hmSetting.getBrightness();hmSetting.setBrightness(
result-20
)}))

实际控件位于图片中橙色区域

2.jpg

原理:增加两个纯色矩形UI控件,并添加监听事件,回调设为改亮度
把以上代码按照@GiveMeFive的自定义表盘教程操作
打开index.js后
将上述代码黏贴至表盘最后一个控件之后(即“}),”后,根据具体表盘实际情况添加,如把其他图形遮挡可找到该图形对应控件代码并把此代码黏贴至其之前)

注意:color后的"0x??????"为十六进制颜色代码
可根据自己表盘的背景更改颜色
不建议使用在图片背景的表盘
勿放在背景控件代码或其他具有实体范围的控件代码前
否则可能被遮挡造成控件失效

详细参考https://docs.zepp.com/zh-cn/docs/reference/device-app-api/hmUI/widget/FILL_RECT/
 
这两天又来几个改亮度的求助
表盘控件代码如下

JavaScript:
hmUI.createWidget(hmUI.widget.FILL_RECT,{
    x:1,
    y:130,
    w:20,
    h:230,
    color:0xffffff,
    radius:20,
    show_level:hmUI.show_level.ONLY_NORMAL
}).addEventListener(hmUI.event.CLICK_DOWN,(function(info){
let result=hmSetting.getBrightness();hmSetting.setBrightness(
result+20
)}))
hmUI.createWidget(hmUI.widget.FILL_RECT,{
    x:172,
    y:130,
    w:20,
    h:230,
    color:0xffffff,
    radius:20,
    show_level:hmUI.show_level.ONLY_NORMAL
}).addEventListener(
hmUI.event.CLICK_DOWN,(function(info){
let result=hmSetting.getBrightness();hmSetting.setBrightness(
result-20
)}))

实际控件位于图片中橙色区域

浏览附件14439

原理:增加两个纯色矩形UI控件,并添加监听事件,回调设为改亮度
把以上代码按照@GiveMeFive的自定义表盘教程操作
打开index.js后
将上述代码黏贴至表盘最后一个控件之后(即“}),”后,根据具体表盘实际情况添加,如把其他图形遮挡可找到该图形对应控件代码并把此代码黏贴至其之前)

注意:color后的"0x??????"为十六进制颜色代码
可根据自己表盘的背景更改颜色
不建议使用在图片背景的表盘
勿放在背景控件代码或其他具有实体范围的控件代码前
否则可能被遮挡造成控件失效

详细参考https://docs.zepp.com/zh-cn/docs/reference/device-app-api/hmUI/widget/FILL_RECT/
这边有个找不到}),后面的,这个应该把代码放哪里呢?
 

这两天又来几个改亮度的求助
表盘控件代码如下

JavaScript:
hmUI.createWidget(hmUI.widget.FILL_RECT,{
    x:1,
    y:130,
    w:20,
    h:230,
    color:0xffffff,
    radius:20,
    show_level:hmUI.show_level.ONLY_NORMAL
}).addEventListener(hmUI.event.CLICK_DOWN,(function(info){
let result=hmSetting.getBrightness();hmSetting.setBrightness(
result+20
)}))
hmUI.createWidget(hmUI.widget.FILL_RECT,{
    x:172,
    y:130,
    w:20,
    h:230,
    color:0xffffff,
    radius:20,
    show_level:hmUI.show_level.ONLY_NORMAL
}).addEventListener(
hmUI.event.CLICK_DOWN,(function(info){
let result=hmSetting.getBrightness();hmSetting.setBrightness(
result-20
)}))

实际控件位于图片中橙色区域

浏览附件14439

原理:增加两个纯色矩形UI控件,并添加监听事件,回调设为改亮度
把以上代码按照@GiveMeFive的自定义表盘教程操作
打开index.js后
将上述代码黏贴至表盘最后一个控件之后(即“}),”后,根据具体表盘实际情况添加,如把其他图形遮挡可找到该图形对应控件代码并把此代码黏贴至其之前)

注意:color后的"0x??????"为十六进制颜色代码
可根据自己表盘的背景更改颜色
不建议使用在图片背景的表盘
勿放在背景控件代码或其他具有实体范围的控件代码前
否则可能被遮挡造成控件失效

详细参考https://docs.zepp.com/zh-cn/docs/reference/device-app-api/hmUI/widget/FILL_RECT/
感谢大佬学会了给自己常用的表盘加上了
 
大佬有没有办法让增减亮度控件的颜色融入表盘?或者说把控件改成透明
 
这两天又来几个改亮度的求助
表盘控件代码如下

JavaScript:
hmUI.createWidget(hmUI.widget.FILL_RECT,{
    x:1,
    y:130,
    w:20,
    h:230,
    color:0xffffff,
    radius:20,
    show_level:hmUI.show_level.ONLY_NORMAL
}).addEventListener(hmUI.event.CLICK_DOWN,(function(info){
let result=hmSetting.getBrightness();hmSetting.setBrightness(
result+20
)}))
hmUI.createWidget(hmUI.widget.FILL_RECT,{
    x:172,
    y:130,
    w:20,
    h:230,
    color:0xffffff,
    radius:20,
    show_level:hmUI.show_level.ONLY_NORMAL
}).addEventListener(
hmUI.event.CLICK_DOWN,(function(info){
let result=hmSetting.getBrightness();hmSetting.setBrightness(
result-20
)}))

实际控件位于图片中橙色区域

浏览附件14439

原理:增加两个纯色矩形UI控件,并添加监听事件,回调设为改亮度
把以上代码按照@GiveMeFive的自定义表盘教程操作
打开index.js后
将上述代码黏贴至表盘最后一个控件之后(即“}),”后,根据具体表盘实际情况添加,如把其他图形遮挡可找到该图形对应控件代码并把此代码黏贴至其之前)

注意:color后的"0x??????"为十六进制颜色代码
可根据自己表盘的背景更改颜色
不建议使用在图片背景的表盘
勿放在背景控件代码或其他具有实体范围的控件代码前
否则可能被遮挡造成控件失效

详细参考https://docs.zepp.com/zh-cn/docs/reference/device-app-api/hmUI/widget/FILL_RECT/
看看
 
放在那个onDestory一系列on...的前面
那段代码理应是整段代码的结尾 显示log用的
非常感谢,生效了。这下好用多了。
 

附件

最后编辑:

*这是一则由 Google AdSense 自动推荐的广告,与本站无关,不对其真实性与可靠性负责

相似主题

问答
913
3

Home 首页
Home 资源
News 发现
Account 我的
顶部