bevy_extended_ui 1.7.0

Create simply ui's with css and html for bevy.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117

# HTML Events

This document describes the HTML event bindings provided by `bevy_extended_ui` and the payloads you receive in Rust.

## Binding attributes

Use these attributes in your HTML:

- `onclick`
- `onmousedown`
- `onmouseup`
- `onchange`
- `action` (on `<form>`, submit handler name)
- `oninit`
- `onmouseover`
- `onmouseout`
- `onfoucs` (alias: `onfocus`)
- `onscroll`
- `onwheel` (alias: `onmousewheel`)
- `onkeydown`
- `onkeyup`
- `ondragstart`
- `ondrag`
- `ondragstop` (alias: `ondragend`)
- `ontouchstart`
- `ontouchmove`
- `ontouchend`

## Using handlers

Use the `#[html_fn("name")]` macro to register a handler. You can accept either the generic `HtmlEvent`
(only the target entity) or a concrete typed event.

Generic (target only):

```rust
#[html_fn("log_target")]
fn log_target(In(event): In<HtmlEvent>) {
    info!("Target: {:?}", event.target());
}
```

Typed event example:

```rust
#[html_fn("on_key_up")]
fn on_key_up(In(event): In<HtmlKeyUp>) {
    info!("Key up: {:?}", event.key);
}
```

## Event payloads

All events include `target` (the Bevy `Entity` that fired the event).

### HtmlChange

- `target`
- `action`: `State`, `Style`, or `Unknown`

### HtmlFocus

- `target`
- `state`: `Gained` or `Lost`

### HtmlSubmit

- `target`: submitted form entity
- `submitter`: clicked submit button entity
- `action`: form action handler name
- `data`: collected input map (`name -> value`)

### HtmlScroll

- `target`
- `delta`: `Vec2` scroll delta since the last scroll event
- `x`: current scroll position on X
- `y`: current scroll position on Y

### HtmlClick

- `target`
- `position`: screen-space pointer position
- `inner_position`: pointer position inside the target (best effort; falls back to `position`)

### HtmlMouseDown / HtmlMouseUp

- `target`
- `button`: `PointerButton`
- `position`
- `inner_position`

### HtmlWheel

- `target`
- `unit`: `MouseScrollUnit` (`Line` or `Pixel`)
- `delta`: `Vec2` wheel delta
- `position`
- `inner_position`

### HtmlKeyDown / HtmlKeyUp

- `target`
- `key`: `KeyCode`

### HtmlDragStart / HtmlDrag / HtmlDragStop

- `target`
- `position`: screen-space pointer position

### HtmlTouchStart / HtmlTouchMove / HtmlTouchEnd

- `target`
- `touch_id`: touch pointer id from Bevy picking
- `position`
- `inner_position`
- `delta` (only on `HtmlTouchMove`)