Tizen v2.3 Graphics & UI Frameworks. Embedded Software SKKU

Transcription

1 !1 105 Tizen v2.3 Graphics & UI Frameworks

2 内容!2 105 EFL(Enlightenment Foundation Library) EFL Features Ecore Evas Edje Elementary Cserve2 Window Systems X Window System Wayland DALi 3D Engine

3 Tizen Graphics & UI Frameworks!3 UI 框架 实现交互型 GUI 的模块 EFL(Elementary/Ecore), OSP, GTK, Qt Input Service Framework(ISF), Voice Framework 图像库 渲染图像对象的模块 Evas, Cairo, OpenGL ES, EGL 窗 口系统 (Window Systems) 管理窗 口和 frame 缓存的模块 X Window System, Wayland

4 Tizen Graphics & UI Frameworks!4 Frameworks for UI of core applications & web applications Deprecated (Bada App FW)

5 !5 EFL (Enlightenment Foundation Library)

6 Enlightenment!6 起源于桌 面窗 口管理器 Bodhi Linux 的默认窗 口管理器

7 Enlightenment Foundation Library!7 一组 支持 Enlightenment 的库 Enlightenment 0.17(E17) 组件由函数区分 Event loop: Ecore Rendering engine: Evas UI: Edje, Elementary, UI builder tools: Enventor, Eflete, ELM Theme Editor 当前的 EFL Tizen 图形 /UI 框架的核 心组件 26% 的代码是 E17, 其他的是 EFL

8 EFL in Tizen!8 Core Applications Edje Eina freetype2 Elementary Ecore Evas Eet fontconfig Cairo OpenGL ES/EGL Input Service Framework & Voice Framework X Window System Legend Linux Kernel Frame Buffer Input Devices H/W Applications Window System Graphics EFL & fonts ISF& Voice FW H/W kernel / Frame Buffer/ Input Devices

9 Immediate vs. Retained 模式 (1/2)!9 即时模式图形系统 应 用直接重新绘制 无效的部分 当需要新的 frame 时, 应 用重新发出绘制请求描述整个场景 GTK+ 3, GDI, GDI+ 1. Invalidate Application 2. Expose GTK+/GDK-X11 Window System 3. Drawing Graphics Card Frame Buffer for Screen

10 Immediate vs. Retained Mode (2/2)!10 保留模式图形系统 图形系统负责渲染应 用给的绘制对象 应 用将绘制对象传递给图形系统 Evas, GTK+ 4(Clutter), WPF Application Evas objects Evas Rendering Engine (Graphics system) Expose X Window System Graphics Card Framebuffer for screen

11 为何在 Tizen 中使 用 EFL(1/3)!11 高性能 保留模式图形系统 在 一般智能机可达 60fps+ 适应低端硬件 Small memory, no swap, no GPUs OpenGL 不适合于所有的情况 Texture 保持了速度, 但耗费内存 支持 HW rendering OpenGL ES SIMD vector(mmx, Neon) Desktop Environment Enlightenment Memory Used (MiB) 83.8 LXDE XFCE LXQt MATE Cinnamon GNOME KDE Unity

12 为何在 Tizen 中使 用 EFL(2/3)!12 多样的后端引擎 X11 (~Tizen 2.2.1), Wayland (Tizen 3.0~) Direct Frame Buffer, DRM, Memory buffers, PS3 Native, Windows (GDI & DirectDraw), UI 可扩展性 同样的布局和资源在不同的分辨率 (WVGA ~ XQXGA) 下 Scale factor:

13 为何在 EFL 中使 用 Tizen(3/3)!13 GUI, 逻辑分离 主题 A preset package containing graphical appearance details 包含图形外观细节的内置包 绑定的语 言 基本上基于 C EFL 也可与 Javascript, C++, Python, Ruby, Perl 绑定 Eo: Generic object model

