Editje

source:/trunk/editje/data/editje.png

About this program

Editje is a tool designed to make the development of user interfaces for Edje easy and quick. It's a WYSIWYG (What You See Is What You Get) editor for Edje (.edc/.edj) files.

It is written in Python-Elementary and it's Free Software released under the GNU GPL License version 3 (GPLv3).

Usage

Editje - new file

Editje main interface displays a toolbar on the top constituted by 3 parts:

  • general option on the left, like New, Open, Save, Undo / Redo;
  • group name and file on the center;
  • and on the right side options that will depends on the mode the software is running.

Above the toolbar three columns will be displayed. Only the contents of the central one don't depends on the selected mode, it always show the selected group parts.

Editje provides three editing modes:

  • part editing (in their default state)
  • animation editing (different states, connecting in a linear time sequence)
  • signal connecting (triggers animation or other signals)

Parts mode

Opening Editje you will be on parts mode of edition. In this mode you can add, remove and change parts and their states.

Above the toolbar, to the left is the list of parts in the group and the list of widgets, to the right properties for the group, selected part and selected state for the part. The list of widgets will display parts that can be added to your interface. It's filled with native edje parts, like rectangles, images and text, as well with externals, like elementary widgets and emotion.

Clicking on the little wrench in the state properties will show up a list of states for the selected part. From this list is possible to switch to the selected state, copy it into the current one, or delete it. To add a new state just type the name in the 'state:' entry and press Enter.

Back to the left, on top of the list of parts is a dropdown menu with which is possible to change editing mode, to Parts (the standard one), Animations and Signals.

Animations mode

Editje - hot

Once in Animation mode, you'll get two lists: animations and parts.

Select an animation to edit (or add one with '+' button above), click on any black dot in the timeline to edit that point in time, select a part from the list and edit it normally.

From the right side, in the parts properties you can, again, select from the list of states to use as template. Clicking on a greyed dot in the timeline will add a new point in time to the animation.

Signals mode

Editje - new signal

In Signals mode, part editing is disabled. You can only add, remove and modify programs for this group.

It's possible to listen to signals and perform actions based on that, such as emitting another signal or running an animation.

More

  • Some guys from Profusion written an Editje user's manual. Basically, it describes each windows and what you can do from there. It can be read as  pdf or  html pages, or you can get its source from Enlightenment repository.

TODO: add some tutorials

Attachments