UI的设计

一、RGB888的显示

即红色,绿色,蓝色都为8位,即通常说的24位色。可以很好显示各种过渡颜色。从硬件上,R、G、B三基色的连接线各需要有8根,即24根数据线;软件上存储的数据量也需要24位,即3个字节,如果有透明度的显示效果则需要在加上1个字节的透明度数据值。
红色8位,按二进制表达为1111-1111, 即从0~255完全可以表现出来。
绿色8位,按二进制表达为1111-1111, 即从0~255完全可以表现出来。
蓝色8位,按二进制表达为1111-1111, 即从0~255完全可以表现出来。

二、RGB565的显示

即红色只有高5位,绿色只有高6位,蓝色只有高5位。即通常说的16位色。在显示低位颜色的过渡效果时,表现不出来。从硬件上,R、G、B三基色的连接线各需要5、6、5根,即16跟数据线;软件上存储的数据量需要16位,即2个字节,如果有透明度的显示效果则需要在加上1个字节的透明度数据值。
红色只有高5位,按二进制表达为1111-1000,低三位永远为0值。即颜色值为0,8,16,24,32,…… 248,即间隔值为8。比如红色值为1~7,显示表现出来的值只能为0;又如红色值256,显示变现出来的值只能为248。
绿色只有高6位,按二进制表达为1111-1100,低两位永远为0值。即颜色值为0,4,8,12,16,20,…… 252,即间隔值为4。比如绿色值为1~3,显示表现出来的值只能为0; 又如绿色值256,显示变现出来的值只能为252。

蓝色只有高5位,按二进制表达为1111-1000,低三位永远为0值。即颜色值为0,8,16,24,32,248,即间隔值为8。比如蓝色值为1~7,显示表现出来的值只能为0;又如蓝色值256,显示变现出来的值只能为248。

附9.1

附图9.2

附图9.3

附图9.4

附图9.5
如附图9.1 ~ 9.3,选取了坐标值(X—372,Y—134)到(X—397,Y—134)进行查看过渡颜色的变化值,如下:
X372  Y134 --  R30 G159 B231   
X373  Y134 --  R30 G158 B231   
X374  Y134 --  R30 G158 B230
X375  Y134 --  R30 G156 B230
X376  Y134 --  R30 G157 B230
X377  Y134 --  R30 G156 B230
X378  Y134 --  R30 G155 B230
X379  Y134 --  R30 G154 B229
X380  Y134 --  R30 G153 B229
X381  Y134 --  R30 G153 B228
X382  Y134 --  R30 G152 B228
X383  Y134 --  R29 G151 B228
X384  Y134 --  R29 G150 B228
X385  Y134 --  R29 G150 B227
X386  Y134 --  R29 G149 B227
X387  Y134 --  R29 G148 B227
X388  Y134 --  R29 G148 B227
X389  Y134 --  R29 G147 B226
X390  Y134 --  R29 G146 B226
X391  Y134 --  R29 G146 B226
X392  Y134 --  R29 G145 B226
X393  Y134 --  R29 G144 B225
X394  Y134 --  R29 G143 B225
X395  Y134 --  R29 G143 B225
X396  Y134 --  R30 G142 B224
X397  Y134 --  R142 G198 B239
过渡色为水平变化,变化值基本是在4以内,如前面所述这些点之间的过渡变化RGB565的驱动显示中体现不出来。所以,UI设计中,避免过渡色为低位的颜色值变化。

三、切图的原则

3.1、分切图的规则为选取动态部分、可点击部分;
3.2、避免整套UI的切图都采用PNG格式应用,因为PNG图在转换成位图加透明度的数据格式时,占用的存储量比较大,可能造成位置SPI存储器容量不足的情况。
有透明度显示效果的UI,可以分切成PNG格式。一般建议主页面的图标或部分页面的图标的设计采用透明图层的设计效果。
大部分的UI设计建议采用不透明,分切图的输出采用JPEG格式。可以大大地减少UI素材的数据存储量。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/780267.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

