천재태지의 세상 돌려보기

seoz.egloos.com

- About Me... - Enlightenment, EFL - 타이젠 Tizen



[EFL] Edje GUI 에디터 Editje 설치하기 ├ Enlightenment, EFL

[ EFL 게시물 목차 : http://seoz.egloos.com/3458699 ]


안녕하세요? 천재태지 서주영입니다.

이번에는 Edje GUI 에디터인 Editje[1]를 설치하는 방법을 소개합니다.
EFL 테마(theme)를 만들거나 EFL 애플리케이션을 작성하다보면 Edje 라이브러리[2]를 사용하면서 EDC 스크립트를 작성해야 하는 일이 생깁니다.
EDC 스크립트는 직관적으로 구성되어 있어 천천히 읽어보면 어느 정도 이해할 수 있지만, EDC 스크립트를 일일히 손으로 수정해가면서 개발을 하는 것도 만만치 않은 일입니다.
이럴 때 Editje를 사용하면 좋습니다 :)

Editje는 Edje 라이브러리를 사용할 때 사용할 수 있는 편리한 GUI 에디터입니다.
WYSIWYG 방식으로 구성되어 있어 눈으로 결과물을 보면서 GUI를 구성할 수 있습니다.
Editje로 작업한 결과물은 EDC 스크립트로 저장할 수 있고 바로 EDJ 바이너리로 저장할 수도 있습니다.

단, 도구를 이용하여 자동으로 스크립트를 생성하는 방식은 디테일한 부분을 사람이 컨트롤할 수 없게 만들기 때문에 경우에 따라 현업에서는 Editje를 사용하지 않습니다.
그래서 간단히 Edc 스크립트를 작성하거나 Edc 스크립트를 학습하는 경우에 Editje를 사용하시기를 추천합니다.

Editje는 Python EFL 바인딩으로 만들었습니다. 그래서 Editje를 설치하기 위해서는 핵심 EFL 라이브러리가 설치되어 있어야 하고 Python EFL 바인딩이 설치되어 있어야 합니다.

핵심 EFL 라이브러리를 설치하는 방법은 아래 글을 참고하세요.
[EFL] 우분투에 EFL 및 E17 설치하기 [3]

Python EFL 바인딩을 설치하는 방법은 아래 글을 참고하세요.
[EFL] Python EFL 바인딩 빌드/설치하기 [4]

핵심 EFL 라이브러리가 설치되어 있고 Python EFL 바인딩도 설치되어 있다면 Editje를 설치할 수 있습니다.

1. Editje 소스코드 다운로드

우선 Editje 소스코드를 다운로드 받습니다.
$ svn checkout http://svn.enlightenment.org/svn/e/trunk/editje
$ cd editje

만약 이전에 EFL 소스코드를 모두 다운로드 받았다면 trunk/editje 디렉토리로 들어가시면 됩니다.
$ cd trunk/editje
혹은
$ cd e/editje

2. Editje 빌드

다른 EFL 라이브러리를 빌드하는 것과 같이 autotools를 사용해서 Editje를 빌드하면 됩니다.
$ ./autogen.sh
$ make
$ sudo make install

3. Editje 실행

Editje의 실행 파일은 editje-bin입니다. 아래와 같이 editje-bin을 실행시켜서 프로그램이 실행되면 Editje를 성공적으로 설치한 것입니다.
$ editje-bin

감사합니다.

[1] http://trac.enlightenment.org/e/browser/trunk/editje
[2] http://docs.enlightenment.org/auto/edje/
[3] http://seoz.egloos.com/3855400
[4] http://seoz.egloos.com/3885059

