QT QML Lesson9:仿界面开发之QML动态按钮 State、Transition、PropertyAnimation、Connections、Canvas、Context2D

博客迁移

不恰饭的小站

目的

  1. 在QML中实现动态按钮
  2. 逐步仿制以下界面 这里写图片描述
  3. 仿制效果 这里写图片描述
    这里写图片描述

主要内容

  1. 动态按钮的思想:核心内容为属性变换PropertyAnimation,通过设置不同的State,切换不同的效果(点击,再次点击等),State由Connections进行连接,State切换过程中,通过Transition实现连续的动态效果,使用Canvas实现背景效果的显示;当前的背景显示中,中心按钮与环绕按钮共用一个中心点,环绕按钮通过Context2D绘制
  2. State、Transition、PropertyAnimation的使用
  3. Connections的使用
  4. Canvas、Context2D的使用

项目源码 https://gitee.com/lxmuyu/QML_Lesson.git

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值