点击登录

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

Wangyd

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的自定义表盘教程操作

米环7教程 - 小米手环7 自定义表盘教程

首发小米手环7自定义表盘教程 自定义表盘整体思路和以前一致，分为以下几个步骤： 1.解包： 把.bin文件下载后，修改后缀为zip，解压即可 2.修改资源图片文件： 解压后的assets目录下有很多图片资源文件。虽然是以png结尾的，但实际上是tga格式文件，需要使用ImageToGTR3-mi7修复版 将图片转成正常png后再修改，修改完再通过上述工具转成手环需要的格式。 图片资源都在解压后的assets目录下。 图片处理完直接替换assets目录下的原图即可 2.修改组件数量、位置： 此环节有几种方式： (1)有一定的js基础的，可以直接修改js文件...
www.bandbbs.cn www.bandbbs.cn
打开index.js后
将上述代码黏贴至表盘最后一个控件之后（即“}),”后，根据具体表盘实际情况添加，如把其他图形遮挡可找到该图形对应控件代码并把此代码黏贴至其之前）

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

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

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的自定义表盘教程操作

米环7教程 - 小米手环7 自定义表盘教程

首发小米手环7自定义表盘教程 自定义表盘整体思路和以前一致，分为以下几个步骤： 1.解包： 把.bin文件下载后，修改后缀为zip，解压即可 2.修改资源图片文件： 解压后的assets目录下有很多图片资源文件。虽然是以png结尾的，但实际上是tga格式文件，需要使用ImageToGTR3-mi7修复版 将图片转成正常png后再修改，修改完再通过上述工具转成手环需要的格式。 图片资源都在解压后的assets目录下。 图片处理完直接替换assets目录下的原图即可 2.修改组件数量、位置： 此环节有几种方式： (1)有一定的js基础的，可以直接修改js文件...
www.bandbbs.cn www.bandbbs.cn
打开index.js后
将上述代码黏贴至表盘最后一个控件之后（即“}),”后，根据具体表盘实际情况添加，如把其他图形遮挡可找到该图形对应控件代码并把此代码黏贴至其之前）

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

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

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

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的自定义表盘教程操作

米环7教程 - 小米手环7 自定义表盘教程

首发小米手环7自定义表盘教程 自定义表盘整体思路和以前一致，分为以下几个步骤： 1.解包： 把.bin文件下载后，修改后缀为zip，解压即可 2.修改资源图片文件： 解压后的assets目录下有很多图片资源文件。虽然是以png结尾的，但实际上是tga格式文件，需要使用ImageToGTR3-mi7修复版 将图片转成正常png后再修改，修改完再通过上述工具转成手环需要的格式。 图片资源都在解压后的assets目录下。 图片处理完直接替换assets目录下的原图即可 2.修改组件数量、位置： 此环节有几种方式： (1)有一定的js基础的，可以直接修改js文件...
www.bandbbs.cn www.bandbbs.cn
打开index.js后
将上述代码黏贴至表盘最后一个控件之后（即“}),”后，根据具体表盘实际情况添加，如把其他图形遮挡可找到该图形对应控件代码并把此代码黏贴至其之前）

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

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

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的自定义表盘教程操作

米环7教程 - 小米手环7 自定义表盘教程

首发小米手环7自定义表盘教程 自定义表盘整体思路和以前一致，分为以下几个步骤： 1.解包： 把.bin文件下载后，修改后缀为zip，解压即可 2.修改资源图片文件： 解压后的assets目录下有很多图片资源文件。虽然是以png结尾的，但实际上是tga格式文件，需要使用ImageToGTR3-mi7修复版 将图片转成正常png后再修改，修改完再通过上述工具转成手环需要的格式。 图片资源都在解压后的assets目录下。 图片处理完直接替换assets目录下的原图即可 2.修改组件数量、位置： 此环节有几种方式： (1)有一定的js基础的，可以直接修改js文件...
www.bandbbs.cn www.bandbbs.cn
打开index.js后
将上述代码黏贴至表盘最后一个控件之后（即“}),”后，根据具体表盘实际情况添加，如把其他图形遮挡可找到该图形对应控件代码并把此代码黏贴至其之前）

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

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

附件

最后编辑:
您必须登录或注册才可回复。

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

相似主题

請教大神指導

问答
876
3

米环7小程序开发教程和常用功能代码分享

米环7教程
4K
6

全坛最详细的开发Zepp OS小程序教程 2023年2月21日更新第二版

米环7教程
20K
60

指针表盘半成品 资源文件已备齐（带psd文件） 找人接手

讨论
2K
23

[已更新]米7默认表盘+时尚彩虹数字 v1.2.1应@foxitian加亮度控键

米环7表盘
15K
253

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