Upload
enlightenmentproject
View
58
Download
2
Embed Size (px)
Citation preview
Elm Theme Viewer
Daniel Juyung Seo OCT. 26, 2014.
<2nd EFL Korea Seminar>
발표자 소개
서주영
삼성전자 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회)
What is Elm Theme Viewer?
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.
Terminology
How to write your GUI application?
How to write your GUI application?
Pixel
Text, Line, Rectangle, Image, …
How to write your GUI application?
Text, Line, Rectangle, Image, …
Pixel
Use widgets!
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, …
Style
Different look and feel of a widget
Check
default
toggle
Theme
A set of styles of widgets
actionslider: default, bar, …
buttn: default, anchor, …
check: default, toggle, …
frame: default, pad_large, …
Elm Theme Viewer
Useful To
Elementary application programmers
Elementary theme creators
Elementary widget developers
Etc.
History
Started on September 18, 2012
Git Hub
-> git.e.org devs/seoz/elm-theme-viewer
-> git.e.org tools/elm-theme-viewer
Developer
Daniel Juyung Seo: 529 commits
Jiyoung Choi: 18 commits
Hosang Kim: 1 commit
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
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
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
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.
Demo
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
Web Site
https://git.enlightenment.org/tools/elm-theme-viewer.git
Source Code
git://git.enlightenment.org/tools/elm-theme-viewer.git
Thank you