Enlightenment A Toolkit for Embedded and Desktop World. Hermet Park Nov 17

Transcription

1 Enlightenment A Toolkit for Embedded and Desktop World Hermet Park <hermetpark@gmail.com> Nov

2 So, what? Enlightenment - Window Manager, Compositor, Desktop shell for Linux EFL - Lightweight modern GUI Toolkits EFL apps - Terminal, Image viewer, Video player, IDE... Started since 1996, 21 age-old

3 Enlightenment File browser, App Launcher, Wallpaper, Widgets Smaller, Fast, Light, Scalable, Customizable and Free! Available at various Linux distros Ubuntu Arch Linux Debian Fedora opensuse Bodhi Sparky...

4 Wanna try on your Linux?

5 EFL (Enlightenment Foundation Libraries) A collection of GUI toolkit libraries Built to make Enlightenment and Apps Main-loop, Graphics, Animation, Networking, Widgets, Data Storage, Video Playback LGPLv2 + BSD Licensing

6 EFL Applications

7 Highlight EFL features Efficient - CPU, memory, battery wise

8 Highlight EFL features Efficient - CPU, memory, battery wise Performance Partial rendering, HW acceleration(gl, MMX, SSE, SSE3, NEON)

9 Highlight EFL features Efficient - CPU, memory, battery wise. Performance Partial rendering, HW acceleration(gl, MMX, SSE, SSE3, NEON) Designed for multiple profiles - desktop, mobile, tv, wearable...

10 Highlight EFL features Efficient - CPU, memory, battery wise. Performance Partial rendering, HW acceleration(gl, MMX, SSE, SSE3, NEON) Designed for multiple profiles - desktop, mobile, tv, wearable... Display support - X11, Wayland, DFB...

11 Highlight EFL features Efficient - CPU, memory, battery wise. Performance Partial rendering, HW acceleration(gl, MMX, SSE, SSE3, NEON) Designed for multiple profiles - desktop, mobile, tv, wearable... Display support - X11, Wayland, DFB... Readability & Accessibility - Scale factor, Finger size, Focus, Screen Reader... Scale 1x Scale 2x

12 Highlight EFL features Efficient - CPU, memory, battery wise. Performance Partial rendering, HW acceleration(gl, MMX, SSE, SSE3, NEON) Designed for multiple profiles - desktop, mobile, tv, wearable... Display support - X11, Wayland, DFB... Readability & Accessibility - Scale factor, Finger size, Focus, Screen Reader... Changeable UI Theme

13 Highlight EFL features Efficient - CPU, memory, battery wise. Performance Partial rendering, HW acceleration(gl, MMX, SSE, SSE3, NEON) Designed for multiple profiles - desktop, mobile, tv, wearable... Display support - X11, Wayland, DFB... Readability & Accessibility - Scale factor, Finger size, Focus, Screen Reader... Changeable UI Theme Portable libraries - Linux, BSD, Windows, ios, Tizen

14 Highlight EFL features Efficient - CPU, memory, battery wise. Performance Partial rendering, HW acceleration(gl, MMX, SSE, SSE3, NEON) Designed for multiple profiles - desktop, mobile, tv, wearable... Display support - X11, Wayland, DFB... Readability & Accessibility - Scale factor, Finger size, Focus, Screen Reader... Changeable UI Theme Portable libraries - Linux, BSD, Windows, ios, Tizen Language Bindings - C(default), Python, JavaScript, C++

15 EFL Building Blocks Eina: data structure & algorithm + low level helpers Eo: object-oriented model interface Eet: data (de)serialization & storage Application / Library Ector: vector graphics ELEMENTARY Evas: core scene graph & rendering EDJE Ecore: core loop & system abstraction ECORE Edje: UI layout & animation for themes Elementary: widget & higher level abstractions EFL EVAS EET ECTOR EO/EOLIAN EINA Base Operating System / display etc.

16 Real use-case using EFL

17 EFL use-case OpenMoko FreeRuner (SHR) Samsung ARMv4T running at 400Mhz 128mb of RAM 480x640 screen resolution (16bit)

18 EFL use-case A TV Set-up box software 32mb, 200mhz MIPS 200 games over a year

19 EFL use-case Freescale i.mx25 ARM running at 400mhz Electrolux I-Kitchen 128mb RAM 480x800 screen resolution

20 EFL use-case Calaos - Home Automation System 1 Developer

21 EFL use-case Various Samsung Tizen Products Mobile, Wearable, TV

22 EFL use-case Hundreds Tizen Apps

23 Concept & feature details

24 UI Widgets ( 大概 60 种 )

25 UI Widgets (Tizen theme)

26 How to? EFL(2.0) //main function EAPI_MAIN void efl_main(void *data, const Efl_Event *ev) { } EFL_MAIN() //run main loop!