14 EFL 缺点!14 入 门障碍 冷僻的开发 风格 缺少 文档, 开发者 没有基于对象的实现 C-based Eo 计划正在进 行中 不完整的 C++ 支持 Eolian based E++ project ongoing 不 支持线程安全

15 Tizen Rendering Path!15 3D App OpenGL ES/ EGL EFL App. EFL EVAS Composite Window Manager EFL Video App. MM FW X window server OpenGL ES/ EGL OpenGL ES/ EGL EFL win Textures OpenGL ES win Frame Buffer Video win Legend 3D App. EFL App. Multimedia App. OpenGL ES/EGL Configurable Enable/disable Process Texture Mem. Rendering pipeline path; rendering data flow Texture from Pixmap

16 Rendering Path on SW Backend!16 Elementary Edje Ecore Ecore X Evas Evas software backend xlib LCD controller X shared Mem. X Server Update window areas Frame buffer 60Hz

17 Rendering Path on GLES Backend Elementary!17 Evas Evas OpenGL ES backend Edje Ecore Ecore X OpenGL ES EGL for X OpenGL ES H/W controlled by EGL xlib LCD controller back front Double buffer X Server Update window area Frame buffer /dev/fb1 60Hz

18 EFL 组件 :Core!18 Ecore (E + Core) 包含便利模块的事件环路库 (Event Loop Library) Evas (E + canvas) 画布 & 渲染库 Edje 复杂图像设计 & 布局库 Elementary 控件集

19 EFL 组件 : 其他!19 Eo 用于绑定其他语 言的通 用对 象模型 Eina 数据结构库 Eet 数据编解码器和存储 Efreet Freedesktop.org 标准 支持 Edbus Dbus 的包装 Emotion 影像 / 音频播放库 Eio 异步 I/O Eeze Udev 硬件监测 Ethumb 缩略图 & cacher

20 ! EFL: Ecore The core loop of EFL applications

21 Ecore!21 EFL 应 用 事件 & 编组库的核 心 提供各个 子系统的关联 支持多种战线系统 X11, FB, Wayland, Win32, WinCE, etc. 特征 : Networking & IPC Threading & inter-thread communication Evas input feeding and output driving More...

22 Simple EFL Application!22 elm_main() EFL 应 用的主要函数 在初始化后, 进 入每个事件回路中 On exiting window, it also exits Ecore event loop Elementary UI configuration (Elementary Window) Finalization process like freeing resource Start Ecore main loop!

23 Ecore Main Loop (1/2)!23 ecore_main_loop_begin() Ecore 主要回路的包装 可以在 Ecore main loop 和 Glib main loop 中进 行选择 Ecore main loop Glib main loop

24 Ecore Main Loop (2/2)!24 _ecore_main_loop_iterate_internal() Ecore main loop 的实现 开启应 用中的所有时间处理器, 事件处理器和渲染 工作

25 Ecore: Ecore 事件的使 用!25 Key down 事件 Ecore_Event_Handler *handler; handler = ecore_event_handler_add(ecore_event_key_down, func, data); Eina_Bool func(void *data, int type, void *event_info) { if ( ) return ECORE_CALLBACK_DONE; return ECORE_CALLBACK_PASS_ON; } Timer 事件 Ecore_Timer *timer; double time; timer = ecore_timer_add(time, func, data); Eina_Bool func(void *data) { if ( ) return ECORE_CALLBACK_RENEW; return ECORE_CALLBACK_CANCEL; }

26 !26 EFL: Evas Canvas & Rendering Library

27 Evas!27 画布 & 渲染库 特征 保留模式渲染 以原始对象和智能对象来控制渲染 行为 场景图 跟踪对象状态 -> 最 小化渲染 行为 多个输出路径 Pure software/opengl ES 渲染优化 3D H/W Acceleration, SIMD vector operations 提供了 GL Glue Layer

28 Evas: Retained Mode Rendering!28 Evas 使 用保留模式渲染 应 用将 Evas 对象发送给 Evas Evas 基于 Evas 对象来渲染 Application Evas objects Expose X Window System Evas Rendering Engine (Graphics system) Graphics Card Framebuffer for screen

