464 lines
17 KiB
QML
464 lines
17 KiB
QML
// ==============================================
|
||
// =============== 功能页：二维码 ===============
|
||
// ==============================================
|
||
|
||
import QtQuick 2.15
|
||
|
||
import ".."
|
||
import "../../Widgets"
|
||
import "../../Widgets/ResultLayout"
|
||
import "../../Widgets/ImageViewer"
|
||
|
||
TabPage {
|
||
id: tabPage
|
||
// 配置
|
||
configsComp: QRCodeConfigs {
|
||
// 修改配置信号触发后，延迟一个事件循环，重新生成二维码图片
|
||
onReBarcode: Qt.callLater(reWriteBarcode)
|
||
}
|
||
|
||
// ========================= 【逻辑】 =========================
|
||
|
||
// 开始截图
|
||
function screenshot() {
|
||
qmlapp.imageManager.screenshot(screenshotEnd)
|
||
}
|
||
// 截图完毕
|
||
function screenshotEnd(clipID) {
|
||
popMainWindow()
|
||
if(!clipID) {
|
||
return
|
||
}
|
||
const configDict = configsComp.getValueDict()
|
||
tabPage.callPy("scanImgID", clipID, configDict)
|
||
qmlapp.tab.showTabPageObj(tabPage) // 切换标签页
|
||
}
|
||
|
||
// 开始粘贴
|
||
function paste() {
|
||
popMainWindow()
|
||
const res = qmlapp.imageManager.getPaste()
|
||
if(res.error) {
|
||
qmlapp.popup.simple(qsTr("获取剪贴板异常"), res.error)
|
||
return
|
||
}
|
||
if(res.text) {
|
||
qmlapp.popup.simple(qsTr("剪贴板中为文本"), res.text)
|
||
return
|
||
}
|
||
qmlapp.tab.showTabPageObj(tabPage) // 切换标签页
|
||
if(res.imgID) { // 图片
|
||
imageText.showImgID(res.imgID)
|
||
const configDict = configsComp.getValueDict()
|
||
tabPage.callPy("scanImgID", res.imgID, configDict)
|
||
}
|
||
else if(res.paths) { // 地址
|
||
scanPaths(res.paths)
|
||
}
|
||
}
|
||
|
||
// 异步加载一批图像路径
|
||
function scanPaths(paths) {
|
||
qmlapp.asynFilesLoader.run(paths,"image",false,onScanPaths)
|
||
}
|
||
// 完毕后，对合法路径进行扫码
|
||
function onScanPaths(paths) {
|
||
if(!paths || paths.length < 1) {
|
||
qmlapp.popup.simple(qsTr("无有效图片"), "")
|
||
return
|
||
}
|
||
const configDict = configsComp.getValueDict()
|
||
const simpleType = configDict["other.simpleNotificationType"]
|
||
qmlapp.popup.simple(qsTr("导入%1条图片路径").arg(paths.length), "", simpleType)
|
||
imageText.showPath(paths[0])
|
||
tabPage.callPy("scanPaths", paths, configDict)
|
||
}
|
||
|
||
// 弹出主窗口
|
||
function popMainWindow() {
|
||
// 若主窗口已经可见，则不处理
|
||
if(qmlapp.mainWin.getVisibility())
|
||
return
|
||
// 等一回合再弹，防止与收回截图窗口相冲突
|
||
if(configsComp.getValue("action.popMainWindow")) {
|
||
Qt.callLater(()=>{
|
||
qmlapp.mainWin.loadGeometry(false)
|
||
qmlapp.mainWin.setVisibility(true)
|
||
})
|
||
}
|
||
}
|
||
|
||
// 生成二维码
|
||
function writeBarcode(text) {
|
||
if(!text || text.length===0)
|
||
return
|
||
setRunning(true)
|
||
const configDict = configsComp.getValueDict()
|
||
const format = configDict["writeBarcode.format"]
|
||
const w = configDict["writeBarcode.width"]
|
||
const h = configDict["writeBarcode.height"]
|
||
const quiet_zone = configDict["writeBarcode.quiet_zone"]
|
||
const ec_level = configDict["writeBarcode.ec_level"]
|
||
const imgID = tabPage.callPy("writeBarcode", text, format, w, h, quiet_zone, ec_level)
|
||
setRunning(false)
|
||
if(imgID.startsWith("[Error]") || imgID.startsWith("[Warning]")) {
|
||
if(imgID.startsWith("[Error] [")) {
|
||
const msg = qsTr("参数有误，或输入内容不合规定。请参照报错指示修改：") +"\n"+ imgID
|
||
qmlapp.popup.message(qsTr("生成二维码失败"), msg, "error")
|
||
}
|
||
else {
|
||
qmlapp.popup.message(qsTr("生成二维码失败"), imgID, "error")
|
||
}
|
||
return
|
||
}
|
||
imageText.showImgID(imgID)
|
||
}
|
||
// 立刻重新生成二维码图片
|
||
function reWriteBarcode() {
|
||
writeBarcode(writeEdit.text)
|
||
}
|
||
|
||
|
||
// ========================= 【python调用qml】 =========================
|
||
|
||
// 获取一个扫码的返回值
|
||
function onQRCodeGet(res, imgID="", imgPath="") {
|
||
// 添加到结果
|
||
if(imgID) // 图片类型
|
||
imageText.showImgID(imgID)
|
||
else if(imgPath) // 地址类型
|
||
imageText.showPath(imgPath)
|
||
// 路径转文件名
|
||
const parts = imgPath.split("/")
|
||
res.title = parts[parts.length - 1]
|
||
imageText.showTextBoxes(res)
|
||
const resText = resultsTableView.addOcrResult(res)
|
||
// 若tabPanel面板的下标没有变化过，则切换到记录页
|
||
if(tabPanel.indexChangeNum < 2)
|
||
tabPanel.currentIndex = 1
|
||
// 复制到剪贴板
|
||
const copy = configsComp.getValue("action.copy")
|
||
if(copy && resText!="")
|
||
qmlapp.utilsConnector.copyText(resText)
|
||
// 弹出通知
|
||
showSimple(res, resText, copy)
|
||
// 升起主窗口
|
||
popMainWindow()
|
||
}
|
||
|
||
// 任务完成后发送通知
|
||
function showSimple(res, resText, isCopy) {
|
||
// 获取弹窗类型
|
||
let simpleType = configsComp.getValue("other.simpleNotificationType")
|
||
if(simpleType==="default") {
|
||
simpleType = qmlapp.globalConfigs.getValue("window.simpleNotificationType")
|
||
}
|
||
const code = res.code
|
||
const time = res.time.toFixed(2)
|
||
let title = ""
|
||
resText = resText.replace(/\n/g, " ") // 换行符替换空格
|
||
if(code === 100 || code === 101) { // 成功时，不发送内部弹窗
|
||
if(simpleType==="inside" || simpleType==="onlyInside")
|
||
if(qmlapp.mainWin.getVisibility())
|
||
return
|
||
}
|
||
if(code === 100) {
|
||
if(isCopy) title = qsTr("已复制到剪贴板")
|
||
else title = qsTr("识图完成")
|
||
}
|
||
else if(code === 101) {
|
||
title = qsTr("无文字")
|
||
resText = ""
|
||
}
|
||
else {
|
||
title = qsTr("识别失败")
|
||
}
|
||
title += ` - ${time}s`
|
||
qmlapp.popup.simple(title, resText, simpleType)
|
||
}
|
||
|
||
// 设置运行状态
|
||
function setRunning(flag) {
|
||
running = flag
|
||
}
|
||
|
||
// ========================= 【事件管理】 =========================
|
||
|
||
Component.onCompleted: {
|
||
eventSub() // 订阅事件
|
||
}
|
||
// 关闭页面
|
||
function closePage() {
|
||
eventUnsub()
|
||
delPage()
|
||
}
|
||
// 订阅事件
|
||
function eventSub() {
|
||
qmlapp.pubSub.subscribeGroup("<<qrcode_screenshot>>", this, "screenshot", ctrlKey)
|
||
qmlapp.pubSub.subscribeGroup("<<qrcode_paste>>", this, "paste", ctrlKey)
|
||
qmlapp.systemTray.addMenuItem("<<qrcode_screenshot>>", qsTr("扫描二维码"), screenshot)
|
||
}
|
||
// 取消订阅事件
|
||
function eventUnsub() {
|
||
qmlapp.systemTray.delMenuItem("<<qrcode_screenshot>>")
|
||
qmlapp.pubSub.unsubscribeGroup(ctrlKey)
|
||
}
|
||
|
||
// ========================= 【布局】 =========================
|
||
property bool running: false
|
||
// 主区域：可切换双栏面板
|
||
DoubleSwitchableLayout {
|
||
id: doubleLayout
|
||
saveKey: "QRCode_1"
|
||
anchors.fill: parent
|
||
|
||
// 面板A：图像展示
|
||
itemA: Panel {
|
||
anchors.fill: parent
|
||
clip: true
|
||
// 顶部控制栏
|
||
Item {
|
||
id: dLeftTop
|
||
anchors.top: parent.top
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
anchors.margins: size_.spacing
|
||
height: size_.line * 1.5
|
||
// 靠右
|
||
Row {
|
||
id: dLeftTopR
|
||
anchors.top: parent.top
|
||
anchors.right: parent.right
|
||
anchors.bottom: parent.bottom
|
||
spacing: size_.smallSpacing
|
||
|
||
IconButtonBar {
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
btnList: [
|
||
{
|
||
icon: "menu",
|
||
onClicked: imageText.popupMenu,
|
||
toolTip: tr("右键菜单"),
|
||
},
|
||
{
|
||
icon: "save",
|
||
onClicked: imageText.saveImage,
|
||
toolTip: tr("保存图片"),
|
||
},
|
||
{
|
||
icon: "full_screen",
|
||
onClicked: imageText.imageFullFit,
|
||
toolTip: tr("图片大小：适应窗口"),
|
||
},
|
||
{
|
||
icon: "one_to_one",
|
||
onClicked: imageText.imageScaleAddSub,
|
||
toolTip: tr("图片大小：实际"),
|
||
},
|
||
]
|
||
}
|
||
// 百分比显示
|
||
Text_ {
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
verticalAlignment: Text.AlignVCenter
|
||
horizontalAlignment: Text.AlignRight
|
||
text: (imageText.scale*100).toFixed(0) + "%"
|
||
color: theme.subTextColor
|
||
width: size_.line * 2.5
|
||
}
|
||
}
|
||
// 靠左
|
||
Rectangle { // 背景
|
||
anchors.left: parent.left
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
width: dLeftTopL.width
|
||
color: theme.bgColor
|
||
Rectangle {
|
||
anchors.fill: parent
|
||
color: theme.coverColor1
|
||
}
|
||
}
|
||
Row {
|
||
id: dLeftTopL
|
||
anchors.left: parent.left
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
spacing: size_.smallSpacing
|
||
|
||
IconButtonBar {
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
btnList: [
|
||
{
|
||
icon: "screenshot",
|
||
onClicked: tabPage.screenshot,
|
||
color: theme.textColor,
|
||
bgColor: theme.bgColor,
|
||
text: tr("截图"),
|
||
toolTip: tr("屏幕截图"),
|
||
},
|
||
{
|
||
icon: "paste",
|
||
onClicked: tabPage.paste,
|
||
color: theme.textColor,
|
||
bgColor: theme.bgColor,
|
||
text: tr("粘贴"),
|
||
toolTip: tr("粘贴图片"),
|
||
},
|
||
]
|
||
}
|
||
}
|
||
}
|
||
// 图片预览区域
|
||
ImageWithText {
|
||
id: imageText
|
||
anchors.top: dLeftTop.bottom
|
||
anchors.bottom: parent.bottom
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
anchors.margins: size_.spacing
|
||
anchors.topMargin: size_.smallSpacing
|
||
|
||
// 加载中 动态图标
|
||
Loading {
|
||
text: "Running"
|
||
visible: running
|
||
anchors.centerIn: parent
|
||
}
|
||
// 提示
|
||
DefaultTips {
|
||
visibleFlag: running
|
||
anchors.fill: parent
|
||
tips: qsTr("截图、拖入或粘贴二维码图片")
|
||
}
|
||
}
|
||
}
|
||
|
||
// 面板B：结果
|
||
itemB: Panel {
|
||
anchors.fill: parent
|
||
|
||
TabPanel {
|
||
id: tabPanel
|
||
anchors.fill: parent
|
||
anchors.margins: size_.spacing
|
||
isMenuTop: doubleLayout.isRow // 左右布局时，菜单在顶部；上下布局时菜单在底部
|
||
menuHeight: size_.line * 1.5
|
||
|
||
// 结果面板
|
||
ResultsTableView {
|
||
id: resultsTableView
|
||
anchors.fill: parent
|
||
visible: false
|
||
}
|
||
|
||
//生成面板
|
||
Item {
|
||
id: writePanel
|
||
anchors.fill: parent
|
||
visible: false
|
||
Item {
|
||
id: writePanelTop
|
||
anchors.top: parent.top
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
height: size_.line * 1.5
|
||
|
||
Button_ {
|
||
id: writePanelBtn1
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
anchors.left: parent.left
|
||
text_: qsTr("设置")
|
||
onClicked: {
|
||
tabPanel.currentIndex = 0 // 转到设置面板
|
||
configsComp.panelComponent.scrollToGroup(3) // 滚动到生成设置
|
||
}
|
||
}
|
||
Row {
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
anchors.right: parent.right
|
||
CheckButton {
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
text_: qsTr("自动刷新")
|
||
toolTip: qsTr("修改文字后，自动生成二维码/条形码")
|
||
visible: writePanelTop.width > writePanelBtn1.width+writePanelBtn2.width+this.width
|
||
textColor_: theme.textColor
|
||
checked: writeEdit.autoUpdate
|
||
enabledAnime: true
|
||
onCheckedChanged: {
|
||
writeEdit.autoUpdate = checked
|
||
}
|
||
}
|
||
Button_ {
|
||
id: writePanelBtn2
|
||
anchors.top: parent.top
|
||
anchors.bottom: parent.bottom
|
||
text_: qsTr("刷新")
|
||
toolTip: qsTr("生成二维码/条形码")
|
||
onClicked: reWriteBarcode()
|
||
}
|
||
}
|
||
}
|
||
Rectangle {
|
||
anchors.top: writePanelTop.bottom
|
||
anchors.left: parent.left
|
||
anchors.right: parent.right
|
||
anchors.bottom: parent.bottom
|
||
anchors.topMargin: size_.smallSpacing
|
||
color: theme.bgColor
|
||
border.width: 1
|
||
border.color: theme.coverColor4
|
||
TextEdit_ {
|
||
id: writeEdit
|
||
anchors.fill: parent
|
||
anchors.margins: size_.spacing
|
||
// 自动刷新
|
||
property bool autoUpdate: true
|
||
// 文字输入改变时，等待一段时间，自动刷新
|
||
Timer {
|
||
id: writeEditTimer
|
||
interval: 500 // 0.5 秒
|
||
repeat: false
|
||
onTriggered: reWriteBarcode()
|
||
}
|
||
onTextChanged: {
|
||
if(autoUpdate) // 重启计时器
|
||
writeEditTimer.restart()
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
tabsModel: [
|
||
{
|
||
"key": "configs",
|
||
"title": qsTr("设置"),
|
||
"component": configsComp.panelComponent,
|
||
},
|
||
{
|
||
"key": "ocrResult",
|
||
"title": qsTr("记录"),
|
||
"component": resultsTableView,
|
||
},
|
||
{
|
||
"key": "writePanel",
|
||
"title": qsTr("生成"),
|
||
"component": writePanel,
|
||
},
|
||
]
|
||
}
|
||
}
|
||
}
|
||
|
||
// 鼠标拖入图片
|
||
DropArea_ {
|
||
anchors.fill: parent
|
||
callback: tabPage.scanPaths
|
||
}
|
||
} |