Skip to content

Commit 8c49548

Browse files
Tinyu-Zhaolbuque
Tinyu-Zhao
authored and
lbuque
committed
lib/m5ui: Add LVGL Scale widget docs and example.
Signed-off-by: [email protected] <[email protected]>
1 parent bf137d3 commit 8c49548

File tree

8 files changed

+691
-139
lines changed

8 files changed

+691
-139
lines changed

‎docs/en/m5ui/scale.rst‎

Lines changed: 9 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -14,13 +14,13 @@ UiFlow2 Example
1414
scale example
1515
^^^^^^^^^^^^^^
1616

17-
Open the |cores3_scroll_example.m5f2| project in UiFlow2.
17+
Open the |scale_core2_example.m5f2| project in UiFlow2.
1818

1919
This example demonstrates how to create a scale widget with a range of values and custom styling.
2020

2121
UiFlow2 Code Block:
2222

23-
|cores3_scroll_example.png|
23+
|scale_core2_example.png|
2424

2525
Example output:
2626

@@ -37,7 +37,7 @@ This example demonstrates how to create a scale widget with a range of values an
3737

3838
MicroPython Code Block:
3939

40-
.. literalinclude:: ../../../examples/m5ui/scale/cores3_scroll_example.py
40+
.. literalinclude:: ../../../examples/m5ui/scale/scale_core2_example.py
4141
:language: python
4242
:linenos:
4343

@@ -146,12 +146,12 @@ M5Scale
146146

147147
Optional:
148148

149-
- `lv.SCALE.MODE.HORIZONTAL_TOP`: Horizontal top scale.
150-
- `lv.SCALE.MODE.HORIZONTAL_BOTTOM`: Horizontal bottom scale.
151-
- `lv.SCALE.MODE.VERTICAL_LEFT`: Vertical left scale.
152-
- `lv.SCALE.MODE.VERTICAL_RIGHT`: Vertical right scale.
153-
- `lv.SCALE.MODE.ROUND_INNER`: Round inner scale.
154-
- `lv.SCALE.MODE.ROUND_OUTER`: Round outer scale.
149+
- `lv.scale.MODE.HORIZONTAL_TOP`: Horizontal top scale.
150+
- `lv.scale.MODE.HORIZONTAL_BOTTOM`: Horizontal bottom scale.
151+
- `lv.scale.MODE.VERTICAL_LEFT`: Vertical left scale.
152+
- `lv.scale.MODE.VERTICAL_RIGHT`: Vertical right scale.
153+
- `lv.scale.MODE.ROUND_INNER`: Round inner scale.
154+
- `lv.scale.MODE.ROUND_OUTER`: Round outer scale.
155155

156156
UiFlow2 Code Block:
157157

@@ -313,10 +313,6 @@ M5Scale
313313
:param int width: The width of the scale.
314314
:param int height: The height of the scale.
315315

316-
UiFlow2 Code Block:
317-
318-
|set_size.png|
319-
320316
MicroPython Code Block:
321317

322318
.. code-block:: python
@@ -330,12 +326,6 @@ M5Scale
330326

331327
:param int width: The width of the scale.
332328

333-
UiFlow2 Code Block:
334-
335-
|set_width.png|
336-
337-
|set_width1.png|
338-
339329
MicroPython Code Block:
340330

341331
.. code-block:: python
@@ -348,10 +338,6 @@ M5Scale
348338

349339
:param int height: The height of the scale.
350340

351-
UiFlow2 Code Block:
352-
353-
|set_height.png|
354-
355341
MicroPython Code Block:
356342

357343
.. code-block:: python

‎docs/en/refs/m5ui.scale.ref‎

Lines changed: 20 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,26 @@
1-
.. |set_flag.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_flag.png
2-
.. |set_range.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_range.png
3-
.. |set_major_tick_every.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_major_tick_every.png
4-
.. |set_total_tick_count.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_total_tick_count.png
5-
.. |set_label_show.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_label_show.png
6-
.. |set_mode.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_mode.png
7-
.. |set_line_color.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_line_color.png
8-
.. |set_style_line_width.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_style_line_width.png
9-
.. |set_style_text_font.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_style_text_font.png
10-
.. |set_pos.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_pos.png
11-
.. |set_size.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_size.png
12-
.. |set_x.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_x.png
13-
.. |set_y.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_y.png
14-
.. |align_to.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/align_to.png
15-
.. |set_hidden.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_hidden.png
16-
.. |set_text_src.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_text_src.png
17-
.. |set_width.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_width.png
18-
.. |set_width1.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_width1.png
19-
.. |set_height.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_height.png
20-
.. |set_text_color.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/set_text_color.png
1+
.. |set_flag.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_flag.png
2+
.. |set_range.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_range.png
3+
.. |set_major_tick_every.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_major_tick_every.png
4+
.. |set_total_tick_count.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_total_tick_count.png
5+
.. |set_label_show.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_label_show.png
6+
.. |set_mode.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_mode.png
7+
.. |set_text_src.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_text_src.png
8+
.. |set_line_color.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_line_color.png
9+
.. |set_style_line_width.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_style_line_width.png
10+
.. |set_text_color.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_text_color.png
11+
.. |set_style_text_font.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_style_text_font.png
12+
.. |set_pos.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_pos.png
13+
.. |set_x.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_x.png
14+
.. |set_y.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/set_y.png
15+
.. |align_to.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/align_to.png
2116

22-
.. |cores3_scroll_example.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/image/example.png
17+
.. |scale_core2_example.png| image:: https://static-cdn.m5stack.com/mpy_docs/m5ui/scale/example.png
2318

24-
.. |cores3_scroll_example.m5f2| raw:: html
19+
.. |scale_core2_example.m5f2| raw:: html
2520

2621
<a
27-
href="https://uiflow2.m5stack.com/?example=https://raw.githubusercontent.com/m5stack/uiflow-micropython/develop/examples/m5ui/image/cores3_scroll_example.m5f2"
22+
href="https://uiflow2.m5stack.com/?example=https://raw.githubusercontent.com/m5stack/uiflow-micropython/develop/examples/m5ui/scale/scale_core2_example.m5f2"
2823
target="_blank"
2924
>
30-
cores3_scroll_example.m5f2
31-
</a>
25+
scale_core2_example.m5f2
26+
</a>

0 commit comments

Comments
 (0)