29 Evas 对象!29 所有展 示在画布上的对象 由 Evas_Object handles 控制 加载 文字和图 片, 渲染符号和图 片,scaling,blending,3D 转换等 Evas 对所有的对象实 行同样的管理 Evas 对象的种类 基本对象 : Evas 渲染的最 小单元 Rectangle, Line, Polygon, Text, Textblock, Textgrid, Image 智能对象 Box, Grid, Table, Customized smart objects(elm Widgets)

30 Evas 基本对象!30 Evas 的渲染单元

31 Evas 智能对象 (smart objects)!31 Evas 对象由基本对象组成 作为 一个组来活动 也可以使 用 Evas 对象的通 用函数

32 Image Native Surface!32 Evas_Object_Rect Evas Runtime Hello World! Hello World! Evas_Object_Text GL Rendering Engine Evas Engine Module X11 Output Output Evas_Object_Image SW Rendering Engine Buffer Output OpenGL App (surface_a ie. Pixmap or texture) Evas_Object_Image (img_obj_a) X11 Rendering Engine evas_object_image_native_surface_set(img_obj_a, surface_a) SDL Output

33 Evas: 场景图!33 场景图 一种结构, 一个绘画场景的逻辑表 示 在 GUI 应 用中通 用的数据结构 Scene graph in Evas 以图像数据结构的 方式管理 Evas 对象 追踪所有对象的状态, 并在下 一个 frame 中获取改变的区域 -> 最 小化渲染区域

34 Evas: Minimizing Rendering Region!34 Start Here

35 Evas: Minimizing Rendering Region!35 Next frame is

36 Evas: Minimizing Rendering Region!36 计算实际的更新区域变化量

37 Evas: Minimizing Rendering Region!37 只重画更新的区域

38 Evas: 长 方形案例!38 /* Build by $ gcc evas_rectangle.c -o evas_rectangle `pkg-config --cflags --libs ecore ecore-evas` */ #include <Ecore.h> #include <Ecore_Evas.h> int main(int argc, char **argv) { Ecore_Evas *ee; Evas *evas; Evas_Object *bg; if(ecore_evas_init() <= 0) return 1; ee = ecore_evas_new(null, 0, 0, 200, 200, NULL); ecore_evas_show(ee); evas = ecore_evas_get(ee); // Get the Ecore_Evas's Evas object. bg = evas_object_rectangle_add(evas); // Add a rectangle to the given Evas object. evas_object_color_set(bg, 255, 255, 255, 255); // Set the color of the given Evas object to the given one. evas_object_move(bg, 0, 0); // Move the given Evas object to the given location inside its canvas' viewport. evas_object_resize(bg, 200, 200); // Change the size of the given Evas object. evas_object_show(bg); // Make the given Evas object visible. ecore_main_loop_begin(); ecore_evas_free(ee); ecore_evas_shutdown(); return 0; }

39 Evas: 图像案例!39 /* Build by $ gcc evas_image.c -o evas_image `pkg-config --cflags --libs ecore ecore-evas` */ #include <Ecore.h> #include <Ecore_Evas.h> int main(int argc, char **argv) { Ecore_Evas *ee; Evas *evas; Evas_Object *bg; if(ecore_evas_init() <= 0) return 1; ee = ecore_evas_new(null, 0, 0, 200, 200, NULL); ecore_evas_show(ee); evas = ecore_evas_get(ee); // Get the Ecore_Evas's Evas object. bg = evas_object_image_filled_add(evas); // Add an image to the given Evas object. evas_object_image_file_set(img, test.png, NULL); // Set the image file path of the given Evas object. evas_object_move(img, 0, 0); // Move the given Evas object to the given location inside its canvas' viewport. evas_object_resize(img, 200, 200); // Change the size of the given Evas object. evas_object_show(img); // Make the given Evas object visible. ecore_main_loop_begin(); ecore_evas_free(ee); ecore_evas_shutdown(); return 0; }

