QT TOOLBUTTON 弹窗

QT ToolButton通常是指Qt库中的QToolButton控件，它是一个工具栏按钮，用于显示可点击的内容，如菜单、对话框或者执行特定操作。如果你想通过ToolButton弹出一个文件选择窗口让用户选择路径，可以利用QFileDialog或者QMessageBox结合自定义功能。 1. 使用QFileDialog： ```cpp QFileDialog dialog(this, tr("选取文件"), QDir::homePath(), tr("All Files (* (*.*))")); if (dialog.exec()) { QString filePath = dialog.selectedFiles().first(); // 获取用户选择的文件路径 qDebug() << "Selected file path: " << filePath; } ``` 这里，`dialog.exec()`会打开一个文件选择对话框，用户可以选择文件并确定后返回所选路径。 2. 如果需要一个简单的文本输入框，可以使用QMessageBox： ```cpp QString dirPath; QMessageBox::question(this, tr("选取目录"), tr("请选择一个目录:"), QMessageBox::Yes | QMessageBox::Cancel, QMessageBox::Yes) ? (dirPath = QStandardPaths::writableLocation(QStandardPaths::DesktopLocation)) : dirPath.clear(); ``` 这会弹出一个消息提示框，允许用户输入路径，但不如QFileDialog直观。

