一文看明白QML输入框的动画制作Python PySide6 Qt6 QML LineEdit 输入框

2024-08-24 00:44

本文主要是介绍一文看明白QML输入框的动画制作Python PySide6 Qt6 QML LineEdit 输入框,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1. 前言

  • 本代码为扫地僧-smile原创, 废话不多说, 直接看效果图由于录制的这个GIF图掉帧严重, 实际动画效果非常细腻

    在这里插入图片描述

2.看代码

  • 控件模块代码如下 SmileLineEdit.qml
import QtQuick
import QtQuick.Controls/* __author__: 扫地僧-smile */Rectangle {// 属性property int titleFontPixel: 15property int tipsFontPixel: 15property string tipsFontFamily: "微软雅黑"property string tipsText: "WebSite"property int borderWidth: 2property string borderInColor: "#3F80EA"property string borderOutColor: "#757575"property string borderColor: borderOutColorproperty int borderRadius: 5property int contentFontPixel: 15property string contentFontFamily: "微软雅黑"property string contentFontColor: "#3C4043"property int contentPadding: 10property int animationTime: 200property int maskWidth: 60id: rootwidth: 300height: 50border { color: borderColor; width: borderWidth }radius: borderRadiusBehavior on width {PropertyAnimation { duration: animationTime }}Rectangle {id: maskWidgetheight: 2width: 0x: contentPaddingy: 0color: "#FFFFFFFF"Behavior on width {PropertyAnimation { duration: animationTime }}}Text {id: tipsWidgetx: contentPaddingy: 15text: tipsTextfont { family: tipsFontFamily; pixelSize: tipsFontPixel }color: borderColorscale: 1horizontalAlignment: Text.AlignHRightBehavior on y {PropertyAnimation { duration: 200 }}Behavior on scale {PropertyAnimation { duration: 200 }}}TextInput {id: contentWidgetanchors.fill: rootanchors.margins: contentPaddinganchors.leftMargin: contentPaddingverticalAlignment: TextInput.AlignVCentercolor: contentFontColorfont { family: contentFontFamily; pixelSize: contentFontPixel }onFocusChanged: {if (activeFocus) {borderColor = borderInColormaskWidget.width = maskWidthtipsWidget.y = -10tipsWidget.scale = 0.8root.width = 400} else {if (text === "") {maskWidget.width = 0tipsWidget.y = 15tipsWidget.scale = 1.0root.width = 300}borderColor = borderOutColor}}MouseArea {width: parent.widthheight: parent.heightz: -1anchors.fill: parenthoverEnabled: trueonEntered: {cursorShape = Qt.PointingHandCursor}onExited: {cursorShape = Qt.ArrowCursor}}}
}
  • 入口文件 main.qml
import QtQuick
import QtQuick.Controls
import QtQuick.LayoutsWindow {width: 800height: 500visible: truetitle: "smile qml"ColumnLayout {id: mainLayoutanchors.centerIn: parentspacing: 50SmileLineEdit {tipsText: "WebSite"}SmileLineEdit {tipsText: "电子邮箱"}}
}

这篇关于一文看明白QML输入框的动画制作Python PySide6 Qt6 QML LineEdit 输入框的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/1100964

相关文章

Python使用自带的base64库进行base64编码和解码

《Python使用自带的base64库进行base64编码和解码》在Python中,处理数据的编码和解码是数据传输和存储中非常普遍的需求,其中,Base64是一种常用的编码方案,本文我将详细介绍如何使... 目录引言使用python的base64库进行编码和解码编码函数解码函数Base64编码的应用场景注意

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

Python如何使用__slots__实现节省内存和性能优化

《Python如何使用__slots__实现节省内存和性能优化》你有想过,一个小小的__slots__能让你的Python类内存消耗直接减半吗,没错,今天咱们要聊的就是这个让人眼前一亮的技巧,感兴趣的... 目录背景:内存吃得满满的类__slots__:你的内存管理小助手举个大概的例子:看看效果如何?1.

Python+PyQt5实现多屏幕协同播放功能

《Python+PyQt5实现多屏幕协同播放功能》在现代会议展示、数字广告、展览展示等场景中,多屏幕协同播放已成为刚需,下面我们就来看看如何利用Python和PyQt5开发一套功能强大的跨屏播控系统吧... 目录一、项目概述:突破传统播放限制二、核心技术解析2.1 多屏管理机制2.2 播放引擎设计2.3 专

Python中随机休眠技术原理与应用详解

《Python中随机休眠技术原理与应用详解》在编程中,让程序暂停执行特定时间是常见需求,当需要引入不确定性时,随机休眠就成为关键技巧,下面我们就来看看Python中随机休眠技术的具体实现与应用吧... 目录引言一、实现原理与基础方法1.1 核心函数解析1.2 基础实现模板1.3 整数版实现二、典型应用场景2

一文详解SpringBoot响应压缩功能的配置与优化

《一文详解SpringBoot响应压缩功能的配置与优化》SpringBoot的响应压缩功能基于智能协商机制,需同时满足很多条件,本文主要为大家详细介绍了SpringBoot响应压缩功能的配置与优化,需... 目录一、核心工作机制1.1 自动协商触发条件1.2 压缩处理流程二、配置方案详解2.1 基础YAML

Python实现无痛修改第三方库源码的方法详解

《Python实现无痛修改第三方库源码的方法详解》很多时候,我们下载的第三方库是不会有需求不满足的情况,但也有极少的情况,第三方库没有兼顾到需求,本文将介绍几个修改源码的操作,大家可以根据需求进行选择... 目录需求不符合模拟示例 1. 修改源文件2. 继承修改3. 猴子补丁4. 追踪局部变量需求不符合很

一文详解如何从零构建Spring Boot Starter并实现整合

《一文详解如何从零构建SpringBootStarter并实现整合》SpringBoot是一个开源的Java基础框架,用于创建独立、生产级的基于Spring框架的应用程序,:本文主要介绍如何从... 目录一、Spring Boot Starter的核心价值二、Starter项目创建全流程2.1 项目初始化(

python+opencv处理颜色之将目标颜色转换实例代码

《python+opencv处理颜色之将目标颜色转换实例代码》OpenCV是一个的跨平台计算机视觉库,可以运行在Linux、Windows和MacOS操作系统上,:本文主要介绍python+ope... 目录下面是代码+ 效果 + 解释转HSV: 关于颜色总是要转HSV的掩膜再标注总结 目标:将红色的部分滤

Python 中的异步与同步深度解析(实践记录)

《Python中的异步与同步深度解析(实践记录)》在Python编程世界里,异步和同步的概念是理解程序执行流程和性能优化的关键,这篇文章将带你深入了解它们的差异,以及阻塞和非阻塞的特性,同时通过实际... 目录python中的异步与同步:深度解析与实践异步与同步的定义异步同步阻塞与非阻塞的概念阻塞非阻塞同步