emWin 2天速成实例教程016_不规则异形进度条控件实现方法

最新推荐文章于 2024-08-12 15:33:33 发布
原创 最新推荐文章于 2024-08-12 15:33:33 发布 · 5k 阅读 · 11
标签
#emWin #进度条 #三角形 #圆形 #单片机
本教程介绍了如何在emWin中实现不规则异形进度条，包括BMP位图和2D绘图两种方法。位图方式涉及图片转换和皮肤设置，2D绘图则利用自定义绘制函数创造各种形状。教程强调了emWin的Skinning皮肤和剪切显示的重要性，并提供了源码和软件下载。

备注：(1)打开工程目录下的"Exe\GUISimulationDebug.exe"即可看到效果。(2)看完教程000～005就基本会用emWin做项目，其他章节可以需要时再参考。

 

前言：

1)在emWin中，有两种方法实现不规则进度条：(1)BMP位图方式 (2)2D绘图方式

2)如果采用第(1)种方式，必须先熟悉：”emWin 2天速成实例教程014_BMP位图图片显示以及位图皮肤的使用方法”！

3)掌握emWin的Skinning皮肤和剪切显示的概念非常、非常重要！具体请看”教程014”最后面。

 

(1)BMP位图方式实现不规则进度条

准备以下两幅图片bi

