我们知道,在计算机中颜色可以用rgb三个量描述,其中每一个量的取值范围是0到255。换一种说法就是,每一种颜色都可以用三个0到255之间的数表示。而每三个0到255之间的数合在一起,都可以表示一种颜色。

如下图,rgb颜色设置:

其他颜色自行设置了解吧。

rgb的颜色模式同样在appinventor里适用。具体如下图:

appinventor颜色是通过将rgb三种量进行列表合成或分解,然后赋予或读取组件。使用中要记住rgb三个量的位置,才能设置正确颜色。

我们将组件的颜色进行分解,通过列表读出分解后的各个数值。

如下图:

组件颜色分解后出现四个值,分别是rgb加上一个合成值,记住rgb的位置,正确使用。最后是合成值,这个不了解,就不瞎解释了。

我这里做了一个简单的读取组件颜色的小程序,然后加了一段点击按钮,用计时器产生按钮渐变颜色的代码。都很粗糙,随便看一下吧。

全程序如下图:

几个变量没有实际意义。

按照双基学习理论,再把这个基础技能稍微加工、移植一下,就是昨天介绍的案例——按压按钮,颜色渐变,手抬起,颜色复原。

就是下图中红框外的代码。

--end--

声明:本文章由网友投稿作为教育分享用途,如有侵权原作者可通过邮件及时和我们联系删除:freemanzk@qq.com

appinventor数学小程序计算机,APP inventor中的颜色相关推荐

  1. APP Inventor中如何利用GPS经纬度计算GPS距离、速度、方向

         最近有空时研究了一下MIT APP InVentor,这是一个原来google验室的项目,目的是为了给Andriod APP的开发者提供一种简便快捷的开发模式,但后来该项目被停止,2012年 ...

  2. 微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化

    微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化 在小程序中,我们一般在app.js的onLaun ...

  3. appinventor广州服务器网页,app inventor服务器

    app inventor服务器 内容精选 换一换 本节操作介绍通过华为云APP连接Linux实例的操作步骤.云服务器状态为"运行中".已获取Linux云服务器用户名和密码,忘记密码 ...

  4. 微信小程序 app.js中onLaunch中方法执行完毕后再执行index首页数据请求

    实际开发中遇到在app.js中onlaunch中方法未执行完毕的情况下,先进入首页执行index方法的问题.如果在onlaunch中写了自动登录的方法,会存在首页加载时显示未登录的情况(此时onlau ...

  5. 在App Inventor中实例:画画(Canvas组件)

    实例应用一: 目标是创建一个PaintPot(油漆桶)应用,让用户在手机屏幕上绘制图画,并让用户用手机给自己拍照,然后在自己的照片上绘图. 在正式开始之前,在组件设计器右侧的"属性" ...

  6. uni-app开发小程序app页面中获取globalData

    在使用uni-app框架开发微信小程序过程中,想用globalData设置全局变量,在app.vue页面中,获取globalData,直接用的this.globalData.xxx,但是控制台报错说变 ...

  7. 微信小程序app.js中获取用户信息以及为golbalData赋值的坑

    代码如下: //app.js App({ globalData: { urlPath: "http://www.baidu.com//",    //此处貌似必须填写搜索引擎的网址 ...

  8. appinventor HTML5,App Inventor编程教程-第18课-创建动画应用

    本章将讨论另一类应用--包含简单动画(会移动的物体)的应用.你将学习用App Inventor创建二维游戏的基本知识,包括熟练使用精灵组件,以及处理像两个物体碰撞这样的事件. 当在电脑屏幕上看到一个平 ...

  9. 利用stm32+app inventor与esp8266通信

    利用stm32+app inventor与esp8266通信 stm32与esp8266通信 移动端app制作.生成.控制 本章实验的目的是将手机连接上ESP8266提供的WIFI网络,打开自定义的a ...

最新文章

  1. 全球通吃5G!高通发布最新骁龙865、7系芯片,小米、OPPO将实现首发
  2. vue一二级联动清空二级数据_【周一实用技巧】二级联动还不够,自动更新才最牛。Excel 2013利用数据验证条件制作一级、二级联动和自动更新下拉列表...
  3. 常用的排序算法的时间复杂度和空间复杂度
  4. 我画了35张图,就是为了让你深入理解 AQS
  5. 零售商的“基因改造”浪潮
  6. [云炬创业基础]创业过程
  7. 电脑打字手指正确姿势_正确的投篮姿势教学,许多人都忽略的细节,学会变投篮神射手...
  8. 通过编程计算一个游戏的胜率
  9. DotNetNuke 4/5 安装提示 msajax错误,下载AJAX 1.0即可解决
  10. 不需要许可认证即可解决WIN2003不能超过2个远程终端用户试用120天的问题
  11. Android传感器模拟器,如何为Android构建传感器模拟器?
  12. 拓扑排序:Kahn算法
  13. Hyperledger Fabric 或 Composer 获取指定Tx_id(transactionId)的信息
  14. springboot的配置文件加载的顺序,以及在不同位置配置下,加载的顺序
  15. 双线macd指标参数最佳设置_手机mt4平台怎么使用macd双线指标
  16. s7-200plc编程及应用_西门子S7200PLC编程应用15个为什么
  17. VAssistX 常用快捷键 (常用好用)
  18. linux 查看上一级目录,du 使用详解 查看一级目录大小
  19. c语言程序员表白的语录,程序员一句话表白情书
  20. 小程序中引导用户关注公众号

热门文章

  1. Java中的XML解析
  2. 热释电人体感应红外报警器设计 - 没人取消报警
  3. 转载的ctf练习链接
  4. 思科网络安全 第四章测验答案
  5. 网页配色实例:Web设计色彩速查表
  6. 微信小程序:用户点击跳转付款码界面
  7. 从自动驾驶新趋势看普及前景
  8. 安装net_speeder
  9. 萌翻全场!硕士爸爸怀抱1岁萌娃参加毕业典礼:带他提前20年体验毕业
  10. 如何快速上手操作Mac电脑?新手问号