• 游客,欢迎来到米坛社区。
    米坛社区是大型中文智能穿戴设备交流社区,在这里交流你的极客思想,共同建造我们的智能世界
    为了更加方便的获取支持与帮助,请加入米坛社区官方QQ频道

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

Wangyd

LV6
普通成员
UID
82539
2022-05-08
77
990
这两天又来几个改亮度的求助
表盘控件代码如下

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/
 

Closure

LV0
普通成员
UID
190374
2023-01-27
3
0
这两天又来几个改亮度的求助
表盘控件代码如下

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/
这边有个找不到}),后面的,这个应该把代码放哪里呢?
 

小黑脚

LV0
普通成员
UID
139924
2022-10-14
81
5

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

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/
感谢大佬学会了给自己常用的表盘加上了
 

小黑脚

LV0
普通成员
UID
139924
2022-10-14
81
5
大佬有没有办法让增减亮度控件的颜色融入表盘?或者说把控件改成透明
 

Susuyin

LV0
普通成员
UID
181095
2023-01-02
63
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
)}))

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

浏览附件14439

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

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

详细参考https://docs.zepp.com/zh-cn/docs/reference/device-app-api/hmUI/widget/FILL_RECT/
看看
 

d小R

LV2
普通成员
UID
198130
2023-02-06
50
62
你好,请问可以帮我看看吗,我加进去没有效果。

1684819128595.png
 

附件

  • one.7z
    44.2 KB · 查看: 3

d小R

LV2
普通成员
UID
198130
2023-02-06
50
62
放在那个onDestory一系列on...的前面
那段代码理应是整段代码的结尾 显示log用的
非常感谢,生效了。这下好用多了。
 

附件

  • one 1.0.bin
    57.3 KB · 查看: 3
最后编辑:

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