最低0.47元/天 解锁文章
2D绘图画的带圆形端点的环形进度条——emWin
02-26
这是一个用emWin的2D绘图函数画的一个带圆形端点的环形进度条，压缩包里只有一个.c文件，是在模拟器上跑的。
圆形（环形）进度条
08-10
一个圆形（环形）的进度条，项目可以直接看效果，关于这个进度条的csdn博客https://blog.csdn.net/weixin_40998254/article/details/81560000
用emWin的2D绘图函数画一个带圆形端点的环形进度条
ZZZ_XXJ的博客
02-27 3244
先上效果图，首先是顺时针转： 然后是逆时针转： 大概讲一下思路吧，首先讲一下顺时针是怎么弄的，很简单。 画圆弧函数GUI_DrawArc有起始角度a0和终止角度a1两个参数，且a0必须小于a1否则无法显示，而且这个函数的角度正方向又是逆时针的，这就容易造成一个误解，以为起始角度a0和终止角度a1的值只能从0°逆时针增加到360°这么一个变化，换句话说，在a0不变时通过增加a1的值可以...
emWin 2天速成实例教程001_GUIBuilder的使用方法
玩转emWin
11-07 3万+
备注：(1)打开工程目录下的"Exe\GUISimulationDebug.exe"即可看到效果。(2)看完教程000～005就基本会用emWin做项目，其他章节可以需要时再参考。利用emWin的配套工具GUIBuilder，我们可实现组态、拖放式人机用户界面设计；GUIBuilder操作界面非常简单、一目了然；GUIBuilder生成的界面文件是标准C文件，将生成的C文件加到emWin工程中并在...
emWin 2天速成实例教程000_如何快速入门ucGUI/emWin
热门推荐
玩转emWin
11-25 4万+
emWin是一个嵌入式GUI图形库，GUI图形库的概念就好像它是一个平台，我们只需要在这个平台上通过其提供的方法写自己的用户界面应用程序就行，非常简单、便捷。如果没有这个GUI图形库，我们的应用程序还需要考虑按键、编辑框、下拉菜单等控件的绘制和实现，还需要管理各个控件、窗口、页面它们之间的相互关系，还需要做触摸屏/鼠标/键盘的管理等等，这是非常麻烦而且容易出错的事情...
emwin的进度条控件
骨头和狗的博客
07-21 6556
1 进度条控件介绍 进度条通常在应用程序中用于实现虚拟化，下面的截图是设置了皮肤和没有设置皮肤时的显示效果： 没有皮肤 有皮肤 2 程序代码： (程序是参考安福莱《stm32-V5开发板STemwin教程》)#include "stm32f10x.h" #include "bsp_led.h" #include "GUI.h" #include "diskio.h" #include
AWTK 异形进度条控件发布
国产开源 GUI 引擎 AWTK
04-24 4978
异形进度条控件。通过多边形来定义进度条的形状。 通过多边形定义进度条的形状 支持通过图片来定义进度条的背景 支持通过图片来定义进度条的前景
两天速成emwin教程集合
嵌入式学习记录站点
12-09 2478
emwin作为stm32跑gui的典型方式，对于想了解GUI的同学来说，很有必要学习一下，b站上的教程大约10几个小时左右，系统学习可能适合，但如果想速成可能有些困难，我在csdn上发现了一个比较好的快速入门emwin的教程，跟着学习配置，我们可以快速的入门emwin，做出一个基本的gui出来，满足一些基本项目需求，但这个教程的没有一个整合的目录，不方便收藏，所以我整合了一下他的目录，原作者是neqee，文内有他的链接
嵌入式界面--emWin
linuxarmsummary的专栏
08-11 2504
emWin学习课堂 06-25emWin 2天速成实例教程000_如何快速入门emWin/ucGUI 04-19emWin 2天速成实例教程018_emWin的工作原理以及GUI_Delay()_GUI_Exec()函数 02-22emWin 2天速成实例教程017_屏幕无操作进入待机状态的实现方法 09-26emWin 2天速成实例教程016_不规则异形进度条控件实现方法 09-26e...
解决VS2013运行emwin模拟器提示“无法启动程序.....找不到指定文件.exe“
weixin_42634914的博客
10-12 1564
VC6运行正常的emwin模拟器工程在VS2013却无法运行。、报错如下： 经过查找问题，先将解决方案放出 1.右击项目----进入属性面板----属性配置--常规 将“$(ProjectDir)Exe\”输入到 输出目录 将“$(ProjectDir)Output\Debug\”输入到 中间目录 目标文件名更改为“GUISimulationDebug” 完成后点“应用”如下图所示： 2.选择 “连接器-”-“常规” 将“$(ProjectDir)Exe\GUISimul...
带进度的圆形进度条的实现
刘信的博客
04-29 2031
今天通过自定义View来实现一个带进度的圆形进度条，实现的最终效果如下图所示： 现在来讲一下设计的思路：首先这个进度条可以自定义小圆角矩形的数量、小圆角矩形大小、小圆角矩形的圆角角度、未完成进度时的颜色，完成进度时的颜色、文字大小、文字颜色、圆形半径，所以需要自定义这些参数；那如何画这个圆形进度呢？我们需要先画一个小圆角矩形，再旋转画布再画矩形，如图这里有12个小圆角矩形，每次旋转360/1...
unity-----异步场景加载进度条的制作
戴耳环的土豆
08-03 381
准备两个场景 第一个场景制作一个button,之后添加panel,slider,text,将panel设置为隐藏 设置一个空物体，命名为loadmanager 为loadmanager添加脚本，代码如下 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.SceneManagement; /// &lt
异形半透明背景窗口(基于MFC)
07-26
基于MFC的半透明窗口（控件不透明）的实现。VC6.0代码。
弧形渐变进度条
12-15
弧形或圆形的渐变进度条。你也可以去掉代码中的渐变处理，变成普通的弧形进度条。另外里面还有带动画效果
WPF绘制进度条（弧形，圆形，异形）
星火燎猿
11-30 2929
WPF里面圆形进度条实现还比较麻烦，主要涉及到的就是动态绘制进度条的进度需要用到简单的数学算法。其实原理比较简单，我们需要的是话两条重叠的弧线，里面的弧线要比里面的弧线要宽，这样简单的雏形就出来了。我们可以用Path来绘制弧线，代码如下： 出来的效果： Path里面我们重点用到的就三个属性值：我们下面李来看一下如果我们不设置：，的效果图： 是不是很突兀。这个方案还算有趣，Ellipse 明明是圆形，却能用来画弧形。为了用 Ellipse 显示进度，我们会用 StrokeDashArray 控制它的边框长
用emWin进度条控件做个表盘控件,效果不错
玩转emWin
06-25 1万+
这几天突发奇想，为什么不用Progbar进度条控件改成表盘控件来用，因为它们性质和功能完全一样，只要把背景改一改，画个指针就完事，APP函数完全通用！自己还给它起了个好听的名字：ProgbarMeter控件。步骤如下：
28. 进度条控件
weixin_45731898的博客
10-26 328
在WM_PAINT消息中， 首先使用PROGBAR_GetValue函数获取进度条当前的值，然后将这个值加1后再通过PROGBAR_SetValue函数输入回进度条， if语句判断进度条的值是否到达100，如果到达100则设值为0，从头开始。此函数的第一个参数指向的是 代码清单:进度条-3 的资源表结构，但不使用其中的para参数， 其中的Flags参数的可选值与PROGBAR_CreateEx()函数的ExFlags参数相同，用于设置进度条方向。进度条（Progbar）控件也是一种用户数据可视化的控件。
css不规则图片进度条
m0_37378152的博客
09-28 469
1.准备2张图片：1张白色物体（初始状态）、1张完整形态（加载完成） 2.HTML、css <div class="person-container"> <div class="loading_person person"></div> <div class="person-div"> <div class="total_person perso
STM32——EMWIN 2D绘图（三）
戚晨夕的博客
04-07 5961
EMWIN 文章目录EMWIN前言一、图形库基本 API 简介1.画笔大小2.基本绘图例程二、Alpha 混色1.API函数2.代码演示三、其他绘图函数1.绘制线条2.其他图像绘制函数 前言 emWin 提供有完整的 2-D 图形库，我们可以使用这些 2-D 图形库来绘制一些 2D 图形 一、图形库基本 API 简介 1.画笔大小 在绘制图形的时候我们常常需要不同粗细的线条，其实就是改变画笔的大小，emWin 中提供了 2 个关于画笔大小的 API 函数：GUI_GetPenSize()和 GUI_SetP
emWin的2D绘图不显示问题
最新发布
Chouee_的博客
08-12 466
注意GUI_MULTIBUF_Begin()之后的绘图操作会在GUI_MULTIBUF_End()时一起显示，可以通俗的理解为遇到GUI_MULTIBUF_Begin()时拿出了一张透明纸，我们在上面完成一系列的绘画直到遇到GUI_MULTIBUF_End()时把这张纸直接放在WM_SelectWindow选择的那个窗口上。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值