Эта страница является
переводом страницы
IRidium studio 2019 Editor Settings. Перевод выполнен на 86%.
Review of iRidium Studio 2019
iRidium Studio 2019 is an editor that allows to create visualization interfaces for i3 pro and logic for iRidium server (together and separatelly). Development can start with either an interface or server logic.
Creating a project in for i3 pro starts in iRidium studio. A visualization project and a project launched on a server are created in iRidium stuido. Depending on the type of a project the interface of the stuido is different. There is a different set of tools for each type. For example, for a panel project there are tools that are typical of a graphical editor (galleries of images, sounds, animation, editor of text, item states, etc.). When a server project is created there appear tools to work with logic (schedules, block-schemes, etc.).
Visualization tools
Visualization tools are a set of tools that allows to crate unique projects. They include:
1. Workspace shows what a page, a popup, a graphic item will look like when i3 pro is launched. In the workspace one can select a graphic item and a variant of appearance (State) of a graphoc item to view and to edit it with the help of Properties panel.
2. Project is a list of pages and popups of a visualizaton interface. It provides switching between objects displayed in the workspace and display of its properties.
3. Programming are actions that a graphic object in i3 pro will do whrn it is pressed. Items can control internal logic of a visualization interface, send data to equipment and display data received from equipment.
4. Resolutions are a list of resolutions that allow to edit severla variants of display of a visualization interface at the same time.
5. Images is a gallery of interface items that can be used in visualization and images that are already added to the interface.
6. Cameras is an archive od settings for popular models of iP-cameras and links to IP-cameras that are already added to the interface.
7. Sounds is an archive of sound files that can be played in the interface and sound files that are already added to the interface.
8. Animation is effects that can be used to animate popups of a project.
9. Resources are images, music, fonts used in the project.
Image adaptation on monitors with 4K resolution
1. Go to the following folder C:\Program Files (x86)\iRidium Ltd\iRidium Pro\Studio64 (Studio32);
2. Go to the properties of iRidium Studio.exe file (via the menu of the right mouse button);
3. Find "Compatibility" folder and click "Change high DPI settings" there will appear a window to set a resolution;
4. Choose "Override high DPI scaling behavior.", in "Scaling perfomed by" select "System";
5. Save changes.
Workspace
Workspace is an area to create and position graphic items of a project.
The workspace contains properties panel (to set the display of the workspace) and Tool bar (to edit items in a project). Menu of the right mouse button allows to get fast and convenient access to editing items.
When editing a page, you can adjust the scale of the workspace with the help of Ctrl+scrolling the mouse wheel. If you press and hold the mouse wheel you can move a page in the workspace.
Using the cursor, you can select the necessary elements and move them individually or in a group. You can move group elements by either holding an element within the group or by holding onto the empty space of the group.
Each page or a popup in the workspace contains its own set of graphic items.
To assign some logic (a token, a command, a feedback channel) or an image, a camera, sounds, etc., to a graphic item, drag'n'drop a required function on a button.
Properties panel
Tools to set the display of workspace are located in the bottom of the scree and has the following properties:
- changing the scale in the workspace. It's a convenient tool to work with interfaces that have FullHD or Retina resolution and do not fit the window.
- the Zoom to fit function allows you to set the max scale for a selected page / popup.
- the grid in workspace helps to allign graphic items with selected spacing
- select item properties in the workspace:
- Show item names - display the item name on an item,
- Show item borders - display borders of an item,
- Show number of commands - display the number of commands assigned to an item.
Guide Lines
Guide lines are an additional tool to align items in a graphic interface of a project. They are almost the same as the grid, but the coordinates of each line are set separately.
Adding a guide line to a project:
- to add a horizontal guide line to a project, drag the horizontal ruler (on the top of the window) to a required coordinate on the Y axis;
- to add a vertical guide line to a project, drag the vertical ruler (on the top of the window) to a required coordinate on the Y axis;
Coordinates of guide lines can be determined with the help of vertical and horizontal rulers. For a more precise determination of coordinates use cursor coordinates on the setting panel.
Deleting a Guide Line in a Project:
- select a required line with a cursor and delete it by pressing "Delete" on the keyboard;
- select a required line with a cursor and delete it by pressing "Delete" in the menu of the right mouse button.
Properties of Guide Lines:
- Lines are displayed on all pages and popups of a project;
- Graphic items align to guide lines with a side or the middle of an item;
- Each guide line has its own editable parameters: Name , Coordinate, LineColor. These parameters are displayed in the PROJECT window (General tab) when a guide line is selected;
- When a project is saved, all created guide lines and their parameters (coordinates, color) are also saved;
- When i3 Pro is launched, guide lines are not displayed in the interface of a project.
Menu of the right mouse button
When the right mouse button is pressed in the ruler in the workspace, a menu opes with the following available functions:
- Copy All Guides - copy all guide lines on the page;
- Paste Guides - paste copied guide lines;
- Delete all guide lines - delete all guide lines on the page.
Dynamic panel
A dynamic panel is a fact access panel to edit graphic items. The dynamic panel changes its parameters depending on a selected item, The parameters are divided into:
1 General parameters of a graphic item (General):
- X / Y- the coordinates of an item,
- Width / Height - the size of an item,
- Angle - the rotation angle of an item,
- Name - the name of an item
2 Additional properties of a graphic item.
The additional properties of a graphic item are specific setting of each graphic item, settings of image and text on an item.
See detailed description on additional properties in the description of tool bar.
3 Setting states of a graphic item:
- All sates - semultaneous setting of all states,
- On / Off - choice of one of the states to edit,
- Opacity - the transparency of an item,
- Color - the color of an item,
- Border - choice of a border for an item,
- Border color - the color of the border.
Tool bar
The tool bar allows to create, choose and edit an interface item:
1 
- Selection - select an item; Hand - move the workspace.
2 
- draw an item
3 
- display General parameters of an item on the dynamic panel.
- Type (type of item) - determines the number of states and values that an item can send;
- Feedback determiines if an item will change its state as a reaction to a user's actions, to receiving values from equipment or won't change its state at all;
- Hit determines an area and the character of item hit;
- Visible hides / shows an item on the page;
- Active makes a button active / inactive. The button stop reacting to presses and is displayed in grey colors.
Each type of graphic items has its unique parameters. Read more in the "Types of graphic items, behavior in interface" article.
4 
- show settings of item display on the dynamic panel.
- Select image - add an image to the item;
- Delete image - delete an image;
- Image stretch - stretch an image on the item:
- none - keep the real size,
- proportional - stretch an image proportionally to its initial size,
- full size - stretch an image on the whole item;
- Image align - aligning an image;
- Select icon - add an icon to the item;
- Delete icon - delete an icon;
- Icon stretch - stretch an icon on the item:
- none - keep the real size,
- proportional - stretch an icon proportionally to its initial size,
- full size - stretch an icon on the whole item;
- Icon align - aligning an icon;
- Select chameleon - add a chameleon image to the item;
- Delete chameleon - delete a chameleon image;
- Chameleon stretch - stretch a chameleon image on the item:
- none - keep the real size,
- proportional - stretch a chameleon image proportionally to its initial size,
- full size - stretch a chameleon image on the whole item.
5 
- show text settings of an item on the dynamic panel.
- Font type - choice of a font;
- Font size - choice of a font size;
- Bold - bold type;
- Italics - italics;
- Text - text that will be displayed on an item;
- Color - text color;
- Text align - aligning text;
- Word wrap - text wraping;
- Effect - add an effect to the font;
- Effect color - color of the added effect;
- Show value in text - show Value in text.
6 
- item position on a page.
7 
- item position on a page.
8 
- an interval between items.
9 
- text align on an item.
Settings of Item Display (menu of right mouse button)
The menu of the right mouse button is a set of tools to edit a graphic item fast and conveniently. To open the menu, slect an item with the left mouse button and then click the right mouse button in any place of the workspace.
|
Select item (Esc) - switch to the mode of selecting items.
|
|
Draw item (Ctrl + D) - switch to the drawing mode
|
|
Copy an item.
|
|
Paste a copied or cut item.
|
|
Clone an item.
|
|
Cut an item,
|
|
Delete an item.
|
|
Add (add to an item):
- Image (an image),
- Icon (an icon),
- Text (text),
- Sound (a sound),
- Chameleon (a chameleon image ),
- IP-Camera (IP-camera),
- Link (a link to a browser page
or a third-party app),
- Script call (a script function).
|
|
Delete (delete from an item):
- Image (an image),
- Icon (an icon),
- Text (text),
- All sounds (all sounds),
- Chameleon (a chameleon image),
- IP-Camera (IP-camera),
- All Links (all links to browser pages
or third-party apps),
- All script calls (all script functions),
- All relations and commands (all relations and commands),
- All changes (all changes).
|
|
Order (order to draw items):
- Bring to front - display on the foreground,
- Sent to back - display on the background,
- Bring forward - move forward by one item,
- Send backward - move backword by one item,
- Bring in front of... - move an item forward in relation to ...* ,
- Send behind... - move an item backward in relation to ...* ,
- Change places with... - change places with ...*.
* After choosing a required parameter,
click an item to which it will be applied.
|
|
Lock - lock an item in the screen in the current position.
|
|
Unlock - unlock an item from its position on the screen.
|
|
Hide - hide an item
|
|
Show - shoew a hidden item on the screen.
|
|
Edit / Make transparent - make an item transparent (Color Alpha Channel = 0).
|
|
Copy/Paste style (copy / paste the style of an item):
- Copy state style - copy the current state of an item except text ,
- Copy style of all state - copy all states of an item except text,
- Paste state style - replace the state of an item with a copied one.
|
Project panel is a tool to edit the appearance of a graphic item (a page, a level, a button, etc.) in the interface.
It is opened with the help of Project structure button on the right side panel. It consists of 3 parts: Pages and popups (a project tree), General (properties of a graphic item) and States (setting the display of states of a graphic item).
Control of equipment and logic are available for both a panel project and a server one, as both projects can connect to equipment directly. But a server project has tools that are unavailable in a panel one. The following can be referred to control and logic tools:
