。

为了继续丰富我们的工具箱#xff0c;今天我们就再增加一个平时经常用到的功能吧#xff0c;就是「

时间戳转换

」功能#xff0c;而且实现点击按钮后文字进行变…上篇文章我们用

Qt5

实现了在小工具箱中添加了《JSON数据格式化》功能还是比较实用的。

为了继续丰富我们的工具箱今天我们就再增加一个平时经常用到的功能吧就是「

时间戳转换

」功能而且实现点击按钮后文字进行变更的处理逻辑。

下面我们就来看看如何来规划开发一个这样的小功能并且添加到我们的工具箱中吧。

老规矩先看效果

这次我们还增加了一个文本提示在此输入日期时间或时间戳当下方文本框输入内容后该提示就会消失。

其实这个模拟的是占位符的效果。

时间戳与日期时间转换器

实现将日期时间转换为时间戳以及将时间戳转换为日期时间的功能。

PlaceholderTextEdit

这些功能集合涵盖了常用的文本处理和格式转换功能让用户能够方便地进行日期时间与时间戳之间的转换。

同时通过

PlaceholderTextEdit

*(QCoreApplication::instance()))class

PlaceholderTextEdit

QVBoxLayout(this);placeholderLabel

new

this);layout-addWidget(placeholderLabel);textEdit

new

QTextEdit(this);layout-addWidget(textEdit);connect(textEdit,

this,

PlaceholderTextEdit::checkPlaceholder);checkPlaceholder();

getText()

textEdit-toPlainText();}private

slots:void

{placeholderLabel-setVisible(textEdit-toPlainText().isEmpty());}private:QLabel

*textEdit;

DateTimeTimestampConverter(QWidget

*parent

QVBoxLayout(this);inputTextEdit

new

PlaceholderTextEdit(在此输入日期时间或时间戳,

this);layout-addWidget(inputTextEdit);convertToTimestampButton

new

this);connect(convertToTimestampButton,

this,

DateTimeTimestampConverter::convertToTimestamp);layout-addWidget(convertToTimestampButton);convertToDateTimeButton

new

this);connect(convertToDateTimeButton,

this,

DateTimeTimestampConverter::convertToDateTime);layout-addWidget(convertToDateTimeButton);outputTextEdit

new

QTextEdit(this);outputTextEdit-setReadOnly(true);layout-addWidget(outputTextEdit);setLayout(layout);}private

slots:void

inputTextEdit-getText();QDateTime

dateTime

QDateTime::fromString(inputText,

yyyy-MM-dd

dateTime.toSecsSinceEpoch();outputTextEdit-setText(QString::number(timestamp));}

else

{outputTextEdit-setText(无效的日期时间格式);}}void

convertToDateTime()

dateTime;dateTime.setSecsSinceEpoch(timestamp);outputTextEdit-setText(时间戳

inputText

{outputTextEdit-setText(无效的时间戳格式);}}private:QPushButton

*convertToTimestampButton;QPushButton

*convertToDateTimeButton;QTextEdit

*outputTextEdit;PlaceholderTextEdit

*inputTextEdit;

QVBoxLayout(this);inputTextEdit

new

QTextEdit(this);layout-addWidget(inputTextEdit);formatButton

new

JsonFormatter::formatJson);layout-addWidget(formatButton);outputTextEdit

new

QTextEdit(this);outputTextEdit-setReadOnly(true);layout-addWidget(outputTextEdit);setLayout(layout);}private

slots:void

inputTextEdit-toPlainText();QJsonParseError

jsonDoc

QJsonDocument::fromJson(inputText.toUtf8(),

error);if

error.errorString());return;}QJsonObject

jsonObj

formattedJson(jsonObj);outputTextEdit-setText(formattedJson.toJson());}private:QTextEdit

*outputTextEdit;

QListWidget(this);updateList();

初始更新列表auto

ClipboardManager::clearClipboard);layout-addWidget(listWidget);layout-addWidget(clearButton);setLayout(layout);connect(myApp-clipboard(),

this,

ClipboardManager::updateList);}private

slots:void

{listWidget-addItem(clipboardText);}}}void

clearClipboard()

{myApp-clipboard()-clear();listWidget-clear();}private:QListWidget

*listWidget;

QPushButton(显示管理粘贴板记录);clipboardButton-setObjectName(clipboardButton);connect(clipboardButton,

this,

MyMainWindow::toggleClipboardManager);clipboardManager

new

ClipboardManager(this);clipboardManager-hide();layout-addWidget(clipboardManager);layout-addWidget(clipboardButton);auto

*jsonFormatButton

JSON);jsonFormatButton-setObjectName(jsonFormatButton);connect(jsonFormatButton,

this,

MyMainWindow::toggleJsonFormatter);jsonFormatter

new