主干网络篇 | YOLOv8更换主干网络之EfficientNet

前言:Hello大家好,我是小哥谈。EfficientNet是一种高效的卷积神经网络架构,由Mingxing Tan和Quoc V. Le在2019年提出,其设计思想是在不增加计算复杂度的情况下提高模型的准确性。它引入了一个称为"复合系数"的概念,该系数用于同时缩放网络的深度、宽度和分辨率。…

RabbitMQ 延时消息实现

1. 实现方式 1. 设置队列过期时间:延迟队列消息过期 死信队列,所有消息过期时间一致 2. 设置消息的过期时间:此种方式下有缺陷,MQ只会判断队列第一条消息是否过期,会导致消息的阻塞需要额外安装 rabbitmq_delayed_me…

光伏发电量预测(Python代码,CNN结合LSTM,TensorFlow框架)

1.数据集(开始位置),数据集免费下载链接:https://download.csdn.net/download/qq_40840797/89051099 数据集一共8列,第一列是时间,特征列一共有6列:"WindSpeed" - 风速 "Sunshi…

C++template之类模版进一步了解

前言:这一篇是在我的上一篇文章的基础上,再进一步所写的。 链接:CTemplate<>模版的介绍及深度解析-CSDN博客 一、类模板实例化 1.非类型模版参数 类型模版参数:就是跟在 class后面或者typename后的类型 非…

visual studio报:引发的异常:“System.DllNotFoundException”(位于 ConsoleCAN1.exe 中)

最近在重构CAN通信的代码,把论文中的java转为C#实现,由于某种原因,java不能复现,所以转为c#。 然而c#的重构过程遇到许多问题,因为两种语言的编程方式、线程等等实现上有所差异。 其中一个错误: 引发的异…

vue3+threejs新手从零开发卡牌游戏(二十一):添加战斗与生命值关联逻辑

