QML如何实现窗口缩放隐藏

上面实现了窗口以矩形的方式进行缩放隐藏和显示。

实现介绍

该功能主要使用了QML动画中的NumberAnimation来实现，下面简单介绍一下NumberAnimation。
NumberAnimation顾名思义就是数字动画，可以改变类型为数值的属性，从而产生一系列的动画，例如，width，height，radius，scale等等。
相关属性介绍：

target: 目标
easing.type: 动画播放形式，详情：https://www.xuebuyuan.com/146517.html
properties:  对应的属性，例如"width","scale","height","x","y"
from: 启示状态值
to: 终止状态值
duration: 持续时间，单位ms

代码

import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Window 2.12Window {width:640height:480visible:trueRectangle{id: rootanchors.fill: parentcolor: "black"Rectangle {id: rect1radius: 20width:root.widthheight:root.heightcolor:"gray"NumberAnimation on scale { to: 0; duration: 5000}}Button {id:btn1text: "disable"anchors.centerIn: parentonClicked: {animation.start()}}Button {id:btn2text: "show"anchors.top: btn1.bottomanchors.topMargin: 20anchors.left: btn1.leftonClicked: {animation2.start()}}NumberAnimation {id: animationtarget: rect1easing.type: Easing.InCubicproperties:  "scale"to: 0duration: 500}NumberAnimation{id: animation2target: rect1easing.type: Easing.InCubicproperties:  "scale"to: 1duration: 500}}}

QML如何实现窗口缩放隐藏相关推荐

Python基础：第019课——窗口缩放事件、最小化状态及处理
视频观看视频参考: pygame事件完整解析 pygame中display模块介绍创建主窗口及绘制图像 Pygame 使用pygame.display.set_mode创建游戏的主窗口: scr ...
AE基础教程(3)——第3章合成窗口-缩放，网格，参考线使用
合成窗口-缩放,网格,参考线使用 1.导入素材新建合成: 双击文件打开素材,设置动画的开始和结束,其实就是剪辑原本的.第一个是开始时间,第二个是结束时间.截取一段即可. 将当前的项目中的这个文件拖入 ...
PyQt窗口FramelessWindowHint模式下自定义窗口缩放与移动功能（by 浅若清风cyf）
背景众所周知,PyQt的窗口支持隐藏系统默认的窗口,实现自定义窗口的样式. 但是,启用这种模式的窗口随之而来的问题是:无法使用系统默认的窗口缩放,窗口移动等功能.因此,今天博主带来自己编写的一个自定 ...
AE基础教程第一阶段——03合成窗口-缩放，网格，参考线使用
合成窗口-缩放,网格,参考线使用 1.导入素材新建合成双击文件打开素材,设置动画的开始和结束,其实就是剪辑原本的第一个是开始时间,第二个是结束时间截取一段即可将当前的项目中的这个文件拖入下方 ...
WPF的消息机制（二）- WPF内部的5个窗口之隐藏消息窗口
原文:WPF的消息机制(二)- WPF内部的5个窗口之隐藏消息窗口版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/powertoolsteam/ar ...
窗口缩放导致页面排版错乱的解决方法
窗口缩放导致页面排版错乱的解决方法参考文章: (1)窗口缩放导致页面排版错乱的解决方法 (2)https://www.cnblogs.com/mingdao/p/11115613.html 备忘一下 ...
[WPF疑难] 模式窗口被隐藏后重新显示时变成了非模式窗口
原文:[WPF疑难] 模式窗口被隐藏后重新显示时变成了非模式窗口 [WPF疑难] 模式窗口被隐藏后重新显示时变成了非模式窗口周银辉现象: 大家可以试试下面这个很有趣但会带来Defect的现象:当我 ...
网页缩放与窗口缩放_功能缩放—不同的Scikit-Learn缩放器的效果：深入研究
网页缩放与窗口缩放内部AI (Inside AI) In supervised machine learning, we calculate the value of the output vari ...
我的HEVC码流分析工具MFC小笔记：树形控件使用及窗口缩放
大约1个半月前,发布了自己写的HEVC码流分析工具.当时的版本显示语法元素使用是的Edit控件.很多主流分析工具都使用树形控件,看上去觉得比较高端,于是在纠结一天后下定决心自己也实现树形的HEVC语法 ...

QML如何实现窗口缩放隐藏

实现介绍

代码

QML如何实现窗口缩放隐藏相关推荐

最新文章

热门文章