40 ! EFL: Edje Complex graphical design & layout library

41 Edje!41 复杂的图像设计 & 布局库 EDC 脚本 GUI 布局描述从应 用代码中分离 可以在 runtime 时被改变 被编译为 二进制码 (edj) 描述关于 : 图像, 色彩, 位置, 动态, 行为,

42 Edje: Edc & Edj!42 将布局和逻辑分离 GUI 布局 二进制码 (edj) 功能性 : 可执 行的逻辑 二进制 (C) Utility edje_cc : 将 edc 编译为 edj edje_decc : 将 edj t 反编译为 edc

43 Edje: Evas, Ecore 之间的关系!43

44 Edje: EDC 脚本!44

45 Edje: EDC 脚本!45

46 Edje: 简单 示例!46 part { name: background ; type: RECT; mouse_events: 0; description { state: default 0.0; color: ; } } part { name: blue_rect ; type: RECT; mouse_events: 1; description { state: default 0.0; color: ; rel1 { relative: ; } rel2 { relative: ; } } }

47 Edje: 简单 示例!47 part { name: red_rect ; type: RECT; mouse_events: 0; description { state: default 0.0; color: ; rel1 { to: blue_rect ; relative: 0 2; } rel2 { to: blue_rect ; relative: 1 3; } } } description { state: down 0.0; inherit: default 0.0; rel1.relative: 3 2; rel2.relative: 4 3; color: ; }

48 Edje: 简单 示例!48 program { name: blue_rect.clicked ; signal: mouse,clicked,1 ; source: blue_rect ; action: STATE_SET down 0.0; transition: ACCELERATE 0.5; target: red_rect ; after: red_rect.restore ; } program { name: red_rect.restore ; action: STATE_SET default 0.0; target: red_rect ; }

49 ! EFL: Elementary A set of widgets

50 Elementary!50 一组 Widgets 80 容器 : Box, Conformant, Grid, Layout, Panes, Scroller, Table, 非容器 : Bg, Button, Check, Entry, Label, List, Icon, Win,... 特征 : 快速, 良好适应 手指操作 (finger friendly), 可伸缩性, 支持主题化 部件具有层次结构 (Widget hierarchy), 动态语 言变化 < Scaled and resized relative to the screen> < Same view but different themes>

51 Elementary Widgets!51 多样的控件 flipselector slider check actionslider clock segment control radio entry notify bg photo, photocam menu frame colorselector index separator bubble diskselector panel map Label thumb fileselector multibuttonentry ctxpopup panes glview toolbar

52 Elementary Widgets!52 Naviframe 切换多个 页 s with stack Toolbar Item 列表

53 Elementary Widgets!53 Entry 文字输 入域 输 入 & 粘贴, 多种模式 ( 密码, 多 行, ) Genlist 通 用列表 灵活但复杂

54 Elementary: 控件层次!54 控件通过层次化 方式构建 控件与它的 子控件共享它的函数 (APIs)

55 Elementary: 伸缩性!55 UI 伸缩性 相对位置 比例系数

56 Elementary: 主题!56 主题可以在同样的布局下改变

57 Elementary: 动态语 言变化!57 元素化提供了 API 对多种语 言的 支持

58 Elementary: Dynamic Language Change!58

59 GUI 定制化布局的 工具!59 Enventor: 动态 EDC 编辑器 Eflete: EFL Edje 主题编辑器 ELM Theme Viewer: Elementary Theme Viewer

60 ! Cserve2 Optimization of EFL

61 Cserve2: Motivation!61 EFL 中的重复资源问题 一个主题中 用的 大多数图 片和 文字被多个应 用同时使 用 EFL 包含多种 cache Images, fonts,... Cserve2 的 目的 : 通过 sharing 减少内存消耗 通过 pre-loading 数据优化加载时间