<think>好的，用户想用Python和PyQt5制作一个电子白板应用，需求挺详细的。首先，我得理清所有功能点，确保不遗漏。界面部分需要主窗口分为左侧工具栏和右侧画板，工具栏包含各种工具按钮和设置。 首先，主窗口的结构应该用QHBoxLayout，左侧工具栏用QVBoxLayout，右侧是画板。画板需要继承QWidget，并处理鼠标事件来实现绘图。工具栏里的按钮包括笔、橡皮、文字输入，这些可以用QRadioButton分组，确保同一时间只有一个工具被选中。 颜色选择部分，用户要求弹窗里有预定义的颜色和RGB滑竿。QColorDialog可能不够，需要自定义对话框。预定义颜色可以用QGridLayout排列按钮，点击时更新预览颜色。RGB滑竿用QSlider，值变化时更新预览颜色。预览区域可以用QLabel，设置背景色来显示当前选中的颜色。 粗细调节同样需要弹窗，使用QSlider调整，并实时显示粗细预览。可能用一个QPainter在预览区域画线，展示不同粗细的效果。 撤销和重做功能需要维护一个绘图动作的栈，每次绘图操作后保存状态。可以用QImage作为绘图表面，每次操作后保存副本，撤销时恢复到前一个状态。 保存功能要支持JPG和PNG，用QFileDialog获取保存路径，根据后缀名选择保存格式。 文字输入工具需要处理鼠标点击事件，弹出输入对话框，获取文本后绘制到画板上。这里要注意文字的位置和当前的颜色、字体设置。 背景颜色切换按钮需要修改画板的背景色，可能需要清空当前绘图，或者只是改变背景，这要看用户需求。可能每次切换背景颜色时，需要重新设置画板的背景，并刷新显示。 代码结构方面，主窗口类包含工具栏和画板，画板类处理绘图事件和存储绘图数据。工具按钮的信号连接到画板的方法，改变当前工具。颜色和粗细的弹窗在点击按钮时弹出，返回设置后的值，并更新画板的相应属性。 测试时要注意各个工具之间的切换是否正确，撤销重做的栈是否正常工作，颜色和粗细的预览是否实时更新，保存的图片是否包含所有绘制内容。 可能遇到的问题包括：绘图时的性能问题，特别是大量撤销步骤时内存占用；鼠标事件的处理是否正确，尤其是在拖动绘制时；颜色对话框的自定义实现是否灵活；文字输入的位置是否准确。 需要确保所有功能集成在一个窗口中，不要分开多个窗口，保持一体化。代码要结构清晰，方便后续维护和功能扩展。</think>以下是一个完整的PyQt5电子白板实现方案，代码包含详细注释和功能实现： ```python import sys from PyQt5.QtWidgets import * from PyQt5.QtCore import * from PyQt5.QtGui import * from functools import partial class Canvas(QWidget): def __init__(self): super().__init__() self.setMinimumSize(800, 600) self.setAutoFillBackground(True) self.bg_color = Qt.white self.setPalette(QPalette(self.bg_color)) # 绘图相关属性 self.drawing = False self.last_point = QPoint() self.pen_color = Qt.black self.pen_width = 2 self.tool = 'pen' self.history = [] # 绘图历史记录 self.redo_stack = [] # 重做栈 # 初始化画布 self.image = QImage(self.size(), QImage.Format_ARGB32) self.image.fill(self.bg_color) def set_bg_color(self, color): self.bg_color = color self.image.fill(color) self.update() def mousePressEvent(self, event): if event.button() == Qt.LeftButton: self.drawing = True self.last_point = event.pos() if self.tool == 'text': text, ok = QInputDialog.getText(self, '文字输入', '输入文字:') if ok: self.save_to_history() painter = QPainter(self.image) painter.setPen(QPen(self.pen_color, self.pen_width)) painter.drawText(event.pos(), text) self.update() def mouseMoveEvent(self, event): if self.drawing and self.tool in ['pen', 'eraser']: painter = QPainter(self.image) if self.tool == 'eraser': painter.setPen(QPen(self.bg_color, self.pen_width)) else: painter.setPen(QPen(self.pen_color, self.pen_width)) painter.drawLine(self.last_point, event.pos()) self.last_point = event.pos() self.update() def mouseReleaseEvent(self): self.drawing = False if self.tool != 'text': self.save_to_history() def paintEvent(self, event): painter = QPainter(self) painter.drawImage(0, 0, self.image) def save_to_history(self): self.history.append(self.image.copy()) self.redo_stack.clear() def undo(self): if len(self.history) > 1: self.redo_stack.append(self.history.pop()) self.image = self.history[-1].copy() self.update() def redo(self): if self.redo_stack: self.image = self.redo_stack.pop().copy() self.history.append(self.image.copy()) self.update() class ColorDialog(QDialog): def __init__(self, parent=None): super().__init__(parent) self.setWindowTitle('选择颜色') self.selected_color = Qt.black # 预定义颜色 colors = [ Qt.red, Qt.darkRed, Qt.green, Qt.darkGreen, Qt.blue, Qt.darkBlue, Qt.cyan, Qt.darkCyan, Qt.magenta, Qt.darkMagenta, Qt.yellow, Qt.darkYellow, Qt.gray, Qt.darkGray, Qt.black, Qt.white ] layout = QGridLayout() self.color_buttons = [] for i, color in enumerate(colors): btn = QPushButton() btn.setFixedSize(40, 40) btn.setStyleSheet(f"background-color: {color.name()}") btn.clicked.connect(partial(self.set_color, color)) layout.addWidget(btn, i//4, i%4) self.color_buttons.append(btn) # RGB滑竿 self.slider_r = QSlider(Qt.Horizontal) self.slider_g = QSlider(Qt.Horizontal) self.slider_b = QSlider(Qt.Horizontal) self.slider_r.setRange(0, 255) self.slider_g.setRange(0, 255) self.slider_b.setRange(0, 255) self.preview = QLabel() self.preview.setFixedSize(100, 50) self.preview.setStyleSheet("border: 1px solid black;") # 信号连接 self.slider_r.valueChanged.connect(self.update_rgb_color) self.slider_g.valueChanged.connect(self.update_rgb_color) self.slider_b.valueChanged.connect(self.update_rgb_color) # 布局 control_layout = QVBoxLayout() control_layout.addWidget(QLabel('红:')) control_layout.addWidget(self.slider_r) control_layout.addWidget(QLabel('绿:')) control_layout.addWidget(self.slider_g) control_layout.addWidget(QLabel('蓝:')) control_layout.addWidget(self.slider_b) control_layout.addWidget(self.preview) main_layout = QHBoxLayout() main_layout.addLayout(layout) main_layout.addLayout(control_layout) self.setLayout(main_layout) def set_color(self, color): self.selected_color = color self.slider_r.setValue(color.red()) self.slider_g.setValue(color.green()) self.slider_b.setValue(color.blue()) def update_rgb_color(self): color = QColor( self.slider_r.value(), self.slider_g.value(), self.slider_b.value() ) self.selected_color = color self.preview.setStyleSheet(f"background-color: {color.name()}; border: 1px solid black;") class MainWindow(QMainWindow): def __init__(self): super().__init__() self.setWindowTitle('电子白板') self.canvas = Canvas() # 工具栏布局 toolbar = QToolBar() self.addToolBar(Qt.LeftToolBarArea, toolbar) # 工具按钮 self.pen_btn = QRadioButton('画笔') self.eraser_btn = QRadioButton('橡皮擦') self.text_btn = QRadioButton('文字') self.pen_btn.setChecked(True) # 颜色选择 color_btn = QPushButton('颜色') color_btn.clicked.connect(self.choose_color) # 粗细选择 size_btn = QPushButton('粗细') size_btn.clicked.connect(self.choose_size) # 背景颜色 bg_color_btn = QPushButton('背景色') bg_color_btn.clicked.connect(self.choose_bg_color) # 操作按钮 undo_btn = QPushButton('撤销') undo_btn.clicked.connect(self.canvas.undo) redo_btn = QPushButton('重做') redo_btn.clicked.connect(self.canvas.redo) save_btn = QPushButton('保存') save_btn.clicked.connect(self.save_image) # 添加到工具栏 toolbar.addWidget(self.pen_btn) toolbar.addWidget(self.eraser_btn) toolbar.addWidget(self.text_btn) toolbar.addWidget(color_btn) toolbar.addWidget(size_btn) toolbar.addWidget(bg_color_btn) toolbar.addWidget(undo_btn) toolbar.addWidget(redo_btn) toolbar.addWidget(save_btn) # 主布局 central_widget = QWidget() layout = QHBoxLayout() layout.addWidget(toolbar) layout.addWidget(self.canvas) central_widget.setLayout(layout) self.setCentralWidget(central_widget) # 工具切换信号 self.pen_btn.toggled.connect(lambda: self.set_tool('pen')) self.eraser_btn.toggled.connect(lambda: self.set_tool('eraser')) self.text_btn.toggled.connect(lambda: self.set_tool('text')) def set_tool(self, tool): self.canvas.tool = tool def choose_color(self): dialog = ColorDialog(self) if dialog.exec_(): self.canvas.pen_color = dialog.selected_color def choose_size(self): dialog = QDialog(self) dialog.setWindowTitle('选择粗细') layout = QVBoxLayout() slider = QSlider(Qt.Horizontal) slider.setRange(1, 50) slider.setValue(self.canvas.pen_width) preview = QLabel() preview.setFixedSize(200, 50) def update_preview(value): pixmap = QPixmap(200, 50) pixmap.fill(Qt.white) painter = QPainter(pixmap) painter.setPen(QPen(Qt.black, value)) painter.drawLine(10, 25, 190, 25) painter.end() preview.setPixmap(pixmap) slider.valueChanged.connect(update_preview) update_preview(slider.value()) btn = QPushButton('确定') btn.clicked.connect(lambda: ( self.canvas.pen_width := slider.value(), dialog.close() )) layout.addWidget(slider) layout.addWidget(preview) layout.addWidget(btn) dialog.setLayout(layout) dialog.exec_() def choose_bg_color(self): dialog = ColorDialog(self) if dialog.exec_(): self.canvas.set_bg_color(dialog.selected_color) def save_image(self): path, ext = QFileDialog.getSaveFileName( self, '保存文件', '', 'JPEG(*.jpg);;PNG(*.png)') if path: if ext == 'JPEG(*.jpg)': self.canvas.image.save(path, 'JPEG') else: self.canvas.image.save(path, 'PNG') if __name__ == '__main__': app = QApplication(sys.argv) window = MainWindow() window.show() sys.exit(app.exec_()) ``` 主要功能说明： 1. **界面布局**： - 左侧工具栏使用`QToolBar`实现 - 右侧画布使用自定义`Canvas`组件 - 工具按钮使用`QRadioButton`实现单选效果 2. **绘图功能**： - 支持画笔、橡皮擦、文字工具 - 使用`QImage`作为绘图表面 - 实现鼠标事件处理（按下、移动、释放） 3. **颜色选择**： - 自定义颜色对话框包含预定义颜色和RGB滑竿 - 实时预览颜色效果 - 支持直接选择颜色或RGB混合 4. **历史记录**： - 使用`history`和`redo_stack`实现撤销/重做 - 每次操作保存`QImage`副本 5. **文件保存**： - 支持JPG和PNG格式 - 使用`QFileDialog`选择保存路径 6. **附加功能**： - 背景颜色切换 - 画笔粗细调节（带实时预览） - 文字输入工具（点击后弹出输入框） 使用方法： 1. 运行程序后左侧选择工具 2. 点击颜色/粗细按钮进行设置 3. 在画布上直接绘制 4. 使用撤销/重做按钮修正操作 5. 保存时可选择格式和路径 注意：代码需要PyQt5环境，可通过`pip install pyqt5`安装。该实现已包含所有请求功能，可根据需要调整颜色列表、默认大小等参数。