Toolkit Pro, fullscreen touch-friendly toolbox plugin



I was missing touchscreen friendly UI for Krita badly since it’s, well, not that well suited for a touch-first fullscreen painting so I’ve made one. I’m no python programmer so it’s on an ugly side code-wise but it’s getting the job done so it’s fine I guess.

Obviously it’s “full” krita only because Krita-On-Android cant load python plugins(which is sad). I’ve tested this plugin on my surface pro(ubuntu flavour) and in my case it is working as intended.

In a nutshell it’s a recreation of a Procreate fullscreen mode ui specifically tailored for my specific needs married with a Toolkit docker so you would retain all the instruments Krita providing to you. It has several features I needed:

  • obvious features like sliders for opacity and brush size
  • brush size slider has a custom curve favouring lower brush sizes(i.e. from 0 to half the slider’s height translates roughly to 0-100 brush size and the second half is covering the rest of the 100-1000 sizes)
  • a custom made colour picker that would switch back to brush after selecting a colour
  • fullscreen button
  • draggable toolkit window in fullscreen mode
  • switching between krita tools and procreate-like layout(windowed mode only)

This plugin is a hacky mishmash of an original Toolkit docker and my take on Procreate controls for fullscreen painting.

You can download zip-file for installing here: https://gitlab.com/mankydo/krita-touch-ui-addon/-/archive/1.0.1/krita-touch-ui-addon-1.0.1.zip

You can find source code for a plugin at: mks do / krita touch ui addon · GitLab

Autor of the Toolkit panel is @fullerhill_art on Krita Artists and you can find the original Toolkit docker here: ToolKit 1.0.1

Feel free to try that out and maybe you got some suggestions technical or otherwise I would love to hear them!

21 Likes

Thank you for another plugin for the community!

Michelist

1 Like

Hi, I’ve installed your menu, which I really like when painting in full-screen mode. However, as you can see in the picture, it’s very wide, and I can’t use it in full-screen mode. I have another tip for you: If you’re using LAS0, you have to reselect it to continue working after the transformation—in other words, “deselect” it. Perhaps there’s something we can do about that?

1 Like

Hi!

Sorry for a late response!

If I get your screenshot right(and that’s not the fault of our different setups) you are doing things slightly incorrect as I can see your window is lacking a titlebar(top bar with X) like on this screenshot:

image

I’ve left it intentionally so you can drag the toolbar around in fullscreen/canvas-only mode.

The general workflow with floating window is like this: in “windowed” mode toolbar is docked and if you hit “fullscreen” button krita goes into canvas-only mode and then you can drag the tools window around as you please.

As for the width you can resize this window actually both in canvas-only and toolbox mode, at least that’s the case with my limited testing. Can you try it and tell me if it works? If not, can you tell me your setup/specs i.e. OS/krita/screensize etc so I can try to reproduce it myself?

As for the transform, if I get you right you want to automatically deselect after you’ve done free transform, right? If so, yes, I can do that. I thought about such behaviour but chosen otherwise so you can have the ability to play/tweak your selection afterwards without needing to draw selection again.

1 Like

I’m so sorry, I don’t understand what you’re saying =)

“I left it there intentionally so you can only drag the toolbar in full-screen/canvas mode.
The general workflow with a floating window is as follows: The mode is docked in the “Window” toolbar. If you press the “Full Screen” button, Krita goes into canvas mode, and then you can drag the tools window around as you like.”