62 Cserve2!62 在 EFL 应 用进程间共享图 片和 文字数据 在 2012 年由 ProFusion 开始 Cache 服务器 加载图 片和 文字 在应 用间共享资源 EFL 应 用 通过 UNIX socket 来连接 server 发送请求并等待响应 自 己不加载任何东 西 Keep local cache pointing to shared data 保持对共享数据的本地 cache pointing

63 Cserve2!63

64 Cserve2: 共享索引!64 Cserve2 的问题 IPC 开销 : 在 socket linke 上的信息 上下 文交换, 读, 写 Client 端在发送请求不知道 server 端的 cache 数据 解决办法 对所有 client 暴露共享对象的 index via /dev/shm 当数据已经装载完毕时,Client 扫描表, 无需等待 server 端的回应

65 Cserve2: Shared Indexing!65 3 types of objects: Data (image data) Stored in separate shm files: img Fixed-size arrays of objects Indexes Stored in array files Variable-size pools of objects So-called mempools Indexed by offset + length in a separate array

66 Cserve2: Shared Indexing!66 Index tables principles Arrays of simple structures of a single type Contain: ID Refcount Other fixed-size data (int, bool,...)

67 Cserve2: 共享索引!67 Strings 使 用两个 shm : index 和 mempool Mempool 包含实际数据的字符串 索引表包含 : String ID Refcount 偏移量 Offset (in the mempool) 长度 所以, 我们只需要知道 string ID 就可以读到 一个 string

68 Cserve2: 图像伸缩!68 Cserve2 结合了 image cache 和 scale cache 重 用 scale cache 逻辑 最 小化缓存的图像数量 伸缩过程在服务端完成

69 Cserve2: 健壮性!69 Cserve2 图像装载器的崩溃 客户端不会崩溃 ( 没有数据 ) New slave spawned Cserve2 服务端崩溃 enlightenment_start 重启 cserve2 客户端重新连接新服务端 丢弃 一些数据 保留旧有的图像指向 ( 无需加载 ) Cserve2 关闭或重启 cleanup /dev/shm/

70 Cserve2: Benefits!70 真实 手机使 用 工作量 & 环境 在 1280 * 720 的屏幕上运 行 elementary_test -to launcher 的 8 个线程 字体 大 小 ~24x16 (small), ~32x24 (normal), ~40x30 (large) 在正常 大 小的情况下,1 font, 50 个字符 1x32x24x50=37.5KB 图标 大 小 50x50 (small), 100x100 (large) in 32-bit color For one icon, 4Bx50x50=10KB (small), 4Bx100x100=40KB (large) Border 大 小 width 10px, length 720px, 32-bit color, 2x 4Bx10x720x2=56KB

71 Cserve2: 开销!71 开销 在 Cserved2 运 行时的 工作量达到 :72176KB Size of /dev/shm: 4376KB When Cserve2 退出时 : 66716KB 总开销 : 72176KB 66716KB 4376KB=1084KB 结论 : 只要 1MB 的数据 ( 文字 & 图 片 ) 被共享时,Cserve2 节省了内存. Refer to Cserve2: Shared cache subsystem of Evas.

72 ! Tizen v2.3 Window Systems: X Window Systems

73 X Window 系统!73 历史 X window 系统是 MIT 在 1984 年完成的 X11: 当前的协议版本, 建 立在 1987 年 X.org server: 由 X.Org 组织开发的当前的实现参考 为 网络连接上的使 用 而设计 特征 事件驱动 网络透明 设备独 立 政策 (policy) 独 立 可扩展

74 X Window 系统 : 结构 (1)!74 Client-server 模型 X client 通过由 Xlib 翻译的 X 协议与 X server 连接 X client 发送图像化请求 获取 用户输 入 Tizen 中的 Ecore and Evas X server 获取请求来输出图像 将 用户输 入发送回去

75 X Window System: 结构 (2)!75 X 系统的 Client-server 结构