27 How to? EFL(2.0) //main function EAPI_MAIN void efl_main(void *data, const Efl_Event *ev) { //create a main window Efl_Ui_Win *win = efl_add(efl_ui_win_class, NULL); efl_text_set(win, Elementary App ); efl_gfx_size_set(win, EINA_SIZE2D(400, 400)); efl_gfx_visible_set(win, EINA_TRUE); } EFL_MAIN() //run main loop!

28 How to? EFL(2.0) //main function EAPI_MAIN void efl_main(void *data, const Efl_Event *ev) { //create a main window Efl_Ui_Win *win = efl_add(efl_ui_win_class, NULL); efl_text_set(win, Elementary App ); //create a button Efl_Ui_Button *btn = efl_add(efl_ui_button_class, win); efl_text_set(btn, My Button ); efl_gfx_position_set(btn, EINA_SIZE2D(100, 100)); efl_gfx_size_set(btn, EINA_SIZE2D(200, 100)); efl_gfx_visible_set(btn, EINA_TRUE); efl_gfx_size_set(win, EINA_SIZE2D(400, 400)); efl_gfx_visible_set(win, EINA_TRUE); } EFL_MAIN() //run main loop!

29 How to? EFL(2.0) //main function EAPI_MAIN void efl_main(void *data, const Efl_Event *ev) { //create a main window Efl_Ui_Win *win = efl_add(efl_ui_win_class, NULL); efl_text_set(win, Elementary App ); //create a button Efl_Ui_Button *btn = efl_add(efl_ui_button_class, win); efl_text_set(btn, My Button ); efl_gfx_position_set(btn, EINA_SIZE2D(100, 100)); efl_gfx_size_set(btn, EINA_SIZE2D(200, 100)); efl_gfx_visible_set(btn, EINA_TRUE); //add a clicked event to button efl_event_callback_add(btn, EFL_UI_EVENT_CLICKED, clicked_cb, NULL); efl_gfx_size_set(win, EINA_SIZE2D(400, 400)); efl_gfx_visible_set(win, EINA_TRUE); } EFL_MAIN() //run main loop!

30 How to? EFL(2.0) //main function EAPI_MAIN void efl_main(void *data, const Efl_Event *ev) { //create a main window Efl_Ui_Win *win = efl_add(efl_ui_win_class, NULL); efl_text_set(win, Elementary App ); void clicked_cb(void *data, const Efl_Event *ev) { //create a button Efl_Ui_Button *btn//change = efl_add(efl_ui_button_class, win); button text efl_text_set(btn, My Button ); efl_text_set(ev->object, efl_gfx_position_set(btn, EINA_SIZE2D(100, 100)); Clicked! ); } efl_gfx_size_set(btn, EINA_SIZE2D(200, 100)); efl_gfx_visible_set(btn, EINA_TRUE); //add a clicked event to button efl_event_callback_add(btn, EFL_UI_EVENT_CLICKED, clicked_cb, NULL); efl_gfx_size_set(win, EINA_SIZE2D(400, 400)); efl_gfx_visible_set(win, EINA_TRUE); } EFL_MAIN() //run main loop!

31 How to? EFL(2.0) //main function EAPI_MAIN void efl_main(void *data, const Efl_Event *ev) { //create a main window Efl_Ui_Win *win = efl_add(efl_ui_win_class, NULL); efl_text_set(win, Elementary App ); //create a button Efl_Ui_Button *btn = efl_add(efl_ui_button_class, win); efl_text_set(btn, My Button ); efl_gfx_position_set(btn, EINA_SIZE2D(100, 100)); efl_gfx_size_set(btn, EINA_SIZE2D(200, 100)); efl_gfx_visible_set(btn, EINA_TRUE); //add a clicked event to button efl_event_callback_add(btn, EFL_UI_EVENT_CLICKED, clicked_cb, NULL); //Add button icon Efl_Ui_Image *img = efl_add(efl_ui_image_class, btn); efl_file_set(img, icon.png, NULL); efl_content_set(btn, img); efl_gfx_size_set(win, EINA_SIZE2D(400, 400)); efl_gfx_visible_set(win, EINA_TRUE); } EFL_MAIN() //run main loop!

32 Rendering Beyond App Logic Image, Vector, 2D, 3D Drawing Scene-Graph based Retained mode rendering Perform rendering on the background by engine demand Load/Decode Input Resources - Images, Fonts, Text...

33 More Info

34 Development Tools Enlightenment IDE

35 Development Tools UI Layout & Theme Editors

36 EFL Developers (84 人 )

37 Where to find us Official: SCM: phab.enlightenment.org Source: git.enlightenment.org Mailing-List: developers: lists.sourceforge.net/lists/listinfo/enlightenment-dev users: lists.sourceforge.net/lists/listinfo/enlightenment-users IRC: freenode.net / 6667 (#e, #edevelop)

38 Thank you 微信 : wustasha