一文看明白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实现矢量路径的压缩、解压与可视化

《使用Python实现矢量路径的压缩、解压与可视化》在图形设计和Web开发中,矢量路径数据的高效存储与传输至关重要,本文将通过一个Python示例,展示如何将复杂的矢量路径命令序列压缩为JSON格式,... 目录引言核心功能概述1. 路径命令解析2. 路径数据压缩3. 路径数据解压4. 可视化代码实现详解1

python获取网页表格的多种方法汇总

《python获取网页表格的多种方法汇总》我们在网页上看到很多的表格,如果要获取里面的数据或者转化成其他格式,就需要将表格获取下来并进行整理,在Python中,获取网页表格的方法有多种,下面就跟随小编... 目录1. 使用Pandas的read_html2. 使用BeautifulSoup和pandas3.

PyQt6/PySide6中QTableView类的实现

《PyQt6/PySide6中QTableView类的实现》本文主要介绍了PyQt6/PySide6中QTableView类的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学... 目录1. 基本概念2. 创建 QTableView 实例3. QTableView 的常用属性和方法

Python装饰器之类装饰器详解

《Python装饰器之类装饰器详解》本文将详细介绍Python中类装饰器的概念、使用方法以及应用场景,并通过一个综合详细的例子展示如何使用类装饰器,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录1. 引言2. 装饰器的基本概念2.1. 函数装饰器复习2.2 类装饰器的定义和使用3. 类装饰

PyQt6/PySide6中QTreeView类的实现

《PyQt6/PySide6中QTreeView类的实现》QTreeView是PyQt6或PySide6库中用于显示分层数据的控件,本文主要介绍了PyQt6/PySide6中QTreeView类的实现... 目录1. 基本概念2. 创建 QTreeView 实例3. QTreeView 的常用属性和方法属性

Python 交互式可视化的利器Bokeh的使用

《Python交互式可视化的利器Bokeh的使用》Bokeh是一个专注于Web端交互式数据可视化的Python库,本文主要介绍了Python交互式可视化的利器Bokeh的使用,具有一定的参考价值,感... 目录1. Bokeh 简介1.1 为什么选择 Bokeh1.2 安装与环境配置2. Bokeh 基础2

如何使用 Python 读取 Excel 数据

《如何使用Python读取Excel数据》:本文主要介绍使用Python读取Excel数据的详细教程,通过pandas和openpyxl,你可以轻松读取Excel文件,并进行各种数据处理操... 目录使用 python 读取 Excel 数据的详细教程1. 安装必要的依赖2. 读取 Excel 文件3. 读

Python的time模块一些常用功能(各种与时间相关的函数)

《Python的time模块一些常用功能(各种与时间相关的函数)》Python的time模块提供了各种与时间相关的函数,包括获取当前时间、处理时间间隔、执行时间测量等,:本文主要介绍Python的... 目录1. 获取当前时间2. 时间格式化3. 延时执行4. 时间戳运算5. 计算代码执行时间6. 转换为指

利用Python调试串口的示例代码

《利用Python调试串口的示例代码》在嵌入式开发、物联网设备调试过程中,串口通信是最基础的调试手段本文将带你用Python+ttkbootstrap打造一款高颜值、多功能的串口调试助手,需要的可以了... 目录概述:为什么需要专业的串口调试工具项目架构设计1.1 技术栈选型1.2 关键类说明1.3 线程模

Python ZIP文件操作技巧详解

《PythonZIP文件操作技巧详解》在数据处理和系统开发中,ZIP文件操作是开发者必须掌握的核心技能,Python标准库提供的zipfile模块以简洁的API和跨平台特性,成为处理ZIP文件的首选... 目录一、ZIP文件操作基础三板斧1.1 创建压缩包1.2 解压操作1.3 文件遍历与信息获取二、进阶技