Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement a global Color Picker #432

Merged
merged 17 commits into from
Sep 3, 2020
Merged

Implement a global Color Picker #432

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
1fbd271
port color picker widget from https://github.com/RonnyDo/ColorPicker
isneezy Aug 29, 2020
f269f7f
prevent cursor flickering by reducing the max zoom level
isneezy Aug 30, 2020
bc1c495
add eye dropper to FillItem
isneezy Aug 30, 2020
9c8c5a4
fix linting issues
isneezy Aug 30, 2020
ddbda16
update eyedropper button icon and add a tooltip
isneezy Aug 31, 2020
43ced46
fix typo
isneezy Aug 31, 2020
aba5adc
move CorlorPicker to utils
isneezy Aug 31, 2020
e0063c5
add eyedropper to border item
isneezy Aug 31, 2020
6818ffa
fix lint issues
isneezy Aug 31, 2020
ac3e1b4
Merge branch 'master' into feature/global-color-picker
isneezy Aug 31, 2020
adc343d
[WIP] color picker global action
isneezy Sep 1, 2020
22c1133
Merge branch 'master' into feature/global-color-picker
Alecaddd Sep 2, 2020
f6b1a1c
remove unnecessary method calls
isneezy Sep 2, 2020
f798c76
implement color picker global action
isneezy Sep 2, 2020
d444ddd
fix color picker licence and indentation
isneezy Sep 2, 2020
4c37923
update meson.build
isneezy Sep 2, 2020
c0d819e
fix issue with some listeners not being triggered
isneezy Sep 2, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 30 additions & 2 deletions src/Layouts/Partials/FillItem.vala
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@ public class Akira.Layouts.Partials.FillItem : Gtk.Grid {
public weak Akira.Window window { get; construct; }

private Gtk.Grid fill_chooser;
private Gtk.Button eye_dropper_button;
private Gtk.Button hidden_button;
private Gtk.Button delete_button;
private Gtk.Image hidden_button_icon;
Expand All @@ -33,6 +34,7 @@ public class Akira.Layouts.Partials.FillItem : Gtk.Grid {
private Gtk.Popover color_popover;
private Gtk.Grid color_picker;
private Gtk.ColorChooserWidget color_chooser_widget;
private Akira.Lib.ColorPicker eye_dropper;

public Akira.Models.FillsItemModel model { get; construct; }

Expand Down Expand Up @@ -166,6 +168,14 @@ public class Akira.Layouts.Partials.FillItem : Gtk.Grid {
fill_chooser.attach (color_container, 1, 0, 1, 1);
fill_chooser.attach (opacity_container, 2, 0, 1, 1);

eye_dropper_button = new Gtk.Button ();
eye_dropper_button.get_style_context ().add_class (Gtk.STYLE_CLASS_FLAT);
eye_dropper_button.get_style_context ().add_class ("button-rounded");
eye_dropper_button.can_focus = false;
eye_dropper_button.valign = Gtk.Align.CENTER;
eye_dropper_button.add (new Gtk.Image.from_icon_name ("user-trash-symbolic",
Gtk.IconSize.SMALL_TOOLBAR));
isneezy marked this conversation as resolved.
Show resolved Hide resolved

hidden_button = new Gtk.Button ();
hidden_button.get_style_context ().add_class (Gtk.STYLE_CLASS_FLAT);
hidden_button.get_style_context ().add_class ("button-rounded");
Expand All @@ -191,20 +201,38 @@ public class Akira.Layouts.Partials.FillItem : Gtk.Grid {
color_popover.add (color_picker);

attach (fill_chooser, 0, 0, 1, 1);
attach (hidden_button, 1, 0, 1, 1);
attach (delete_button, 2, 0, 1, 1);
attach (eye_dropper_button, 1, 0, 1, 1);
attach (hidden_button, 2, 0, 1, 1);
attach (delete_button, 3, 0, 1, 1);

set_color_chooser_color ();
set_button_color ();
}

private void create_event_bindings () {
eye_dropper_button.clicked.connect (on_eye_dropper_click);
isneezy marked this conversation as resolved.
Show resolved Hide resolved
delete_button.clicked.connect (on_delete_item);
hidden_button.clicked.connect (toggle_visibility);
model.notify.connect (on_model_changed);
color_chooser_widget.notify["rgba"].connect (on_color_changed);
}

private void on_eye_dropper_click () {
eye_dropper = new Akira.Lib.ColorPicker ();
eye_dropper.show_all ();

eye_dropper.picked.connect ((picked_color) => {
alpha = ((int)(picked_color.alpha * 255));
color_chooser_widget.set_rgba (picked_color);
on_color_changed ();
isneezy marked this conversation as resolved.
Show resolved Hide resolved
eye_dropper.close ();
});

eye_dropper.cancelled.connect (() => {
eye_dropper.close ();
});
}

private void on_model_changed () {
model.item.reset_colors ();
set_button_color ();
Expand Down
Loading