touchGFX控件学习二、Tiled Image控件

最新推荐文章于 2024-12-29 00:00:00 发布

小灰灰搞电子

最新推荐文章于 2024-12-29 00:00:00 发布

阅读量529

点赞数

CC 4.0 BY-SA版权

分类专栏： touchGFX开发技术文章标签：学习 ui c#

本文链接：https://blog.csdn.net/qq_15181569/article/details/127007487

touchGFX开发技术专栏收录该内容

28 篇文章

订阅专栏

一、控件介绍

平铺图像是一个能够显示平铺位图的简单小部件。这意味着当“平铺图像”大于所提供的位图时，位图将水平和垂直重复。位图可以与背景进行alpha混合，并具有透明区域。
在这里插入图片描述
控件属性：

二、准备用到的素材

将素材另存为保存就行
在这里插入图片描述

三、touchGFX Designer工程搭建

1、放置一个背景

在这里插入图片描述

2、添加图片资源

在这里插入图片描述

2、添加Tiled Image控件

在这里插入图片描述
需要注意的是两个backgroundLayer要重叠到一起，三个控件都不需要过多设置

2、生成代码

在这里插入图片描述

四、代码修改

让图片水平动起来

打开Screen1View.hpp文件声明void handleTickEvent();函数
在这里插入图片描述
打开Screen1View.cpp函数实现

void Screen1View::handleTickEvent()
{
    static int timCnt=0;
    timCnt++;
    if(timCnt >=2)
    {
        timCnt = 0;
        ground.setOffset(ground.getXOffset() + 4, 0);
        ground.invalidate();

        backgroundLayer01.setOffset(backgroundLayer01.getXOffset() + 1, 0);
        backgroundLayer01.invalidate();

        backgroundLayer02.setOffset(backgroundLayer02.getXOffset() + 2, 0);
        backgroundLayer02.invalidate();
    }
}