使用TouchGFX开发STM32界面应用之入门篇（四）-- 定制控件-1
2020-7-10 14:16
- ST MCU
- 26
- 1033
作者：海东青电子
链接：https://www.jianshu.com/p/7c9a0533c600
来源：简书
著作权归作者所有。商业转载 ...
有2个问题需要解决：1）界面上的20个 menu item 图标、文字都是相同的，实际应用中这些肯定都是不同的；2） ...
至此，界面工作完成，先用VC模拟器运行一下：
用鼠标上下拖动界面，菜单条会跟着滑动。 ...
然后，再“盖上”一个前景图 overlay.png ，这个界面有点儿酷了吧：
关键一步：在 Item Template下拉框中，选择我们创建的 MenuElement、并修改2个参数，如下图：
...
然后点击 Scroll Wheel 控件、并设置属性：
下面开始使用这个控件“组合”出一个滑动菜单界面，核心是使用TouchGFX自带的 Scroll Wheel 控件。先删除掉 ...
然后，鼠标点击 MenuElement 控件，控件显示如下（有点小酷的样子了吧^_^）：
...
先试试自己创建的控件好不好用。为了用全黑色背景衬托控件中的文字，先放置一个全黑的 Box With Border 控 ...
Ctrl+S 保存，然后回到Screens面板，在控件栏的最下面可以看到用户刚刚创建的定制控件 MenuElement：
...
修改20号字体的通配符数字范围：
并且如下图所示修改通配符：
再添加一个TextArea控件：
点击 icon00.png 那个电话图标，并修改属性如下图：
然后，点击下图左上角的 + 号，创建用户定制的控件：
在Designer中会自动显示加入的图片：
使用TouchGFX开发STM32界面应用之入门篇（四）-- 定制控件-2
2020-7-10 14:24
- ST MCU
- 19
- 2029
其中的传入参数 no 是menu item 的下标编号（自动从0编号到19），通过 itoa() 转换成字符、附加在每一个ite ...
为了方便，在MenuElement.hpp的类中创建一个名为 setNumber() 的函数完成修改图标，然后在scrollWheelUpdat ...
当滑动ScrollWhell控件时，TouchGFX框架会在View中调用一个虚函数：scrollWheelUpdateItem()，在这个函数中 ...
海东青电子原创**，转载请注明出处：https://www.jianshu.com/p/d7a0d4b2ba63】
（实例代码下载地址：https ...
2
3
近期访客