随笔 - 632  文章 - 17  评论 - 54  阅读 - 93万

Qt自定义QLineEdit

一、概述

  自定义QLineEdit,让QLineEdit变的好看一点。

  实现效果:

    1.普通输入(可以输入汉字、字符、数字)

    2.只能输入数字

    3.密码模式输入框

二、代码示例

  1.创建EditText.h和EditText.cpp [默认样式]

复制代码
#include "EditText.h"

EditText::EditText(QWidget *parent)
    : QLineEdit(parent)
{
    //这里设置一个默认的样式
    QString css = StyleHelper::getStyleSheet(StyleConfig::COMMON_EDITTEXT_DEFAULT());
    this->setStyleSheet(css);
}

EditText::~EditText()
{
}
复制代码

  2.使用EditText

复制代码
//普通文本框通用样式
EditText* et = new EditText(this);
et->move(5, btn3->y() + btn3->height() + 5);
et->setPlaceholderText("请输入用户名");
et->resize(200, 36);

//设置只允许输入数字
EditText* et2 = new EditText(this);
et2->move(5, et->y() + et->height() + 5);
et2->setPlaceholderText("请输入手机号");
et2->resize(200, 36);
et2->setMaxLength(11);//限制输入框可输入的最大长度,其输入内容为长度-1,以此输入框为例,只能输入11个数字
QRegExp regExp("[0-9]*"); // 只允许输入数字
et2->setValidator(new QRegExpValidator(regExp));

//设置密码框模式
EditText* et3 = new EditText(this);
et3->move(5, et2->y()+ et2->height() + 5);
et3->setPlaceholderText("请输入密码");
et3->resize(200, 36);
et3->setMaxLength(16);
et3->setEchoMode(EditText::Password);//设置输入框为密码模式
复制代码

  3.按钮演示效果

 

posted on   飘杨......  阅读(332)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探
历史上的今天:
2022-11-28 SDP字段解释一览表
2013-11-28 eclipse中查看安装的所有插件,并选择性的将其卸载
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示