首先将双方玩家的HP存入store中,stores/common.ts代码如下: import { ref, computed } from vue import { defineStore } from piniaexport const useCommonStore defineStore(common, () > {const _font ref() // 字体const p1HP ref(4000) // 己…

三菱Q系列PLC以太网TCP通讯FB块源码

三菱Q系列PLC的tcp通讯,客户端和服务器两个变量好用的FB块,调用块就可以实现通讯连接,不需要自己写程序,简单配置引脚就可以。该块还集成了断网,连接错误,发送接收数据错误报警等功能。具体功能见下面介绍.…

sql Tuning Advisor启用导致业务性能问题

数据库每天晚上10点后业务性能很卡,大量的insert被堵塞,查询等待事件发现有大量的“library cache lock”和“cursor: pin S wait on X”。 22:00数据库的统计信息开始收集, Sql Tuning Advisor堵塞了统计信息的收集,等待事件是“…

利用HIVE的窗口函数进行SQL查询中出现的问题记录

student_info部分数据 score_info部分数据 course_info 1、问题复现 --完整SQL selectsti.stu_id,sti.stu_name,concat_ws(",",collect_set(ci.course_name)) over(partition by sti.stu_id) fromstudent_info sti left joinscore_info sci onsti.stu_idsci.stu_id l…

mysql之MyBatis核心工作原理

MyBatis核心工作原理 一、源码环境 1.手动编译源码 工欲善其事必先利其器。为了方便我们在看源码的过程中能够方便的添加注释,我们可以自己来从官网下载源码编译生成对应的Jar包,然后上传到本地maven仓库,再引用这个Jar。大家可以自行去官…

matlab 点云可视化(6)——点云按强度进行可视化

目录 一、功能概述1、算法概述2、主要函数二、代码示例三、结果展示四、参考链接本文由CSDN点云侠原创原文链接。如果你不是在点云侠的博客中看到该文章,那么此处便是不要脸的爬虫。 一、功能概述 1、算法概述 点云按强度进行可视化 2、主要函数

绿联 安装Uptime Kuma - 一款开源的服务器监控和状态检测工具

Uptime Kuma 功能简介 Uptime Kuma 是一款开源的服务器监控和状态检测工具,它帮助您跟踪服务器的可用性、性能和健康状态。 主要功能: 服务器监控 Uptime Kuma 可以监控多个服务器,包括 Web 服务器、数据库服务器、应用程序服务器等。 它会定…

Antd Vue3 使用 Anchor 锚点组件记录

项目场景 客户要求做一个表单页面&#xff0c;表单数据分为三步&#xff0c;每一步骤是一个单独的 Vue 组件&#xff0c;表单上方需要使用锚点组件实现锚点定位到每一步的功能。 代码总览 <template><div class"guided-form-content-wrapper"><!-- …

初步了解C++

目录 一&#xff1a;什么是C&#xff1f; 二.C发展史 三:C关键字 四&#xff1a;命名空间 4.1命名空间的介绍 4.2命名空间的使用 4.3命名空间的使用 4.3.1使用作用域限定符 4.3.2 使用using将命名空间的某个成员引入 4.3.3使用using把整个命名空间展开 4.4命名空…

每天学习一个Linux命令之scp

每天学习一个Linux命令之scp 在Linux系统中&#xff0c;scp&#xff08;Secure Copy&#xff09;是一个用于在本地主机和远程主机之间进行文件传输的命令行工具。它基于SSH协议&#xff0c;通过加密方式传输文件&#xff0c;确保传输的安全性和完整性。scp命令非常强大且使用简…

【蓝桥杯选拔赛真题50】C++简易炸弹超人 第十四届蓝桥杯青少年创意编程大赛 算法思维 C++编程选拔赛真题解析

目录 C简易炸弹超人 一、题目要求 1、编程实现 2、输入输出 二、算法分析 三、程序编写 四、程序说明 五、运行结果 六、考点分析 七、推荐资料 C简易炸弹超人 第十四届蓝桥杯青少年创意编程大赛C选拔赛真题 一、题目要求 1、编程实现 有一块矩形游戏场地&#x…

聊聊k8s服务发现的优缺点

序 本文主要研究一下使用k8s服务发现的优缺点 spring cloud vs kubernetes 这里有张spring cloud与kubernetes的对比&#xff0c;如果将微服务部署到kubernetes上面&#xff0c;二者有不少功能是重复的&#xff0c;可否精简。 这里主要是讲述一下如果不使用独立的服务发现&am…

SpringMVC注解及使用规则

文章目录 前言一、SpringMVC注解是什么&#xff1f;二、使用步骤1.注解使用2创建JSP3 SpringMVC视图1. 逻辑视图&#xff08;Logical View&#xff09;2. 物理视图&#xff08;Physical View&#xff09;区别和关系 4 SpringMVC注解总结 总结 前言 提示&#xff1a;这里可以添…

建立一个简单的网页音乐盒模型效果#css#h5

“音乐盒”可以看做一个大盒子&#xff0c;用<div>标签进行定义。大盒子的上面为文本内容&#xff0c;可以在<div>标签中嵌套<h2>和<p>标签来实现&#xff1b;大盒子下面为图像&#xff0c;通过在<div>标签中嵌套<img/>标签来实现。 样式…

[Python人工智能] 四十五.命名实体识别 (6)利用keras构建CNN-BiLSTM-ATT-CRF实体识别模型(注意力问题探讨)

从本专栏开始,作者正式研究Python深度学习、神经网络及人工智能相关知识。前文讲解融合Bert的实体识别研究,使用bert4keras和kears包来构建Bert+BiLSTM-CRF模型。这篇文章将详细结合如何利用keras和tensorflow构建基于注意力机制的CNN-BiLSTM-ATT-CRF模型,并实现中文实体识别…