Draft reactive-rendering feature for button
This commit is contained in:
parent
42a2cb6d4f
commit
5c33ce18ed
6 changed files with 162 additions and 92 deletions
26
Cargo.toml
26
Cargo.toml
|
|
@ -22,20 +22,20 @@ all-features = true
|
|||
maintenance = { status = "actively-developed" }
|
||||
|
||||
[features]
|
||||
default = ["wgpu", "tiny-skia", "fira-sans", "auto-detect-theme"]
|
||||
# Enable the `wgpu` GPU-accelerated renderer backend
|
||||
default = ["wgpu", "tiny-skia", "fira-sans", "auto-detect-theme", "reactive-rendering"]
|
||||
# Enables the `wgpu` GPU-accelerated renderer backend
|
||||
wgpu = ["iced_renderer/wgpu", "iced_widget/wgpu"]
|
||||
# Enable the `tiny-skia` software renderer backend
|
||||
# Enables the `tiny-skia` software renderer backend
|
||||
tiny-skia = ["iced_renderer/tiny-skia"]
|
||||
# Enables the `Image` widget
|
||||
# Enables the `image` widget
|
||||
image = ["image-without-codecs", "image/default"]
|
||||
# Enables the `Image` widget, without any built-in codecs of the `image` crate
|
||||
# Enables the `image` widget, without any built-in codecs of the `image` crate
|
||||
image-without-codecs = ["iced_widget/image", "dep:image"]
|
||||
# Enables the `Svg` widget
|
||||
# Enables the `svg` widget
|
||||
svg = ["iced_widget/svg"]
|
||||
# Enables the `Canvas` widget
|
||||
# Enables the `canvas` widget
|
||||
canvas = ["iced_widget/canvas"]
|
||||
# Enables the `QRCode` widget
|
||||
# Enables the `qr_code` widget
|
||||
qr_code = ["iced_widget/qr_code"]
|
||||
# Enables the `markdown` widget
|
||||
markdown = ["iced_widget/markdown"]
|
||||
|
|
@ -55,18 +55,18 @@ system = ["iced_winit/system"]
|
|||
web-colors = ["iced_renderer/web-colors"]
|
||||
# Enables the WebGL backend, replacing WebGPU
|
||||
webgl = ["iced_renderer/webgl"]
|
||||
# Enables the syntax `highlighter` module
|
||||
# Enables syntax highligthing
|
||||
highlighter = ["iced_highlighter", "iced_widget/highlighter"]
|
||||
# Enables experimental multi-window support.
|
||||
multi-window = ["iced_winit/multi-window"]
|
||||
# Enables the advanced module
|
||||
advanced = ["iced_core/advanced", "iced_widget/advanced"]
|
||||
# Enables embedding Fira Sans as the default font on Wasm builds
|
||||
# Embeds Fira Sans as the default font on Wasm builds
|
||||
fira-sans = ["iced_renderer/fira-sans"]
|
||||
# Enables auto-detecting light/dark mode for the built-in theme
|
||||
# Auto-detects light/dark mode for the built-in theme
|
||||
auto-detect-theme = ["iced_core/auto-detect-theme"]
|
||||
# Enables strict assertions for debugging purposes at the expense of performance
|
||||
strict-assertions = ["iced_renderer/strict-assertions"]
|
||||
# Redraws only when widgets react to some runtime event
|
||||
reactive-rendering = ["iced_winit/reactive-rendering"]
|
||||
|
||||
[dependencies]
|
||||
iced_core.workspace = true
|
||||
|
|
|
|||
|
|
@ -6,4 +6,4 @@ edition = "2021"
|
|||
publish = false
|
||||
|
||||
[dependencies]
|
||||
iced = { path = "../..", features = ["debug", "multi-window"] }
|
||||
iced = { path = "../..", features = ["debug"] }
|
||||
|
|
|
|||
|
|
@ -26,6 +26,7 @@ use crate::core::theme::palette;
|
|||
use crate::core::touch;
|
||||
use crate::core::widget::tree::{self, Tree};
|
||||
use crate::core::widget::Operation;
|
||||
use crate::core::window;
|
||||
use crate::core::{
|
||||
Background, Clipboard, Color, Element, Layout, Length, Padding, Rectangle,
|
||||
Shadow, Shell, Size, Theme, Vector, Widget,
|
||||
|
|
@ -81,6 +82,7 @@ where
|
|||
padding: Padding,
|
||||
clip: bool,
|
||||
class: Theme::Class<'a>,
|
||||
status: Option<Status>,
|
||||
}
|
||||
|
||||
enum OnPress<'a, Message> {
|
||||
|
|
@ -117,6 +119,7 @@ where
|
|||
padding: DEFAULT_PADDING,
|
||||
clip: false,
|
||||
class: Theme::default(),
|
||||
status: None,
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -294,8 +297,11 @@ where
|
|||
return event::Status::Captured;
|
||||
}
|
||||
|
||||
let mut update = || {
|
||||
match event {
|
||||
Event::Mouse(mouse::Event::ButtonPressed(mouse::Button::Left))
|
||||
Event::Mouse(mouse::Event::ButtonPressed(
|
||||
mouse::Button::Left,
|
||||
))
|
||||
| Event::Touch(touch::Event::FingerPressed { .. }) => {
|
||||
if self.on_press.is_some() {
|
||||
let bounds = layout.bounds();
|
||||
|
|
@ -309,9 +315,12 @@ where
|
|||
}
|
||||
}
|
||||
}
|
||||
Event::Mouse(mouse::Event::ButtonReleased(mouse::Button::Left))
|
||||
Event::Mouse(mouse::Event::ButtonReleased(
|
||||
mouse::Button::Left,
|
||||
))
|
||||
| Event::Touch(touch::Event::FingerLifted { .. }) => {
|
||||
if let Some(on_press) = self.on_press.as_ref().map(OnPress::get)
|
||||
if let Some(on_press) =
|
||||
self.on_press.as_ref().map(OnPress::get)
|
||||
{
|
||||
let state = tree.state.downcast_mut::<State>();
|
||||
|
||||
|
|
@ -337,6 +346,36 @@ where
|
|||
}
|
||||
|
||||
event::Status::Ignored
|
||||
};
|
||||
|
||||
let update_status = update();
|
||||
|
||||
let current_status = if self.on_press.is_none() {
|
||||
Status::Disabled
|
||||
} else if cursor.is_over(layout.bounds()) {
|
||||
let state = tree.state.downcast_ref::<State>();
|
||||
|
||||
if state.is_pressed {
|
||||
Status::Pressed
|
||||
} else {
|
||||
Status::Hovered
|
||||
}
|
||||
} else {
|
||||
Status::Active
|
||||
};
|
||||
|
||||
if let Event::Window(window::Event::RedrawRequested(_now)) = event {
|
||||
self.status = Some(current_status);
|
||||
} else {
|
||||
match self.status {
|
||||
Some(status) if status != current_status => {
|
||||
shell.request_redraw(window::RedrawRequest::NextFrame);
|
||||
}
|
||||
_ => {}
|
||||
}
|
||||
}
|
||||
|
||||
update_status
|
||||
}
|
||||
|
||||
fn draw(
|
||||
|
|
@ -351,23 +390,8 @@ where
|
|||
) {
|
||||
let bounds = layout.bounds();
|
||||
let content_layout = layout.children().next().unwrap();
|
||||
let is_mouse_over = cursor.is_over(bounds);
|
||||
|
||||
let status = if self.on_press.is_none() {
|
||||
Status::Disabled
|
||||
} else if is_mouse_over {
|
||||
let state = tree.state.downcast_ref::<State>();
|
||||
|
||||
if state.is_pressed {
|
||||
Status::Pressed
|
||||
} else {
|
||||
Status::Hovered
|
||||
}
|
||||
} else {
|
||||
Status::Active
|
||||
};
|
||||
|
||||
let style = theme.style(&self.class, status);
|
||||
let style =
|
||||
theme.style(&self.class, self.status.unwrap_or(Status::Disabled));
|
||||
|
||||
if style.background.is_some()
|
||||
|| style.border.width > 0.0
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ x11 = ["winit/x11"]
|
|||
wayland = ["winit/wayland"]
|
||||
wayland-dlopen = ["winit/wayland-dlopen"]
|
||||
wayland-csd-adwaita = ["winit/wayland-csd-adwaita"]
|
||||
multi-window = ["iced_runtime/multi-window"]
|
||||
reactive-rendering = []
|
||||
|
||||
[dependencies]
|
||||
iced_futures.workspace = true
|
||||
|
|
|
|||
|
|
@ -691,6 +691,7 @@ async fn run_instance<P, C>(
|
|||
let mut ui_caches = FxHashMap::default();
|
||||
let mut user_interfaces = ManuallyDrop::new(FxHashMap::default());
|
||||
let mut clipboard = Clipboard::unconnected();
|
||||
let mut redraw_queue = Vec::new();
|
||||
|
||||
debug.startup_finished();
|
||||
|
||||
|
|
@ -758,14 +759,30 @@ async fn run_instance<P, C>(
|
|||
}
|
||||
Event::EventLoopAwakened(event) => {
|
||||
match event {
|
||||
event::Event::NewEvents(
|
||||
event::StartCause::Init
|
||||
| event::StartCause::ResumeTimeReached { .. },
|
||||
) => {
|
||||
event::Event::NewEvents(event::StartCause::Init) => {
|
||||
for (_id, window) in window_manager.iter_mut() {
|
||||
window.raw.request_redraw();
|
||||
}
|
||||
}
|
||||
event::Event::NewEvents(
|
||||
event::StartCause::ResumeTimeReached { .. },
|
||||
) => {
|
||||
let now = Instant::now();
|
||||
|
||||
while let Some((target, id)) =
|
||||
redraw_queue.last().copied()
|
||||
{
|
||||
if target > now {
|
||||
break;
|
||||
}
|
||||
|
||||
let _ = redraw_queue.pop();
|
||||
|
||||
if let Some(window) = window_manager.get_mut(id) {
|
||||
window.raw.request_redraw();
|
||||
}
|
||||
}
|
||||
}
|
||||
event::Event::PlatformSpecific(
|
||||
event::PlatformSpecific::MacOS(
|
||||
event::MacOS::ReceivedUrl(url),
|
||||
|
|
@ -857,23 +874,19 @@ async fn run_instance<P, C>(
|
|||
status: core::event::Status::Ignored,
|
||||
});
|
||||
|
||||
let _ = control_sender.start_send(Control::ChangeFlow(
|
||||
match ui_state {
|
||||
user_interface::State::Updated {
|
||||
if let user_interface::State::Updated {
|
||||
redraw_request: Some(redraw_request),
|
||||
} => match redraw_request {
|
||||
} = ui_state
|
||||
{
|
||||
match redraw_request {
|
||||
window::RedrawRequest::NextFrame => {
|
||||
window.raw.request_redraw();
|
||||
|
||||
ControlFlow::Wait
|
||||
}
|
||||
window::RedrawRequest::At(at) => {
|
||||
ControlFlow::WaitUntil(at)
|
||||
redraw_queue.push((at, id));
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
_ => ControlFlow::Wait,
|
||||
},
|
||||
));
|
||||
|
||||
let physical_size = window.state.physical_size();
|
||||
|
||||
|
|
@ -1065,13 +1078,25 @@ async fn run_instance<P, C>(
|
|||
&mut messages,
|
||||
);
|
||||
|
||||
#[cfg(not(feature = "reactive-rendering"))]
|
||||
window.raw.request_redraw();
|
||||
|
||||
if !uis_stale {
|
||||
uis_stale = matches!(
|
||||
ui_state,
|
||||
user_interface::State::Outdated
|
||||
);
|
||||
match ui_state {
|
||||
#[cfg(feature = "reactive-rendering")]
|
||||
user_interface::State::Updated {
|
||||
redraw_request: Some(redraw_request),
|
||||
} => match redraw_request {
|
||||
window::RedrawRequest::NextFrame => {
|
||||
window.raw.request_redraw();
|
||||
}
|
||||
window::RedrawRequest::At(at) => {
|
||||
redraw_queue.push((at, id));
|
||||
}
|
||||
},
|
||||
user_interface::State::Outdated => {
|
||||
uis_stale = true;
|
||||
}
|
||||
user_interface::State::Updated { .. } => {}
|
||||
}
|
||||
|
||||
for (event, status) in window_events
|
||||
|
|
@ -1139,6 +1164,24 @@ async fn run_instance<P, C>(
|
|||
actions = 0;
|
||||
}
|
||||
}
|
||||
|
||||
if !redraw_queue.is_empty() {
|
||||
redraw_queue.sort_by(
|
||||
|(target_a, _), (target_b, _)| {
|
||||
target_a.cmp(target_b).reverse()
|
||||
},
|
||||
);
|
||||
|
||||
let (target, _id) = redraw_queue
|
||||
.last()
|
||||
.copied()
|
||||
.expect("Redraw queue is not empty");
|
||||
|
||||
let _ =
|
||||
control_sender.start_send(Control::ChangeFlow(
|
||||
ControlFlow::WaitUntil(target),
|
||||
));
|
||||
}
|
||||
}
|
||||
_ => {}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -190,7 +190,10 @@ where
|
|||
..
|
||||
},
|
||||
..
|
||||
} => _debug.toggle(),
|
||||
} => {
|
||||
_debug.toggle();
|
||||
window.request_redraw();
|
||||
}
|
||||
_ => {}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue