gabm / Satty

Satty - Modern Screenshot Annotation. A tool inspired by Swappy and Flameshot.
Mozilla Public License 2.0
385 stars 18 forks source link

Slider Bar for Blur-intensity, Brush-width, Text-size, anything else which effects can be amplified #51

Open KAGEYAM4 opened 4 months ago

KAGEYAM4 commented 4 months ago

Currently these is predefined Small, Medium, Large for selecting width of drawn elements. It would be more easier if there would be a single seek-bar which can be used to increase effect of current tool.

gabm commented 4 months ago

I also thought about something like this. Currently we have a problem w.r.t. scaling: we don't know, which DPI the original image has/had and therefore we don't really know, what "small", "medium" and "large" should be.

That being said, I couldn't work out a proper UI/UX concept for a slider.. I came up with something like this, reactive to mouse wheel for "up/down":

image

What I don't like about this is that we lose the simplicity. I really wanted to avoid displaying numeric values

KAGEYAM4 commented 4 months ago

What I don't like about this is that we lose the simplicity. I really wanted to avoid displaying numeric values

I was thinking something like this

image

Maybe someone else has better ideas, lets wait.

KAGEYAM4 commented 3 months ago

What do you think about this, RightClick-hold-Drag up/down | left/right to Decrease/Increase intesity/width/size etc.

the main idea is that, user have to think less about where tool is and clicking on that value to get idea about the size, and can just use right-clik-hold-slide to do it more efficietly.

rtgiskard commented 2 months ago

I think replace the {S M L} buttons with a scaler mentioned above would be fine, and associate it with mouse scroll up/down to change the value, that would be simple and convenient enough