76 X 协议 协议包括 X client 和 X server 之间的通信 特征 : 基于对象的 异步的 信息的种类 : 请求 (Client Server) 应答 事件 (Server Client) 错误

77 X Server 处理输出 & 输 入进程 管理屏幕和输 入设备 层次化结构 DIX Layer, DDX Layer, OS Layer, Extension Layer 结构 X Server 通过 资源 控制所有 基于需求创建 被 client 的请求操作使 用 Screens, windows, graphic contexts, pixmaps, regions, colormaps, fonts, cursors

78 X Server!78 层次化结构 : DIX Layer, DDX Layer, OS Layer, Extension Layer

79 X Server!79 DIX(Device Independent X) 层 X client 和 DDX/extensions 之间的接 口 DDX(Device Dependent X) 层 处理图像和输 入硬件 OS 层 Client 连接管理, 任务分配, 内存分配 Extension 层 可从 X server 获取额外功能

80 DIX 层 DDX/Extensions 与 clients 之间的接 口 从 clients 向 DDX/extensions 发送请求 将输 入事件发送给 clients Dispatch loop DIX Layer 通过 dispatch loop 管理请求 Screens 每个物理屏幕 一个 定义 用来处理资源操作的函数 DIX-DDX 的主要通信渠道

81 DDX 层 该层处理图像和输 入 HW 图像输出 输 入处理 鼠标移动 键盘点击 键盘映射

82 DDX Layer: 图像输出 基于像素的 屏幕 基本数据结构 管理所有资源 可拖拽的 由 DDX 定义的像素数据形式 位图格式屏幕中不变 XYPixmap -> one bitmap for each plane Zpixmap -> series of pixel values 在展 示是, 像素值被解释 Windows, Pixmaps, 82

83 DDX Drawables Windows 屏幕上可视的 长 方形 Border drawn by DDX 由 DDX 绘制的边界 Create, move, resize 由 client 绘制内容 Server 提供背景商店 Bit gravity (resizing) 由 父窗 口或兄弟窗 口裁剪 Pixmaps 长 方形数组的像素值 Reference counted

84 OS 层 Client Monnection 管理 工作分配 将 work 分配给 clients Ignore/AttendClient() 内存分配例程 Xalloc()/Xrealloc()/Xfree()

85 Porting X Server Code 层 DIX: Dev.Independent, don t touch OS: OS specific DDX: Graphics Device specific Extensions: Add features Porting Layer: OS + DDX Porting process: 定义 DIX 需要的 用来处理资源的函数

86 ! Tizen v3.0 Window Systems: Wayland

87 Wayland!87 展 示管理结构 & 协议 窗 口管理和组成 Weston: 主要的开放源实现 由 Freedesktop.org 支持 Tizen 3.0 中使 用 X 的代替 Wayland 中没有渲染 API Evas, Cairo, OpenGL ES 已经 支持渲染 SHM(Shared memory) 协议 : SW rendering 的 支持 更少的 IPC: 单进程结构

88 Wayland 协议!88 Wayland Protocol Weston compositor 与 Wayland clients( 应 用 ) 通过 Wayland protocol 交互.

89 Tizen Graphic Stack with X.org!89 EFL and E17(X compositor) 与 X.org(X server) 通过 X protocol 相连

90 Tizen Graphic Stack with Wayland!90 EFL 与 Weston/E17 compositor 通过 Wayland 协议相连

91 Wayland with EFL!91 Weston 提供 Evas 需要渲染的 surface Weston 将输 入事件发送给 Ecore

92 EFL 的后端!92 EFL 通过 一些后端控制展现和输 入设备 Ecore_Evas: 与后端的胶 水 (glue) X Server 后端 Software_X11, OpenGL_X11 Wayland 后端 Wayland_SHM: SW rendering Wayland_EGL: HW rendering Ecore_Wayland Surface Handling and Input

