《QWidget登录页面》登录注册效果

原创

于 2025-08-14 12:08:39 发布 · 265 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Qt #控件

承接QT程序开发，样式美化

实现了一个响应式表单界面，包含登录和注册表单的动画切换功能。主要特点包括：1) 创建无边框圆角窗口，支持拖动；2) 实现转场动画效果，通过QPropertyAnimation控制不同表单组件的位置变化；3) 提供两种状态切换（执行/重置）的动画序列控制；4) 包含欢迎界面和表单界面的平滑过渡。代码通过信号槽机制连接按钮事件与动画执行，并处理了窗口重绘、圆角裁剪和鼠标拖动事件。

#include "responsive_form.h"

Responsive_form::Responsive_form(QWidget *parent)
    : QWidget{parent}
{
    this->setFixedSize(955, 620);
    this->setWindowFlags(Qt::FramelessWindowHint);

    transparent_transition_interface2 = new Transparent_transition_interface("Welcome Back!", "Already have an account?", "Login", this);
    transparent_transition_interface2->button->animation_status(false);
    transparent_transition_interface2->move(this->width(), 0);

    registration_form = new Registration_form(this);
    registration_form->move(width(), 0);

    login_form = new Login_form(this);
    login_form->move(this->width() / 2, 0);

    scroll_bar = new Scroll_bar(this);
    scroll_bar->move(-width() * 1.5, 0);

    transparent_transition_interface = new Transparent_transition_interface("Hello, Welcome!", "Don't have an account?", "Register", this);
    transparent_transition_interface->move(0, 0);

    this->setRightShow();
    this->build_animation();

    connect(transparent_transition_interface->button, &Hollow_button::page_changed, this, &Responsive_form::execute_animation);
    connect(transparent_transition_inte