more ui files instead of python generated ui
This commit is contained in:
@@ -4,36 +4,26 @@ from PySide6.QtCore import QPointF, QRectF, Qt
|
||||
from PySide6.QtGui import QColor, QPainter, QPen, QPolygonF
|
||||
from PySide6.QtWidgets import (
|
||||
QColorDialog,
|
||||
QComboBox,
|
||||
QDialog,
|
||||
QDialogButtonBox,
|
||||
QDoubleSpinBox,
|
||||
QFormLayout,
|
||||
QGraphicsEllipseItem,
|
||||
QGraphicsItem,
|
||||
QGraphicsObject,
|
||||
QGraphicsScene,
|
||||
QGraphicsSceneContextMenuEvent,
|
||||
QGraphicsSceneMouseEvent,
|
||||
QGraphicsView,
|
||||
QHBoxLayout,
|
||||
QInputDialog,
|
||||
QLabel,
|
||||
QLineEdit,
|
||||
QMenu,
|
||||
QPushButton,
|
||||
QToolButton,
|
||||
QVBoxLayout,
|
||||
QWidget,
|
||||
)
|
||||
|
||||
from bedit.core.model import Component, Icon, Port
|
||||
from bedit.gui.generated.ui_icon_editor_dialog import Ui_IconEditorDialog
|
||||
from bedit.gui.generated.ui_shape_options_dialog import Ui_ShapeOptionsDialog
|
||||
from bedit.gui.graphics.icon_canvas import icon_grid_size
|
||||
from bedit.gui.graphics.icon_renderer import _pen
|
||||
from bedit.gui.preferences import application_settings
|
||||
|
||||
|
||||
def _icon_grid_size() -> int:
|
||||
return application_settings().value("grid/iconSize", 8, type=int)
|
||||
return icon_grid_size()
|
||||
|
||||
|
||||
def _snap(value: float) -> float:
|
||||
@@ -41,19 +31,6 @@ def _snap(value: float) -> float:
|
||||
return round(value / grid) * grid
|
||||
|
||||
|
||||
class IconEditorView(QGraphicsView):
|
||||
def drawBackground(self, painter: QPainter, rect: QRectF) -> None: # noqa: N802
|
||||
painter.fillRect(rect, QColor("#ffffff"))
|
||||
grid = _icon_grid_size()
|
||||
painter.setPen(QPen(QColor("#dbeafe"), 0))
|
||||
left = int(rect.left()) - int(rect.left()) % grid
|
||||
top = int(rect.top()) - int(rect.top()) % grid
|
||||
for x in range(left, int(rect.right()) + grid, grid):
|
||||
painter.drawLine(x, rect.top(), x, rect.bottom())
|
||||
for y in range(top, int(rect.bottom()) + grid, grid):
|
||||
painter.drawLine(rect.left(), y, rect.right(), y)
|
||||
|
||||
|
||||
class ResizeHandle(QGraphicsEllipseItem):
|
||||
def __init__(self, owner: "ShapeItem") -> None:
|
||||
super().__init__(-4, -4, 8, 8, owner)
|
||||
@@ -86,95 +63,79 @@ class ResizeHandle(QGraphicsEllipseItem):
|
||||
return super().itemChange(change, value)
|
||||
|
||||
|
||||
class ColorButton(QPushButton):
|
||||
def __init__(self, color: str, allow_none: bool = False, parent=None) -> None:
|
||||
super().__init__(parent)
|
||||
self.color = color
|
||||
self.allow_none = allow_none
|
||||
self.clicked.connect(self.choose)
|
||||
self._refresh()
|
||||
|
||||
def _refresh(self) -> None:
|
||||
self.setText("No fill" if self.color == "none" else self.color)
|
||||
swatch = "transparent" if self.color == "none" else self.color
|
||||
self.setStyleSheet(f"QPushButton {{ background: {swatch}; }}")
|
||||
|
||||
def choose(self) -> None:
|
||||
initial = QColor("#ffffff" if self.color == "none" else self.color)
|
||||
color = QColorDialog.getColor(initial, self, "Choose colour", QColorDialog.ColorDialogOption.ShowAlphaChannel)
|
||||
if color.isValid():
|
||||
self.color = color.name(QColor.NameFormat.HexArgb) if color.alpha() < 255 else color.name()
|
||||
self._refresh()
|
||||
|
||||
|
||||
class ShapeOptionsDialog(QDialog):
|
||||
def __init__(self, element: dict, parent=None) -> None:
|
||||
super().__init__(parent)
|
||||
self.ui = Ui_ShapeOptionsDialog()
|
||||
self.ui.setupUi(self)
|
||||
self.element = deepcopy(element)
|
||||
self.setWindowTitle("Shape Options")
|
||||
layout = QVBoxLayout(self)
|
||||
form = QFormLayout()
|
||||
self.line_style = QComboBox()
|
||||
self.line_style.addItems(["solid", "dash", "dot", "dash-dot", "none"])
|
||||
self.line_style.setCurrentText(self.element.get("lineStyle", "solid"))
|
||||
self.line_width = QDoubleSpinBox()
|
||||
self.line_width.setRange(0.1, 20.0)
|
||||
self.line_width.setValue(float(self.element.get("lineWidth", 1.5)))
|
||||
self.stroke = ColorButton(self.element.get("stroke", "#303030"))
|
||||
self.fill_type = QComboBox()
|
||||
self.fill_type.addItems(["solid", "none"])
|
||||
self.stroke_color = self.element.get("stroke", "#303030")
|
||||
fill = self.element.get("fill", "#ffffff")
|
||||
self.fill_type.setCurrentText("none" if fill in {"none", "transparent", ""} else "solid")
|
||||
self.fill = ColorButton("#ffffff" if fill in {"none", "transparent", ""} else fill)
|
||||
self.width = QDoubleSpinBox()
|
||||
self.width.setRange(1, 500)
|
||||
self.width.setValue(float(self.element.get("width", 20)))
|
||||
self.height = QDoubleSpinBox()
|
||||
self.height.setRange(1, 500)
|
||||
self.height.setValue(float(self.element.get("height", 20)))
|
||||
form.addRow("Width:", self.width)
|
||||
form.addRow("Height:", self.height)
|
||||
form.addRow("Line style:", self.line_style)
|
||||
form.addRow("Line width:", self.line_width)
|
||||
form.addRow("Line colour:", self.stroke)
|
||||
if self.element.get("type") != "line":
|
||||
form.addRow("Fill type:", self.fill_type)
|
||||
form.addRow("Fill colour:", self.fill)
|
||||
self.radius = None
|
||||
if self.element.get("type") == "rectangle":
|
||||
self.radius = QDoubleSpinBox()
|
||||
self.radius.setRange(0, 50)
|
||||
self.radius.setValue(float(self.element.get("cornerRadius", 0)))
|
||||
form.addRow("Corner radius:", self.radius)
|
||||
self.text_edit = None
|
||||
self.font_size = None
|
||||
if self.element.get("type") == "text":
|
||||
self.text_edit = QLineEdit(str(self.element.get("text", "Text")))
|
||||
self.font_size = QDoubleSpinBox()
|
||||
self.font_size.setRange(4, 96)
|
||||
self.font_size.setValue(float(self.element.get("fontSize", 12)))
|
||||
form.addRow("Text:", self.text_edit)
|
||||
form.addRow("Font size:", self.font_size)
|
||||
layout.addLayout(form)
|
||||
buttons = QDialogButtonBox(QDialogButtonBox.StandardButton.Ok | QDialogButtonBox.StandardButton.Cancel)
|
||||
buttons.accepted.connect(self.accept)
|
||||
buttons.rejected.connect(self.reject)
|
||||
layout.addWidget(buttons)
|
||||
self.fill_color = "#ffffff" if fill in {"none", "transparent", ""} else fill
|
||||
self.ui.widthSpin.setValue(float(self.element.get("width", 20)))
|
||||
self.ui.heightSpin.setValue(float(self.element.get("height", 20)))
|
||||
self.ui.lineStyleCombo.setCurrentText(self.element.get("lineStyle", "solid"))
|
||||
self.ui.lineWidthSpin.setValue(float(self.element.get("lineWidth", 1.5)))
|
||||
self.ui.fillTypeCombo.setCurrentText(
|
||||
"none" if fill in {"none", "transparent", ""} else "solid"
|
||||
)
|
||||
self.ui.cornerRadiusSpin.setValue(float(self.element.get("cornerRadius", 0)))
|
||||
self.ui.textEdit.setText(str(self.element.get("text", "Text")))
|
||||
self.ui.fontSizeSpin.setValue(float(self.element.get("fontSize", 12)))
|
||||
self._show_row(self.ui.fillTypeLabel, self.ui.fillTypeCombo, self.element.get("type") != "line")
|
||||
self._show_row(self.ui.fillColorLabel, self.ui.fillColorButton, self.element.get("type") != "line")
|
||||
self._show_row(self.ui.cornerRadiusLabel, self.ui.cornerRadiusSpin, self.element.get("type") == "rectangle")
|
||||
is_text = self.element.get("type") == "text"
|
||||
self._show_row(self.ui.textLabel, self.ui.textEdit, is_text)
|
||||
self._show_row(self.ui.fontSizeLabel, self.ui.fontSizeSpin, is_text)
|
||||
self.ui.strokeColorButton.clicked.connect(self._choose_stroke)
|
||||
self.ui.fillColorButton.clicked.connect(self._choose_fill)
|
||||
self._refresh_color_buttons()
|
||||
|
||||
@staticmethod
|
||||
def _show_row(label, field, visible: bool) -> None:
|
||||
label.setVisible(visible)
|
||||
field.setVisible(visible)
|
||||
|
||||
def _choose_color(self, current: str) -> str:
|
||||
color = QColorDialog.getColor(
|
||||
QColor(current), self, "Choose colour",
|
||||
QColorDialog.ColorDialogOption.ShowAlphaChannel,
|
||||
)
|
||||
if not color.isValid():
|
||||
return current
|
||||
return color.name(QColor.NameFormat.HexArgb) if color.alpha() < 255 else color.name()
|
||||
|
||||
def _choose_stroke(self) -> None:
|
||||
self.stroke_color = self._choose_color(self.stroke_color)
|
||||
self._refresh_color_buttons()
|
||||
|
||||
def _choose_fill(self) -> None:
|
||||
self.fill_color = self._choose_color(self.fill_color)
|
||||
self._refresh_color_buttons()
|
||||
|
||||
def _refresh_color_buttons(self) -> None:
|
||||
for button, color in (
|
||||
(self.ui.strokeColorButton, self.stroke_color),
|
||||
(self.ui.fillColorButton, self.fill_color),
|
||||
):
|
||||
button.setText(color)
|
||||
button.setStyleSheet(f"QPushButton {{ background: {color}; }}")
|
||||
|
||||
def accept(self) -> None:
|
||||
self.element["lineStyle"] = self.line_style.currentText()
|
||||
self.element["lineWidth"] = self.line_width.value()
|
||||
self.element["stroke"] = self.stroke.color
|
||||
self.element["width"] = self.width.value()
|
||||
self.element["height"] = self.height.value()
|
||||
self.element["lineStyle"] = self.ui.lineStyleCombo.currentText()
|
||||
self.element["lineWidth"] = self.ui.lineWidthSpin.value()
|
||||
self.element["stroke"] = self.stroke_color
|
||||
self.element["width"] = self.ui.widthSpin.value()
|
||||
self.element["height"] = self.ui.heightSpin.value()
|
||||
if self.element.get("type") != "line":
|
||||
self.element["fill"] = self.fill.color if self.fill_type.currentText() == "solid" else "none"
|
||||
if self.radius is not None:
|
||||
self.element["cornerRadius"] = self.radius.value()
|
||||
if self.text_edit is not None:
|
||||
self.element["text"] = self.text_edit.text()
|
||||
self.element["fontSize"] = self.font_size.value()
|
||||
self.element["color"] = self.stroke.color
|
||||
self.element["fill"] = self.fill_color if self.ui.fillTypeCombo.currentText() == "solid" else "none"
|
||||
if self.element.get("type") == "rectangle":
|
||||
self.element["cornerRadius"] = self.ui.cornerRadiusSpin.value()
|
||||
if self.element.get("type") == "text":
|
||||
self.element["text"] = self.ui.textEdit.text()
|
||||
self.element["fontSize"] = self.ui.fontSizeSpin.value()
|
||||
self.element["color"] = self.stroke_color
|
||||
super().accept()
|
||||
|
||||
|
||||
@@ -308,39 +269,33 @@ class PortHandle(QGraphicsEllipseItem):
|
||||
class IconEditorDialog(QDialog):
|
||||
def __init__(self, component: Component, parent=None) -> None:
|
||||
super().__init__(parent)
|
||||
self.ui = Ui_IconEditorDialog()
|
||||
self.ui.setupUi(self)
|
||||
self.setWindowTitle(f"Icon Editor — {component.name}")
|
||||
self.resize(850, 600)
|
||||
self.icon = Icon.from_dict(component.icon.to_dict())
|
||||
self.inputs = deepcopy(component.inputs)
|
||||
self.outputs = deepcopy(component.outputs)
|
||||
layout = QVBoxLayout(self)
|
||||
toolbar = QHBoxLayout()
|
||||
toolbar.addWidget(QLabel("Add:"))
|
||||
for kind in ("rectangle", "circle", "ellipse", "line", "triangle", "text"):
|
||||
button = QToolButton()
|
||||
button.setText(kind.title())
|
||||
button.clicked.connect(lambda _checked=False, value=kind: self.add_shape(value))
|
||||
toolbar.addWidget(button)
|
||||
toolbar.addStretch()
|
||||
delete = QPushButton("Delete selected")
|
||||
delete.clicked.connect(self.delete_selected)
|
||||
toolbar.addWidget(delete)
|
||||
layout.addLayout(toolbar)
|
||||
for button, kind in (
|
||||
(self.ui.addRectangleButton, "rectangle"),
|
||||
(self.ui.addCircleButton, "circle"),
|
||||
(self.ui.addEllipseButton, "ellipse"),
|
||||
(self.ui.addLineButton, "line"),
|
||||
(self.ui.addTriangleButton, "triangle"),
|
||||
(self.ui.addTextButton, "text"),
|
||||
):
|
||||
button.clicked.connect(
|
||||
lambda _checked=False, value=kind: self.add_shape(value)
|
||||
)
|
||||
self.ui.deleteSelectedButton.clicked.connect(self.delete_selected)
|
||||
self.scene = QGraphicsScene(0, 0, self.icon.width, self.icon.height, self)
|
||||
self.view = IconEditorView(self.scene)
|
||||
self.ui.iconView.setScene(self.scene)
|
||||
self.view = self.ui.iconView
|
||||
self.view.setRenderHint(QPainter.RenderHint.Antialiasing)
|
||||
self.view.setDragMode(QGraphicsView.DragMode.RubberBandDrag)
|
||||
self.scene.addRect(self.scene.sceneRect(), QPen(QColor("#64748b"), 0)).setZValue(-100)
|
||||
layout.addWidget(self.view, 1)
|
||||
layout.addWidget(QLabel("Green points are inputs; red points are outputs. Drag them to place connection anchors."))
|
||||
for element in self.icon.elements:
|
||||
self.scene.addItem(ShapeItem(element))
|
||||
self._add_ports(self.inputs, "input", 0.0)
|
||||
self._add_ports(self.outputs, "output", self.icon.width)
|
||||
buttons = QDialogButtonBox(QDialogButtonBox.StandardButton.Ok | QDialogButtonBox.StandardButton.Cancel)
|
||||
buttons.accepted.connect(self.accept)
|
||||
buttons.rejected.connect(self.reject)
|
||||
layout.addWidget(buttons)
|
||||
self.view.fitInView(self.scene.sceneRect().adjusted(-10, -10, 10, 10), Qt.AspectRatioMode.KeepAspectRatio)
|
||||
|
||||
def _add_ports(self, ports: list[Port], direction: str, default_x: float) -> None:
|
||||
|
||||
Reference in New Issue
Block a user