[ EFL 게시물 목차 : http://seoz.egloos.com/3458699 ]



핑백

  • EFL 한국 사용자 모임 : EFL 한국 사용자 모임 2012-10-21 23:49:46 #

    ... k 오브젝트 (1/5) - 기본 개념 설명글자를 표현하는 Text/TextBlock 오브젝트 (2/5) - 실전 예제 (evas 사용) [Edje]Edje GUI 에디터 Editje 설치하기 [Elementary] elementary란?elementary widget focus 정책 변경 (mouse down -> clic ... more

덧글

  • 빡지 2013/12/25 15:42 # 삭제 답글

    안녕하세요.. editje 를 설치해보고 싶어서 설치를 해봤는데요! 오류가나서..질문드려봅니다!
    Traceback (most recent call last):
    File "./editje-bin", line 31, in <module>
    from editje.editje import Editje
    File "/home/ppark/editje/editje/editje.py", line 30, in <module>
    from editable import Editable
    File "/home/ppark/editje/editje/editable.py", line 21
    from import edje
    ^
    SyntaxError: invalid syntax

    이렇게 나는것 보니까.. 아마.. make 부터 잘못됬던게 아닌가 하는 생각도 듭니다;;

    Making all in editje
    make[1]: Entering directory `/home/ppark/editje/editje'
    make[1]: Nothing to be done for `all'.
    make[1]: Leaving directory `/home/ppark/editje/editje'
    Making all in data
    make[1]: Entering directory `/home/ppark/editje/data'
    Making all in themes
    make[2]: Entering directory `/home/ppark/editje/data/themes'
    Making all in default
    make[3]: Entering directory `/home/ppark/editje/data/themes/default'
    Making all in images
    make[4]: Entering directory `/home/ppark/editje/data/themes/default/images'
    make[4]: Nothing to be done for `all'.
    make[4]: Leaving directory `/home/ppark/editje/data/themes/default/images'
    Making all in elm_images
    make[4]: Entering directory `/home/ppark/editje/data/themes/default/elm_images'
    make[4]: Nothing to be done for `all'.
    make[4]: Leaving directory `/home/ppark/editje/data/themes/default/elm_images'
    make[4]: Entering directory `/home/ppark/editje/data/themes/default'
    /usr/local/bin/edje_cc -v -id ../../../data/themes/default/images -id ../../../data/themes/default/elm_images
    ../../../data/themes/default/default.edc
    ../../../data/themes/default/default.edj
    edje_cc: Image 'new_bg.png' in resource 'edje/image/27' will not be included as it is unused.
    edje_cc: Image 'timeline_arrowbase.png' in resource 'edje/image/29' will not be included as it is unused.
    edje_cc: Image 'shadow_br.png' in resource 'edje/image/40' will not be included as it is unused.
    edje_cc: Image 'shadow_bl.png' in resource 'edje/image/41' will not be included as it is unused.
    edje_cc: Image 'shadow_t.png' in resource 'edje/image/42' will not be included as it is unused.
    edje_cc: Image 'shadow_tr.png' in resource 'edje/image/43' will not be included as it is unused.
    edje_cc: Image 'shadow_tl.png' in resource 'edje/image/44' will not be included as it is unused.
    edje_cc: Image 'shelf_inset.png' in resource 'edje/image/49' will not be included as it is unused.

    ...... (생략) .....

    make[1]: Leaving directory `/home/ppark/editje/test'
    make[1]: Entering directory `/home/ppark/editje'
    make[1]: Nothing to be done for `all-am'.
    make[1]: Leaving directory `/home/ppark/editje'


    이렇게 make 가 되었습니다;
    어떻게 해야 editje 를 사용해볼 수 있을까요??;;;
  • 천재태지서주영 2013/12/27 02:32 #

    안녕하세요? 서주영입니다.
    확인해보니 현재 Editje가 최신 python binding과 제대로 동작하지 않는 것으로 보입니다.
    제가 Python binding 쪽으로는 작업을 하지 않아서 당장 수정할 수 있을 지 모르겠는데, 이 쪽으로 작업하시는 분한테 한번 물어보겠습니다 ^^
댓글 입력 영역