As you can see in the picture, there’s nothing =(

As for transforming, I mean: if you select something with the free lasso, then immediately click “Transform,” it transforms. “Cool, who else would want to have 2-3 options for transformation?” and then select the pen to continue painting? It would work, and you don’t have to deselect first. Got that?

no float text ?

1 Like

Oh!

That’s one window layout I haven’t seen yet!

So, let’s get this step by step.

As I can see in this mode the toolbox has right dimensions, so:

– What would happen if you click this button(can you make a screenshot of the result)?
image
– right now the window has right size, when does it changed to this very wide dimensions?

As for transform I got the idea, yup! I need to think how to do this in a more intuitive way, from the top of my head I can see several options:

  • when you click a brush button it automatically deselect everything
  • same as before but it performs deselect only in case of transforming
  • when you are finished transforming and click enter it would deselect automatically
  • when you’re done transfoming it would automatically switch to brush and deselect all

I’m leaning towards the first option but I suppose it should be optional so iw wouldn’t ruin other workflows.

1 Like

Yes, that’s the coolest thing: When you click a brush button, everything is automatically deselected.

But only after the transformation, so you can continue painting.

When I click the button to enter full mode, it goes into full mode, but in full mode, I can’t see the menu anymore…lol…that doesn’t make any sense.

You can adjust the width of the window yourself =)

I thought I’d start learning Python, it’s really cool when you can do such amazing things.

well that’s actually was the whole point :slight_smile: To have a minimum set of tools to just draw without any distractions like you do this on paper.
I wanted to make optional floating layers window so there’s a grey-out layers button but that’s for some future(possible) updates.

yeah, sounds cool! I like the idea, no promises but I’ll look into how to add this feature to the plugin, thanks for the tip!

Yeah, it can be very frustrating while you are learning(especially when we are talking about intersection of python, krita and Qt where each has it’s own quirks) but very satisfying when everything comes together!

OH OOOOOOOOOOOOOOOOOOO
The menu still doesn’t display in fullscreen???

what is QT ?

If you are talking about top menu(file, edit, view etc) and all other dockers – yup they should disappear, you can try this by pressing TAB button, its the same thing that clicking on a button on my toolbar would do, it’s a standard krita feature :slight_smile:

Qt is a technology krita is build upon, a window framework that do all the windowing stuff i.e. drawing windows, menus etc. So the basic explanation is that to do anything with windows in krita you need to “talk” to embedded Qt via python code and most plugins dealing with user interface doing exactly that.

1 Like

Hmm, yeah, exactly, TAB then everything disappears. I now understand that you can SET what you want to see? I didn’t know how to do that until now.

“Canvas Only mode is Krita’s version of full screen mode. It is activated by hitting the Tab key on the keyboard. Select which parts of Krita will be hidden in canvas-only mode – The user can set which UI items will be hidden in canvas-only mode. Selected items will be hidden.”

IOK Habs, but your addon is not included ^^ It is not displayed

Do you have to learn QT too? If so, where?

krita tutorials actually give you a pretty good starting point on that so you won’t need much else at the start, they are quite good at that! And then there are tons of resources out there to look for specific things you would want from qt but haven’t found yet in krita or qt documentations.

Official krita scripting tutorial is a pretty solid point to start actually, you can find it here: https://scripting.krita.org/

and if you would want to develop plugins this is essential plugin to have: Python Plugin Developer Tools

Ok, thank you very much for the Qt tip =)

And how do I switch your menu freely in full screen mode?
You cannot let individual dockers blend in the full screen

yeah, it shouldn’t be. The way it works now is you hit the button on toolkit to go to fullscreen and it would create a new floating window that exists only in fullscreen mode
something like this:

1 Like

hmmm what wrong? When I press on how you see … the Float menu is not there

hmmm!
What is the operating system you use and krita version? I’ll try to replicate that on my device and with any luck I’ll get a fix for that :slight_smile:

2 Likes

WIN 11
KRITA 5.3.0

I have missed this post somehow, but this exactly how i imagine krita would be for android. Thanks will try and report back

1 Like

Android? oh^^ that only works on Android? huh

nope, it’'s exactly the opposite. This plugin(as well as any other actually) will work only on windows/mac/linux systems since Krita on Android hasn’t have the python support.

I still haven’t time to test on my machine so can you tell me(it’s not obvious from your video because of severe compression artifacts) how did you switch to full-screen mode? By pressing TAB or by pressing the button on a toolbox itself?

this one I mean:
image

1 Like