java串口调试助手_基于 QML的 串口调试助手

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_38416696/article/details/80926090

Qt版本 5.10.0

一，界面如下

二，main.qml

import QtQuick 2.9

import QtQuick.Controls 2.3

import QtQuick.Controls.Material 2.3

import QtQuick.Controls.Styles 1.4

import QtQuick.Layouts 1.3

import "./UI"

ApplicationWindow {

id:root

visible: true

width: 640

height: 480

title: qsTr("串口调试助手")

font.pointSize: 9

Material.theme: Material.Light

Material.accent: Material.Red

Material.foreground: Material.Dark

header:ToolBar {//工具栏

RowLayout {

}

}

Rectangle{

id:rootRectangle

anchors.fill: parent

anchors.margins: 5

//设置

LeftArea{

id:leftArea

anchors.left: rootRectangle.left

anchors.top: rootRectangle.top

width: 180

height: parent.height

}

//发送 与接收显示

CenterArea{

id:centerArea

anchors.left: leftArea.right

anchors.top: parent.top

anchors.right: parent.right

anchors.bottom: parent.bottom

showSend: leftArea.showSend

repeatSend: leftArea.repeatSend

}

}

}

三，左侧 设置

import QtQuick 2.0

import QtQuick.Layouts 1.3

import QtQuick.Controls 2.3

Rectangle{

border.color: "#d7cfcf"