93 Wayland 优化!93 Wayland 的性能 60 FPS(Frames Per Second) 在 一个 frame 中从 client 到 compositor 需 16ms 可视化 工具 : E-Graph 查看 日志信息和绘制 FPS curve 的 工具

94 Wayland 优化!94 问题 当资源被等待的 Vsync 阻塞时的渲染 三缓存 增加 一个 buffer 给 client 和 compositor Before: ~40fps After: ~48fps 用来 composition 的时间 : 13ms

95 Wayland 优化!95 问题 重画重叠的 surface -> 在 composition 时 高负载 不透明区域 重叠 surface, Ecore 创建且发送给 Weston Compositing time: ~13ms ~5ms FPS: 40fps 60fps

96 ! 105 DALi 3D Engine

97 DALi 3D 引擎! Tizen 3D UI DALi 3D 引擎 & UI 工具包 DALi 是 一个 3D 引擎 UI 被展 示为 一个 3D 场景图 动画和过渡效果 用 3D Math (Vector, Quaternion & Matrix) 实现 渲染和视觉效果使 用 Open GL ES Shaders, Vertices 和 Textures 实现 OpenGL ES 2 and 3 支持 2D 世界是 3D 世界 Z 轴为 0 当使 用默认的摄像头时

98 DALi 在 Tizen 系统中的架构! DALi 是 Tizen Native 子系统的 一部分 图形 & UI native 模块 Mobile 和 TV 概述 用 C++ 实现 DALi (Dynamic Animation Library) 2D 和 3D 应 用带有现实效果 & 动画的 UIs Home Screen, Lock Screen, Gallery, Music Player

99 DALi 和图形框架! Evas EFL 绘制画布 SW/GL 渲染背景 DALi OpenGL 基于 Toolkit Differential UX/ heavy contents CoreGL OpenGL 包装器 性能优化

100 DALi 架构! 核 心库 事件处理, 场景图画, 渲染, 资源管理 适配器 线程模型 集成主要循环 平台抽象 资源加载和使 用多线程编码 工具包 可重 用的 UI 控制 效果和脚本 支持

101 DALi: 3D 场景图画! 基于 UI 的场景图画是 一棵节点树 每个节点可以有 0-N 个 子节点 每个节点继承它 父节点的变化 $ Position, Rotation, Scale 允许轻易的布局和动画管理 每 一个节点的变化都与 父节点的关联节点相关 节点的锚点拥有坐标空间 父节点在 父节点坐标空间中是起始 子节点不需要再 父节点区域内

102 多线程引擎! DALi 使 用多线程架构 最好的性能和可调节性 事件线程 主线程运 行在应 用代码和事件处理中 更新线程 更新场景中的节点 运 行动画, 约束和物理事件 渲染线程 OpenGL 绘制, 纹理和地理更新等 资源线程 加载字体, 图 片和模型资源并解编码到位图中

103 DALi 功能! Actors & UI 控制 Stage: root of the world Actors: image, text, mesh, UI controls: 提供额外的布局和滑动 动画 阴影效果 在渲染过程中修改对象的样式 图形效果 Cube transition effect, shadow view, bubble effect, motion blur effect

104 DALi 功能! ItemView Scrolling container based on data source provided by application ScrollView Scrolling container with scroll effect support 3D Models & Bone Animation Industry standard model supports(maya, 3DS, ) Physical Integration Rigid & soft body physics effects

105 References! Tizen Developer Conference 2012 Creating Fancy UIs with EDJE Overview of Graphics and Input in Tizen Tizen Graphics Core Evas and Scene Graph Tizen Developer Conference 2014 The Art of Tizen UI Theme Technology in Various Profiles Tizen 3D UI DALi 3D Engine LinuxCon # 2012: E17 and EFL 2013: The EFL Toolkit EFL Workshop 2012 # Tizen Native Display Layer: Architecture and Usage Tizen Technical Workshop # EFL Dev Day 2013 # Cserve2: Shared Cache Subsystem for Evas EFL on Wayland