about enventor: updated content.

This commit is contained in:
Hermet Park 2016-07-15 20:30:31 +09:00
parent f757cdf0f1
commit 0ef09a1e8d
3 changed files with 63 additions and 37 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 26 KiB

View File

@ -5,7 +5,7 @@
{{:icon-enventor.png?nolink |}}
===What is Enventor?===
===A. What is Enventor?===
Enventor, which is also known as EDC (Edje Data Collections) Editor, is a EDC script editor tool that supports text edit function and preview function for the EDC source code.
@ -26,7 +26,7 @@ Basically, Enventor view is divided into 2 sections, live view and text view. Th
* Configuration Setting
* Command Line Usage
===GUI Layout===
===B. GUI Layout===
{{ :enventor-layout.png?&350|}}
@ -41,7 +41,7 @@ The following figure illustrates each layout section of Enventor.
* White: File tab
* Yellow: Status
===Text View===
===C. Text View===
Enventor text view mainly supports text editing. You can write and modify EDC source code in this view. Once part sections are written in the text view and the modified EDC source code is saved, preview images corresponding to the part objects of the EDC source code are displayed in the live view. Basically, this text editor applys syntax color and auto indentation for EDC with its one standard rule. If you open an edc file which doesn't matched with Enventor indentation rule, Enventor applies its indentation automatically for your convenient. If you don't like it, then you can toggle off that function in Preference Setting (Setting -> Preference -> Auto Indentation).
@ -80,7 +80,7 @@ To change color values, use the color selector tool. Each time when the "color"
Zooming in/out text view area changes the font size relative to the zoom factor. This action can be done by "Ctrl+Mouse Wheel Up/Down" while you placed the mouse cursor in the text area or changed font size inside Text Editor Setting (Settings -> Text Editor -> Font Size).
===EDC Navigator===
===D. EDC Navigator===
{{ :enventor-navigator.png?&300|}}
@ -98,7 +98,7 @@ To navigate the source code through EDC Navigator, Click an item in the list. Th
This tool can be enabled or disabled by "F10" hotkey.
===Interactive Feedback===
===E. Interactive Feedback===
Enventor has the following ways of providing interactive feedback information while you edit EDC source code.
@ -128,7 +128,7 @@ To easily check the image file you use, Text view provides a function for previe
==Reference popup==
Reference popup is a kind of like a manual for the edc keyword that current cursor positioned on. It shows description of edc keywords for the beginners who don't familiar with the edc programming script language by understanding them its syntax. To pop up the reference, Press "F5" key after positioned the editor cursor on any edc keywords.
Reference popup is a kind of like a manual for the edc keyword that current cursor positioned on. It shows description of edc keywords for the beginners who don't familiar with the edc programming script language by understanding them its syntax. To pop up the reference, Press "F6" key after positioned the editor cursor on any edc keywords.
==Highlighting the pair of braces==
@ -136,7 +136,7 @@ Reference popup is a kind of like a manual for the edc keyword that current curs
In case the cursor stays near the brace, the brace pair is highlighted. This makes visual recognition of the EDC block more natural.
===Live Edit===
===F. Live Edit===
{{ :enventor-liveedit1.png?&250|}}
@ -167,7 +167,7 @@ In default, Live Edit provides auto aligning function which helps you place a co
==Fixed Size==
Each part in a layout can be constructed with relative or fixed size. A part with the relative size will expand or contract its size to keep up other parts position and size or a layout size. On the other hand, if the part is constructed with the fixed size, it's size won't be changed regardless of the other parts or the layout size. When Live Edit mode is activated, you can find a fixed size tool in the bottom of the live view. You can check the fixed size for width and height if you really mean this new part's width and height is fixed. If you need more information about scalability concept in EDC, Please see [[https://www.enlightenment.org/program_guide/scalability/scalability_using_edge|Scalability Using Edje]]
Each part in a layout can be constructed with relative or fixed size. A part with the relative size will expand or contract its size to keep up other parts position and size or a layout size. On the other hand, if the part is constructed with the fixed size, it's size won't be changed regardless of the other parts or the layout size. When Live Edit mode is activated, you can find a fixed size tool in the bottom of the live view. You can check the fixed size for width and height if you really mean this new part's width and height is fixed. If you need more information about scalability concept in EDC, Please see [[https://www.enlightenment.org/program_guide/scalability/scalability_using_edje|Scalability Using Edje]]
{{ :enventor-liveedit5.png?&150|}}
@ -182,36 +182,41 @@ The other way to the fixed size, you can set a new part's position and size rela
After confirmed the new part, Pressing "Enter" or double-click mouse button to insert the part object in your layout. Live Edit mode will be finished and text view will be enabled again. Anytime if you'd like to cancel the new part in the Live Edit mode, press "Esc" or "Backspace" key.
===Tool Functions===
===G. Workspace===
We'd like to propose to set up workspace if your edc collections are consisted of multiple edc files. The function of Enventor workspace is disabled in default but if you launch Enventor with "-w" command option which specifies a workspace path, then enventor regards that folder path is workspace directory. Once the workspace is specified, traditional File browser (toggle hotkey, F9) and File tab (toggle hotkey, F11) is available in Enventor so that you could navigate multiple edc files in that tool.
===H. Tool Functions===
Enventor provides useful tool functions. The following table shows the tool buttons at the top of the Enventor window and their functions. If you want to toggle the tools itself, use a hotkey "F7".
^Icon ^ Function ^Hotkey ^
|{{:enventor-tool-high.png?&15 |}} |Show a highlight effect on the selected part in the live view |Ctrl+H |
|{{:enventor-tool-dummy.png?&15 |}} |Display virtual images for the swallow and spacer parts |Ctrl+U |
|{{:enventor-tool-wire.png?&15 |}} |Display wireframes to identify the parts boundaries |Ctrl+W |
|{{:enventor-tool-mirror.png?&15 |}} |Invert the layout horizontally and review the designed layout in RTL, LTR settings. |Ctrl+M |
|{{:enventor-tool-rect.png?&15 |}} |Add a Rect part to the live view. | |
|{{:enventor-tool-text.png?&15 |}} |Add a Text part to the live view. | |
|{{:enventor-tool-image.png?&15 |}} |Add a Image part to the live view. | |
|{{:enventor-tool-swallow.png?&15 |}} |Add a Swallow part to the live view. | |
|{{:enventor-tool-textblock.png?&15 |}}|Add a Textblock part to the live view. | |
|{{:enventor-tool-spacer.png?&15 |}} |Add a Spacer part to the live view. | |
|{{:enventor-tool-save.png?&15 |}} |Save the current script to a file. |Ctrl+S |
|{{:enventor-tool-undo.png?&15 |}} |Undo text changes. |Ctrl+Z |
|{{:enventor-tool-redo.png?&15 |}} |Redo text changes. |Ctrl+R |
|{{:enventor-tool-find.png?&15 |}} |Find or replace text. |Ctrl+F |
|{{:enventor-tool-goto.png?&15 |}} |Open the go to window to move the cursor position. |Ctrl+L |
|{{:enventor-tool-line.png?&15 |}} |Display the script line numbers. |F5 |
|{{:enventor-tool-code.png?&15 |}} |Insert the best code corresponding the current editor context. |Ctrl+T |
|{{:enventor-tool-console.png?&15 |}} |Display the console box which shows EDC build logs. |Alt+Down|
|{{:enventor-tool-browser.png?&15 |}} |Display the file browser which shows a file list in current workspace. |F9 |
|{{:enventor-tool-navi.png?&15 |}} |Display the EDC navigator which shows the current group heirarchy tree. |F10 |
|{{:enventor-tool-tab.png?&15 |}} |Display the file tab in the bottom area. |F11 |
|{{:enventor-tool-menu.png?&15 |}} |Open the Enventor main menu. |Esc |
^Icon ^ Function ^Hotkey ^
|{{:enventor-tool-high.png?&20|}} |Show a highlight effect on the selected part in the live view |Ctrl+H |
|{{:enventor-tool-dummy.png?&20|}} |Display virtual images for the swallow and spacer parts |Ctrl+U |
|{{:enventor-tool-wire.png?&20|}} |Display wireframes to identify the parts boundaries |Ctrl+W |
|{{:enventor-tool-mirror.png?&20|}} |Invert the layout horizontally and review the designed layout in RTL, LTR settings. |Ctrl+M |
|{{:enventor-tool-rect.png?&20|}} |Add a Rect part to the live view. | |
|{{:enventor-tool-text.png?&20|}} |Add a Text part to the live view. | |
|{{:enventor-tool-image.png?&20|}} |Add a Image part to the live view. | |
|{{:enventor-tool-swallow.png?&20|}} |Add a Swallow part to the live view. | |
|{{:enventor-tool-textblock.png?&20|}}|Add a Textblock part to the live view. | |
|{{:enventor-tool-spacer.png?&20|}} |Add a Spacer part to the live view. | |
|{{:enventor-tool-save.png?&20|}} |Save the current script to a file. |Ctrl+S |
|{{:enventor-tool-undo.png?&20|}} |Undo text changes. |Ctrl+Z |
|{{:enventor-tool-redo.png?&20|}} |Redo text changes. |Ctrl+R |
|{{:enventor-tool-find.png?&20|}} |Find or replace text. |Ctrl+F |
|{{:enventor-tool-goto.png?&20|}} |Open the go to window to move the cursor position. |Ctrl+L |
|{{:enventor-tool-line.png?&20|}} |Display the script line numbers. | |
|{{:enventor-tool-code.png?&20|}} |Insert the best code corresponding the current editor context. |Ctrl+T |
|{{:enventor-tool-console.png?&20|}} |Display the console box which shows EDC build logs. |Alt+Down|
|{{:enventor-tool-browser.png?&20|}} |Display the file browser which shows a file list in current workspace. |F9 |
|{{:enventor-tool-navi.png?&20|}} |Display the EDC navigator which shows the current group hierarchy tree. |F10 |
|{{:enventor-tool-tab.png?&20|}} |Display the file tab in the bottom area. |F11 |
|{{:enventor-tool-menu.png?&20|}} |Open the Enventor main menu. |Esc |
===Status View===
===I. Status View===
Enventor displays status view on the bottom area. This status view provides extra functions. At times, it displays useful informative messages for controls. Most of times, you could change live view zoom level and its size. Otherwise, you could check the current mouse position, a name of focused group and text editor cursor line position. Please check the followings for more details. If you want to toggle the status view itself, use a hotkey "F8".
@ -227,12 +232,33 @@ To change the zoom value, you can use a zoom level controller (Slider). Zooming
==View Size==
It's possible to change the live view size. Click the resize expand button to display the slider to manipulate it. Also, you can swap the width and height of the live view at once. This swap function can be used for simulating some situations such as mobile device portrait/landscape modes.
It's possible to change the live view size. Click the resize expand button to display the slider to manipulate it. Also, you can swap the width and height of the live view at once. This swap function can be used for simulating some situations such as mobile device portrait/landscape modes. If you want to change the view size in detail. Please go to the Preference Setting (Settings -> Preferences -> View Size).
===Command Line Usages===
===J. Command Line Usages===
You could launch Enventor with commandline. Please see the following:
You could launch Enventor with commands. Please see the following:
*Usage: enventor [input file] [output file] [-t] [-i image path] [-s sound path] [-f font path] [-d data path] [-w workspace]
* Usage: enventor [input file] [output file] [-t] [-i image path] [-s sound path] [-f font path] [-d data path] [-w workspace]
^Options ^ Function ^
|-t, --to |Open template menu |
|-i=path, --id=path |Images path |
|-s=path, --sd=path |Sounds path |
|-f=path, --fd=path |Fonts path |
|-d=path, --dd=path |Data path |
|-w=path, --wd=path |Workspace path |
|-v, --version |show program version. |
|-c, --copyright |show copyright. |
|-l, --license |show license. |
|-h[=CATEGORY], --help[=CATEGORY] |show this message. No categories available. |
Examples of Enventor command line usage:
* enventor
* enventor input.edc -i ./images
* enventor input.edc output.edj -i ./images
* enventor -t
* enventor newfile.edc -t
* enventor input.edc output.edj -i ./images -s ./sounds -w ./workspace
{{youtube>-DQVSspuoak?large}}