JsonFormatter(this);jsonFormatter-hide();layout-addWidget(jsonFormatter);layout-addWidget(jsonFormatButton);auto

new

QPushButton(显示时间戳转换);timestampConverterButton-setObjectName(timestampConverterButton);connect(timestampConverterButton,

this,

MyMainWindow::toggleDateTimeTimestampConverter);timestampConverter

new

DateTimeTimestampConverter(this);timestampConverter-hide();layout-addWidget(timestampConverter);layout-addWidget(timestampConverterButton);setLayout(layout);}private

slots:void

findChildQPushButton*(clipboardButton);if

{if

{curButton-setText(隐藏管理粘贴板记录);}clipboardManager-show();}

else

{curButton-setText(显示管理粘贴板记录);}clipboardManager-hide();}}void

{auto*

findChildQPushButton*(jsonFormatButton);if

{if

JSON);}jsonFormatter-hide();}}void

toggleDateTimeTimestampConverter()

{auto*

findChildQPushButton*(timestampConverterButton);if

(timestampConverter-isHidden())

{if

{curButton-setText(隐藏时间戳转换);}timestampConverter-show();}

else

{curButton-setText(显示时间戳转换);}timestampConverter-hide();}}private:ClipboardManager

*clipboardManager;JsonFormatter

*jsonFormatter;DateTimeTimestampConverter

*timestampConverter;

mainWindow;mainWindow.show();return

}#include

DateTimeTimestampConverter(QWidget

*parent

QVBoxLayout(this);inputTextEdit

new

PlaceholderTextEdit(在此输入日期时间或时间戳,

this);layout-addWidget(inputTextEdit);convertToTimestampButton

new

this);connect(convertToTimestampButton,

this,

DateTimeTimestampConverter::convertToTimestamp);layout-addWidget(convertToTimestampButton);convertToDateTimeButton

new

this);connect(convertToDateTimeButton,

this,

DateTimeTimestampConverter::convertToDateTime);layout-addWidget(convertToDateTimeButton);outputTextEdit

new

QTextEdit(this);outputTextEdit-setReadOnly(true);layout-addWidget(outputTextEdit);setLayout(layout);

}这段代码是该类的构造函数。

它创建了一个垂直布局并添加了以下几个控件

PlaceholderTextEdit用于输入日期时间或时间戳带有占位符功能。

convertToTimestampButton

convertToDateTimeButton分别用于将输入转换为时间戳和日期时间的按钮。

outputTextEdit显示转换结果的只读文本编辑框。

1.2

inputTextEdit-getText();QDateTime

dateTime

QDateTime::fromString(inputText,

yyyy-MM-dd

dateTime.toSecsSinceEpoch();outputTextEdit-setText(QString::number(timestamp));}

else

{outputTextEdit-setText(无效的日期时间格式);}

}该槽函数对应日期时间转时间戳按钮的点击操作。

它获取用户输入的文本尝试将其解析为日期时间如果解析成功则将其转换为时间戳并在

outputTextEdit

dateTime;dateTime.setSecsSinceEpoch(timestamp);outputTextEdit-setText(时间戳

inputText

{outputTextEdit-setText(无效的时间戳格式);}

}这个槽函数对应时间戳转日期时间按钮的点击操作。

它获取用户输入的文本尝试将其解析为时间戳如果解析成功则将其转换为日期时间并在

outputTextEdit

QVBoxLayout(this);placeholderLabel

new

this);layout-addWidget(placeholderLabel);textEdit

new

QTextEdit(this);layout-addWidget(textEdit);connect(textEdit,

this,

PlaceholderTextEdit::checkPlaceholder);checkPlaceholder();

}这个构造函数接收一个占位符文本并创建了一个垂直布局然后添加了两个控件

placeholderLabel用于显示占位符文本的标签。

textEdit用于用户输入的文本编辑框。

2.2

{placeholderLabel-setVisible(textEdit-toPlainText().isEmpty());

}checkPlaceholder

这个类的主要作用是带有占位符功能的文本编辑框通过监测用户输入来显示或隐藏占位符文本。

当你调用

toggleDateTimeTimestampConverter

3.1

findChildQPushButton*(timestampConverterButton);这行代码使用

findChild

控件。

这个按钮的名称可能是在程序中设置的如下图箭头所指的位置。

3.2

(timestampConverter-isHidden())

{//

如果找到按钮将按钮的文本设置为“隐藏时间戳转换”curButton-setText(隐藏时间戳转换);}//

timestampConverter

如果找到按钮将按钮的文本设置为“显示时间戳转换”curButton-setText(显示时间戳转换);}//

timestampConverter

控件的当前状态。

如果它隐藏那么它会显示并且如果找到了按钮按钮的文本会更改为“隐藏时间戳转换”。

如果它当前是显示状态那么它会被隐藏并且按钮的文本将更改为“显示时间戳转换”。

这段代码能够动态地显示或隐藏