This document describes Elm Theme Viewer, an EFL application that allows users to preview widgets and styles from different EFL themes. It lists key features like changing widget sizes and styles, viewing widget descriptions, and searching for specific widgets. Usage instructions are provided for running the application and specifying theme files, window sizes, and other options. Future plans are outlined, such as adding code generation and improving the preview functionality.

1. Elm Theme Viewer
Daniel Juyung Seo
OCT. 26, 2014.
<2nd EFL Korea Seminar>

2. 발표자 소개
 서주영
 삼성전자 SW센터 소속
 책임 연구원
 닉네임
 천재태지, SeoZ
 @seojuyung
 하는 일/한 일
 Tizen 코어 UIFW EFL 개발자 (2010/01 ~)
 Enlightenment/EFL 오픈소스 커미터 (2011/02 ~)
 TDC 2014, OSCON 2014 EFL의 Scalability 기술 발표
 SOSCON 2014 타이젠 EFL 앱 개발 발표
 임베디드월드 Tizen 연재 (총 10회 중 8회), 마이크로소프트웨어 EFL 연
재 (총 5회 중 2회)

3. What is Elm Theme Viewer?

4. What is Elm Theme Viewer?
 An EFL(Enlightenment Foundation Libraries)
elementary widget preview program.
 Lists all widgets and styles from the theme.
 Actually creates widgets with a proper code.

5. Terminology

6. How to write your GUI application?

7. How to write your GUI application?
 Pixel
 Text, Line, Rectangle, Image, …

8. How to write your GUI application?
 Text, Line, Rectangle, Image, …
 Pixel
Use widgets!

9. Widget
 A commonly used GUI component
 a.k.a component, control, module, …
 Button, Calendar, Check, Clock, File Selector,
Frame, Grid, Icon, Image, Index, Label, List,
Menu, Popup, Progressbar, Scroller, Slider,
Spinner, Text Entry, Toolbar, Window, …

10. Style
 Different look and feel of a widget
 Check
 default
 toggle

11. Theme
 A set of styles of widgets
 actionslider: default, bar, …
 buttn: default, anchor, …
 check: default, toggle, …
 frame: default, pad_large, …

12. Elm Theme Viewer

13. Useful To
 Elementary application programmers
 Elementary theme creators
 Elementary widget developers
 Etc.

14. History
 Started on September 18, 2012
 Git Hub
 -> git.e.org devs/seoz/elm-theme-viewer
 -> git.e.org tools/elm-theme-viewer

15. Developer
 Daniel Juyung Seo: 529 commits
 Jiyoung Choi: 18 commits
 Hosang Kim: 1 commit

16. Features
 Widget preview
 Finger Size change
 Scale change
 Force resize object
 Widget disable
 Focus highlight enabled on/off
 Focus highlight animation on/off
 Each widget's description
 Each widget's specific option change
 Widget search

17. Usage
 Usage 1
 $ elm_theme_viewer
 It loads default theme (default.edj from
/usr/local/share/elementary/themes) by default. But
you can see the preview of other themes with the
following instruction.
 Usage 2
 $ elm_theme_viewer -t ./darkness.edj
 Set the theme file
 Usage 3
 $ elm_theme_viewer -h
 See the help

18. Usage
 Usage 4
 $ elm_theme_viewer -m
 Set the mobile mode
 Usage 5
 $ elm_theme_viewer -T
 Set the Tizen platform style. This enables mobile
mode (-m) automatically.
 Usage 6
 $ elm_theme_viewer -s 1280x720
 Set the window size

19. Usage
 Usage 7
 $ elm_theme_viewer -F
 Set the full screen mode. This overrides window size
setting.
 Usage 8
 $ elm_theme_viewer -w check
 Set the widget name to start with.

20. Demo

21. TODO
 Code generation
 GUI widget resize
 Easy navigation
 Preview object align
 Scroller for preview
 Edc layout preview
 E theme preview
 Finish all the widgets preview
 Implement open menu with file selector

22. Web Site
 https://git.enlightenment.org/tools/elm-theme-
viewer.git
 Source Code
 git://git.enlightenment.org/tools/elm-theme-
viewer.git

23. Thank you