mirror of
https://github.com/elementary/gala.git
synced 2024-12-24 01:36:05 +03:00
c99a1d00e7
Show the PiP window when is off screen and the users clicks on it.
528 lines
17 KiB
Vala
528 lines
17 KiB
Vala
//
|
|
// Copyright (C) 2017 Adam Bieńkowski
|
|
//
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
//
|
|
|
|
public class Gala.Plugins.PIP.PopupWindow : Clutter.Actor {
|
|
private int button_size;
|
|
private int container_margin;
|
|
private const int SHADOW_SIZE = 100;
|
|
private const uint FADE_OUT_TIMEOUT = 200;
|
|
private const float MINIMUM_SCALE = 0.1f;
|
|
private const float MAXIMUM_SCALE = 1.0f;
|
|
private const int SCREEN_MARGIN = 0;
|
|
private const float OFF_SCREEN_PERCENT = 0.5f;
|
|
private const int OFF_SCREEN_VISIBLE_PIXELS = 80;
|
|
|
|
public signal void closed ();
|
|
|
|
public Gala.WindowManager wm { get; construct; }
|
|
public Meta.WindowActor window_actor { get; construct; }
|
|
|
|
private bool dynamic_container = false;
|
|
|
|
private Clutter.Actor clone;
|
|
private Clutter.Actor container;
|
|
private Clutter.Actor close_button;
|
|
private Clutter.Actor resize_button;
|
|
private Clutter.ClickAction close_action;
|
|
private DragDropAction move_action;
|
|
|
|
private float begin_resize_width = 0.0f;
|
|
private float begin_resize_height = 0.0f;
|
|
private float resize_start_x = 0.0f;
|
|
private float resize_start_y = 0.0f;
|
|
|
|
private bool resizing = false;
|
|
private bool off_screen = false;
|
|
|
|
static unowned Meta.Window? previous_focus = null;
|
|
|
|
// From https://opensourcehacker.com/2011/12/01/calculate-aspect-ratio-conserving-resize-for-images-in-javascript/
|
|
static void calculate_aspect_ratio_size_fit (float src_width, float src_height, float max_width, float max_height,
|
|
out float width, out float height) {
|
|
float ratio = float.min (max_width / src_width, max_height / src_height);
|
|
width = src_width * ratio;
|
|
height = src_height * ratio;
|
|
}
|
|
|
|
static bool get_window_is_normal (Meta.Window window) {
|
|
var window_type = window.get_window_type ();
|
|
return window_type == Meta.WindowType.NORMAL
|
|
|| window_type == Meta.WindowType.DIALOG
|
|
|| window_type == Meta.WindowType.MODAL_DIALOG;
|
|
}
|
|
|
|
static void get_current_cursor_position (out int x, out int y) {
|
|
Gdk.Display.get_default ().get_default_seat ().get_pointer ().get_position (null, out x, out y);
|
|
}
|
|
|
|
public PopupWindow (Gala.WindowManager wm, Meta.WindowActor window_actor) {
|
|
Object (wm: wm, window_actor: window_actor);
|
|
}
|
|
|
|
construct {
|
|
var scale = Utils.get_ui_scaling_factor ();
|
|
button_size = 36 * scale;
|
|
container_margin = button_size / 2;
|
|
|
|
reactive = true;
|
|
|
|
set_pivot_point (0.5f, 0.5f);
|
|
set_easing_mode (Clutter.AnimationMode.EASE_IN_QUAD);
|
|
|
|
var window = window_actor.get_meta_window ();
|
|
window.unmanaged.connect (on_close_click_clicked);
|
|
window.notify["appears-focused"].connect (() => {
|
|
Idle.add (() => {
|
|
update_window_focus ();
|
|
return false;
|
|
});
|
|
});
|
|
|
|
clone = new Clutter.Clone (window_actor);
|
|
|
|
move_action = new DragDropAction (DragDropActionType.SOURCE, "pip");
|
|
move_action.drag_begin.connect (on_move_begin);
|
|
move_action.drag_canceled.connect (on_move_end);
|
|
move_action.actor_clicked.connect (activate);
|
|
|
|
container = new Clutter.Actor ();
|
|
container.reactive = true;
|
|
container.set_scale (0.35f, 0.35f);
|
|
container.add_effect (new ShadowEffect (SHADOW_SIZE, 2));
|
|
container.add_child (clone);
|
|
container.add_action (move_action);
|
|
|
|
update_size ();
|
|
update_container_position ();
|
|
|
|
Meta.Rectangle monitor_rect;
|
|
get_current_monitor_rect (out monitor_rect);
|
|
|
|
float x_position, y_position;
|
|
if (Clutter.get_default_text_direction () == Clutter.TextDirection.RTL) {
|
|
x_position = SCREEN_MARGIN + monitor_rect.x;
|
|
} else {
|
|
x_position = monitor_rect.width + monitor_rect.x - SCREEN_MARGIN - width;
|
|
}
|
|
y_position = monitor_rect.height + monitor_rect.y - SCREEN_MARGIN - height;
|
|
|
|
set_position (x_position, y_position);
|
|
|
|
close_action = new Clutter.ClickAction ();
|
|
close_action.clicked.connect (on_close_click_clicked);
|
|
|
|
close_button = Gala.Utils.create_close_button ();
|
|
close_button.opacity = 0;
|
|
close_button.reactive = true;
|
|
close_button.set_easing_duration (300);
|
|
close_button.add_action (close_action);
|
|
|
|
resize_button = Utils.create_resize_button ();
|
|
resize_button.set_pivot_point (0.5f, 0.5f);
|
|
resize_button.set_position (width - button_size, height - button_size);
|
|
resize_button.opacity = 0;
|
|
resize_button.button_press_event.connect (on_resize_button_press);
|
|
resize_button.reactive = true;
|
|
|
|
add_child (container);
|
|
add_child (close_button);
|
|
add_child (resize_button);
|
|
|
|
window_actor.notify["allocation"].connect (on_allocation_changed);
|
|
container.set_position (container_margin, container_margin);
|
|
update_clone_clip ();
|
|
}
|
|
|
|
public override void show () {
|
|
base.show ();
|
|
|
|
opacity = 0;
|
|
|
|
set_easing_duration (200);
|
|
opacity = 255;
|
|
|
|
set_easing_duration (0);
|
|
}
|
|
|
|
public override void hide () {
|
|
opacity = 255;
|
|
|
|
set_easing_duration (200);
|
|
opacity = 0;
|
|
|
|
set_easing_duration (0);
|
|
|
|
ulong completed_id = 0UL;
|
|
completed_id = transitions_completed.connect (() => {
|
|
disconnect (completed_id);
|
|
base.hide ();
|
|
});
|
|
}
|
|
|
|
public override bool enter_event (Clutter.CrossingEvent event) {
|
|
close_button.opacity = 255;
|
|
|
|
resize_button.set_easing_duration (300);
|
|
resize_button.opacity = 255;
|
|
resize_button.set_easing_duration (0);
|
|
return true;
|
|
}
|
|
|
|
public override bool leave_event (Clutter.CrossingEvent event) {
|
|
close_button.opacity = 0;
|
|
|
|
resize_button.set_easing_duration (300);
|
|
resize_button.opacity = 0;
|
|
resize_button.set_easing_duration (0);
|
|
return true;
|
|
}
|
|
|
|
public void set_container_clip (Graphene.Rect? container_clip) {
|
|
container.clip_rect = container_clip;
|
|
dynamic_container = true;
|
|
update_container_scale ();
|
|
on_allocation_changed ();
|
|
}
|
|
|
|
private Clutter.Actor on_move_begin () {
|
|
return this;
|
|
}
|
|
|
|
private void on_move_end () {
|
|
reactive = true;
|
|
update_screen_position ();
|
|
}
|
|
|
|
private bool on_resize_button_press (Clutter.ButtonEvent event) {
|
|
if (resizing || event.button != 1) {
|
|
return false;
|
|
}
|
|
|
|
resizing = true;
|
|
|
|
get_current_cursor_position (out resize_start_x, out resize_start_y);
|
|
|
|
begin_resize_width = width;
|
|
begin_resize_height = height;
|
|
|
|
resize_button.get_stage ().set_motion_events_enabled (false);
|
|
resize_button.get_stage ().captured_event.connect (on_resize_event);
|
|
|
|
return true;
|
|
}
|
|
|
|
private bool on_resize_event (Clutter.Event event) {
|
|
if (!resizing) {
|
|
return false;
|
|
}
|
|
|
|
switch (event.get_type ()) {
|
|
case Clutter.EventType.MOTION:
|
|
var mods = event.get_state ();
|
|
if (!(Clutter.ModifierType.BUTTON1_MASK in mods)) {
|
|
stop_resizing ();
|
|
break;
|
|
}
|
|
|
|
int motion_x, motion_y;
|
|
get_current_cursor_position (out motion_x, out motion_y);
|
|
|
|
float diff_x = motion_x - resize_start_x;
|
|
float diff_y = motion_y - resize_start_y;
|
|
|
|
width = begin_resize_width + diff_x;
|
|
height = begin_resize_height + diff_y;
|
|
|
|
update_container_scale ();
|
|
update_size ();
|
|
reposition_resize_button ();
|
|
|
|
break;
|
|
case Clutter.EventType.BUTTON_RELEASE:
|
|
if (event.get_button () == 1) {
|
|
stop_resizing ();
|
|
}
|
|
|
|
break;
|
|
case Clutter.EventType.LEAVE:
|
|
case Clutter.EventType.ENTER:
|
|
return true;
|
|
default:
|
|
break;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
private bool stop_resizing () {
|
|
if (!resizing) {
|
|
return false;
|
|
}
|
|
|
|
resize_button.get_stage ().captured_event.disconnect (on_resize_event);
|
|
resize_button.get_stage ().set_motion_events_enabled (true);
|
|
|
|
resizing = false;
|
|
|
|
update_screen_position ();
|
|
|
|
return true;
|
|
}
|
|
|
|
private void on_allocation_changed () {
|
|
update_clone_clip ();
|
|
update_size ();
|
|
reposition_resize_button ();
|
|
}
|
|
|
|
private void on_close_click_clicked () {
|
|
set_easing_duration (FADE_OUT_TIMEOUT);
|
|
|
|
opacity = 0;
|
|
|
|
Clutter.Threads.Timeout.add (FADE_OUT_TIMEOUT, () => {
|
|
closed ();
|
|
return false;
|
|
});
|
|
}
|
|
|
|
private void update_window_focus () {
|
|
unowned Meta.Window focus_window = wm.get_display ().get_focus_window ();
|
|
if ((focus_window != null && !get_window_is_normal (focus_window))
|
|
|| (previous_focus != null && !get_window_is_normal (previous_focus))) {
|
|
previous_focus = focus_window;
|
|
return;
|
|
}
|
|
|
|
var window = window_actor.get_meta_window ();
|
|
if (window.appears_focused) {
|
|
hide ();
|
|
} else if (!window_actor.is_destroyed ()) {
|
|
show ();
|
|
}
|
|
|
|
previous_focus = focus_window;
|
|
}
|
|
|
|
private void update_size () {
|
|
if (dynamic_container) {
|
|
float src_width = 0.0f, src_height = 0.0f;
|
|
container.get_clip (null, null, out src_width, out src_height);
|
|
width = (int)(src_width * container.scale_x + button_size);
|
|
height = (int)(src_height * container.scale_y + button_size);
|
|
} else {
|
|
width = (int)(container.width * container.scale_x + button_size);
|
|
height = (int)(container.height * container.scale_y + button_size);
|
|
}
|
|
}
|
|
|
|
private void update_clone_clip () {
|
|
var rect = window_actor.get_meta_window ().get_frame_rect ();
|
|
|
|
float x_offset = rect.x - window_actor.x;
|
|
float y_offset = rect.y - window_actor.y;
|
|
clone.set_clip (x_offset, y_offset, rect.width, rect.height);
|
|
clone.set_position (-x_offset, -y_offset);
|
|
|
|
container.set_size (rect.width, rect.height);
|
|
}
|
|
|
|
private void update_container_scale () {
|
|
float src_width = 1.0f, src_height = 1.0f;
|
|
if (dynamic_container) {
|
|
container.get_clip (null, null, out src_width, out src_height);
|
|
} else {
|
|
src_width = container.width;
|
|
src_height = container.height;
|
|
}
|
|
|
|
float max_width = width - button_size;
|
|
float max_height = height - button_size;
|
|
|
|
float new_width, new_height;
|
|
calculate_aspect_ratio_size_fit (
|
|
src_width, src_height,
|
|
max_width, max_height,
|
|
out new_width, out new_height
|
|
);
|
|
|
|
float window_width = 1.0f, window_height = 1.0f;
|
|
get_target_window_size (out window_width, out window_height);
|
|
|
|
float new_scale_x = new_width / window_width;
|
|
float new_scale_y = new_height / window_height;
|
|
|
|
container.scale_x = new_scale_x.clamp (MINIMUM_SCALE, MAXIMUM_SCALE);
|
|
container.scale_y = new_scale_y.clamp (MINIMUM_SCALE, MAXIMUM_SCALE);
|
|
|
|
update_container_position ();
|
|
}
|
|
|
|
private void update_container_position () {
|
|
if (dynamic_container) {
|
|
float clip_x = 0.0f, clip_y = 0.0f;
|
|
container.get_clip (out clip_x, out clip_y, null, null);
|
|
container.x = (float)(-clip_x * container.scale_x + container_margin);
|
|
container.y = (float)(-clip_y * container.scale_y + container_margin);
|
|
}
|
|
}
|
|
|
|
private void update_screen_position () {
|
|
if (!place_window_off_screen ()) {
|
|
place_window_in_screen ();
|
|
}
|
|
}
|
|
|
|
private void place_window_in_screen () {
|
|
off_screen = false;
|
|
|
|
Meta.Rectangle monitor_rect;
|
|
get_current_monitor_rect (out monitor_rect);
|
|
|
|
int monitor_x = monitor_rect.x;
|
|
int monitor_y = monitor_rect.y;
|
|
int monitor_width = monitor_rect.width;
|
|
int monitor_height = monitor_rect.height;
|
|
|
|
set_easing_duration (300);
|
|
set_easing_mode (Clutter.AnimationMode.EASE_OUT_BACK);
|
|
|
|
var screen_limit_start = SCREEN_MARGIN + monitor_x;
|
|
var screen_limit_end = monitor_width + monitor_x - SCREEN_MARGIN - width;
|
|
|
|
x = x.clamp (screen_limit_start, screen_limit_end);
|
|
|
|
screen_limit_start = SCREEN_MARGIN + monitor_y;
|
|
screen_limit_end = monitor_height + monitor_y - SCREEN_MARGIN - height;
|
|
|
|
y = y.clamp (screen_limit_start, screen_limit_end);
|
|
|
|
set_easing_mode (Clutter.AnimationMode.EASE_IN_QUAD);
|
|
set_easing_duration (0);
|
|
}
|
|
|
|
private bool place_window_off_screen () {
|
|
off_screen = false;
|
|
set_easing_duration (300);
|
|
set_easing_mode (Clutter.AnimationMode.EASE_OUT_BACK);
|
|
|
|
Meta.Rectangle monitor_rect;
|
|
get_current_monitor_rect (out monitor_rect);
|
|
|
|
int monitor_x = monitor_rect.x;
|
|
int monitor_y = monitor_rect.y;
|
|
int monitor_width = monitor_rect.width;
|
|
int monitor_height = monitor_rect.height;
|
|
|
|
// X axis off screen
|
|
var off_screen_x_threshold = width * OFF_SCREEN_PERCENT;
|
|
|
|
var off_screen_x = (x - monitor_x) < -off_screen_x_threshold;
|
|
if (off_screen_x
|
|
&& !coord_is_in_other_monitor (x, Clutter.Orientation.HORIZONTAL)) {
|
|
off_screen = true;
|
|
x = monitor_x - width + OFF_SCREEN_VISIBLE_PIXELS;
|
|
}
|
|
|
|
var off_screen_w = (x + width) > (monitor_x + monitor_width + off_screen_x_threshold);
|
|
if (off_screen_w
|
|
&& !coord_is_in_other_monitor (x + width, Clutter.Orientation.HORIZONTAL)) {
|
|
off_screen = true;
|
|
x = monitor_x + monitor_width - OFF_SCREEN_VISIBLE_PIXELS;
|
|
}
|
|
|
|
// Y axis off screen
|
|
var off_screen_y_threshold = height * OFF_SCREEN_PERCENT;
|
|
|
|
var off_screen_y = (y - monitor_y) < -off_screen_y_threshold;
|
|
if (off_screen_y
|
|
&& !coord_is_in_other_monitor (y, Clutter.Orientation.VERTICAL)) {
|
|
off_screen = true;
|
|
y = monitor_y - height + OFF_SCREEN_VISIBLE_PIXELS;
|
|
}
|
|
|
|
var off_screen_h = (y + height) > (monitor_y + monitor_height + off_screen_y_threshold);
|
|
if (off_screen_h
|
|
&& !coord_is_in_other_monitor (y + height, Clutter.Orientation.VERTICAL)) {
|
|
off_screen = true;
|
|
y = monitor_y + monitor_height - OFF_SCREEN_VISIBLE_PIXELS;
|
|
}
|
|
|
|
set_easing_mode (Clutter.AnimationMode.EASE_IN_QUAD);
|
|
set_easing_duration (0);
|
|
return off_screen;
|
|
}
|
|
|
|
private bool coord_is_in_other_monitor (float coord, Clutter.Orientation axis) {
|
|
var display = wm.get_display ();
|
|
int n_monitors = display.get_n_monitors ();
|
|
|
|
if (n_monitors == 1) {
|
|
return false;
|
|
}
|
|
|
|
int current = display.get_current_monitor ();
|
|
for (int i = 0; i < n_monitors; i++) {
|
|
if (i != current) {
|
|
var monitor_rect = display.get_monitor_geometry (i);
|
|
bool in_monitor = false;
|
|
|
|
if (axis == Clutter.Orientation.HORIZONTAL) {
|
|
in_monitor = (coord >= monitor_rect.x) && (coord <= monitor_rect.x + monitor_rect.width);
|
|
} else {
|
|
in_monitor = (coord >= monitor_rect.y) && (coord <= monitor_rect.y + monitor_rect.height);
|
|
}
|
|
|
|
if (in_monitor) {
|
|
return true;
|
|
}
|
|
}
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
private void reposition_resize_button () {
|
|
resize_button.set_position (width - button_size, height - button_size);
|
|
}
|
|
|
|
private void get_current_monitor_rect (out Meta.Rectangle rect) {
|
|
var display = wm.get_display ();
|
|
rect = display.get_monitor_geometry (display.get_current_monitor ());
|
|
}
|
|
|
|
private void get_target_window_size (out float width, out float height) {
|
|
if (dynamic_container) {
|
|
container.get_clip (null, null, out width, out height);
|
|
} else if (clone.has_clip) {
|
|
clone.get_clip (null, null, out width, out height);
|
|
} else {
|
|
width = clone.width;
|
|
height = clone.height;
|
|
}
|
|
}
|
|
|
|
private void activate () {
|
|
if (off_screen) {
|
|
place_window_in_screen ();
|
|
} else {
|
|
var window = window_actor.get_meta_window ();
|
|
window.activate (Clutter.get_current_event_time ());
|
|
}
|
|
}
|
|
}
|