http://onoffmix.com/event/34534 - Elementary widget, style, theme 개념 소개 - Elm Theme Viewer 소개 - 데모

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