Use reactive rendering for ui examples. (bevyengine#4164)

# Objective

- Use the low power, reactive rendering settings for UI examples.
- Make the feature more discoverable by using it in an applicable context.

examples/ui/button.rs

@@ -1,10 +1,12 @@
-use bevy::prelude::*;
+use bevy::{prelude::*, winit::WinitSettings};
 
 /// This example illustrates how to create a button that changes color and text based on its
 /// interaction state.
 fn main() {
  App::new()
  .add_plugins(DefaultPlugins)
+ // Only run the app when there is user input. This will significantly reduce CPU/GPU use.
+ .insert_resource(WinitSettings::desktop_app())
  .add_startup_system(setup)
  .add_system(button_system)
  .run();

examples/ui/ui.rs

@@ -1,12 +1,15 @@
 use bevy::{
  input::mouse::{MouseScrollUnit, MouseWheel},
  prelude::*,
+ winit::WinitSettings,
 };
 
 /// This example illustrates the various features of Bevy UI.
 fn main() {
  App::new()
  .add_plugins(DefaultPlugins)
+ // Only run the app when there is user input. This will significantly reduce CPU/GPU use.
+ .insert_resource(WinitSettings::desktop_app())
  .add_startup_system(setup)
  .add_system(mouse_scroll)
  .run();