Development log - A fully customizable tool panel

[Aqao]

I’m making a plugin that add a customizable docker for Krita, user could add Brush,Action,Script… as a widget like button, and drag widget to move and resize.

Inspired by brusherator, a PS plugin.

I would be post my development progress at here until I release plugin.

Edit:
simple demo:

[Aqao]

Now,It could add Actions and Scripts from tool editor and call it.

The next step：
Add Brush as tool button.
New optional arg, StyleSheets for tool widget.
Multiple tabs, and a quick way to switch tabs(No idea yet)
Add Krita Tool as tool button.
Load tool widget from .py, users can write widget themselves.
Add GUI slelector for Icon,Action.
and so on

Let me know if you have any suggestions.

[BeARToys]

Looks like a lot of work… I would take inspiration from CSS and it’s grid components.

Row number, column number, row span, column span, column count, row count.

For example.

Row count: 2, column count: 2, row span: 1, column span : 1

Now you can place those buttons on:
Row number: 1 , column number: 1
Row number: 2 , column number: 1
Row number: 1 , column number: 2
Row number: 2 , column number: 2

Would make the whole docker more predictable.

[Aqao]

Qt have similar layout, but I have not use it, I forgot why.
I organize widgets by position and size. It worked well for me.

[AkiR]

Just for fun.
Suggestion: Allow users to draw own buttons using Krita’s VectorLayer?

from krita import Krita
from PyQt5.QtCore import Qt, QByteArray, QXmlStreamReader, QSize
from PyQt5.QtWidgets import QGraphicsView, QGraphicsScene, QGraphicsItem, QFrame
from PyQt5.QtSvg import QGraphicsSvgItem, QSvgRenderer


class MyButtons(QGraphicsView):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.setWindowFlags(Qt.Window | Qt.FramelessWindowHint)
        # for sillyness WA_TranslucentBackground is True :)
        self.setAttribute(Qt.WA_TranslucentBackground, True)
        self.setBackgroundBrush(Qt.transparent)
        self.viewport().setAttribute(Qt.WA_TranslucentBackground, True)
        self.setFrameStyle(QFrame.NoFrame)
        self._renderer = QSvgRenderer(parent=self)
        scene = QGraphicsScene(parent=self)
        self.setScene(scene)

    def iter_element_ids(self, svg):
        xml = QXmlStreamReader(svg)
        while not xml.atEnd():
            id = xml.attributes().value('id')
            if id:
                yield id
            xml.readNext()

    def load(self):
        scene = self.scene()
        scene.clear()

        app = Krita.instance()
        doc = app.activeDocument()
        node = doc.activeNode()
        svg = QByteArray(node.toSvg().encode('utf-8'))
        self._renderer.load(svg)

        for element_id in self.iter_element_ids(svg):
            item = QGraphicsSvgItem(elementId=element_id)
            item.setFlags(QGraphicsItem.ItemIsMovable | QGraphicsItem.ItemIsSelectable)
            item.setSharedRenderer(self._renderer)
            scene.addItem(item)

    def sizeHint(self):
        return QSize(800, 800)


# create New document and add VectorLayer with some shapes
my_buttons = MyButtons()
my_buttons.load()
my_buttons.show()

# just to keep instance alive...
MyButtons._instance = my_buttons

/AkiR

[Aqao]

Good, I was thinking something similar.

[yetanotherpainter]

It is a neat idea!

[Aqao]

Finally finished. Move multiple buttons at the same time.

Double-click to quickly add brush.

There is too much work to do.