Selecting & Placing Component Icon from Toolbar
1
Select the desired component from the component toolbar. If you hover over the component icon, then the component name is displayed as the tooltip. Find and click the desired component with the mouse to select it.
When the component is selected in the component toolbar, the mouse pointer changes to the component icon within the design screen.
2
Click the mouse on the desired location on the design screen. The point where the mouse is clicked becomes the starting point of the upper left corner of the component. When you click the mouse, the component is placed in the default size on the screen.
If you drag the mouse in the desired direction while holding down the left button without clicking it, then you can resize the component in that direction. You can resize the component while placing it.
3
When you place the component on the screen, it becomes selected. You can resize or change the location of the component when it is selected, and you can also modify the property value of the component in the property window.
If you cannot see the component toolbar, please check if the menu [View > Toolbars > Component] item is checked. It is checked at the initial installation, but if the item is unchecked during operation, then the component toolbar will not be shown.
Selecting & Changing Location of Component
1
The component changes to the selected state. When the component is selected, the tracker (black or red dot) used to change the size is displayed, and the mouse pointer changes to the (+) shape when the mouse pointer is placed on the component.
2
Place the mouse pointer on the selected component and move it in the desired direction while holding down the left mouse button. While moving the mouse pointer, the original component remains visible as-is and the image shadow of the same size moves along with the mouse pointer.
3
When you release the left mouse button, the component is moved to the desired location.
If you press the Esc key while holding down the left mouse button, the component moving operation is canceled.
After selecting the component, you can change the location of the component by modifying the property value related to Position in the property window.
Selecting & Resizing Component
1
The component changes to the selected state. When the component is selected, the tracker (black or red dot) used to change the size is displayed. When you hover the mouse pointer over the tracker, the mouse pointer changes to the shape corresponding to each tracker.
If you select the tracker displayed in each corner, then you can resize it vertically, horizontally, or diagonally.
If you select the tracker displayed on the right or left side, then you can resize it only in the horizontal direction, and if you select the tracker displayed on the top or bottom, then you can resize it only in the vertical direction.
2
Place the mouse pointer on the tracker and move it in the desired direction while holding down the left mouse button. While moving the mouse pointer, the original component remains visible as-is and the image shadow of the size changed by the distance of the mouse pointer is shown along with the mouse pointer.
3
When you release the left mouse button, the component is changed to the desired size.
If you press the Esc key while holding down the left mouse button, then the component resizing operation is canceled.
After selecting the component, you can change the size of the component by modifying the property value related to Position in the property window.
Selecting & Changing Location or Size of 2 or More Components
1
Select 2 or more components. You can select 2 or more components by holding down the Ctrl or Shift key and clicking the component.
You can also select the components by holding down the left mouse button outside the component area and dragging the mouse to wrap around the component.
2
Select the component to be based on. When 2 or more components are selected, there are components with trackers displayed as transparent rectangles and the component with the filled trackers. The component with the filled trackers is the base component. If you click the desired component while the component is selected, then the base component is changed.
3
Select the desired function from the alignment toolbar or click the left mouse button with the mouse pointer over the component to select the desired function from the mini alignment toolbar.
In this example, the Y coordinate value of the component is aligned with respect to the first button, and the size of the component is changed.
4
Align the Y coordinate value first. Select the [Tops] icon from the mini alignment toolbar. Adjust the location of the remaining components based on the Y coordinate value of the first component.
5
Adjust the size of the component. Select the [Size] icon from the mini alignment toolbar. Adjust the size of the remaining components based on the size of the first component.
6
Press the Esc key or click another area on the design screen to cancel the selected state.
Copying & Pasting Component
1
Select the component and press the Ctrl+C key or click the left mouse button to select the [Copy] item from the menu displayed. The selected component is copied to the clipboard.
2
Ctrl+V key or click the left mouse button to select the [Paste] item from the menu displayed. Add the component copied to the clipboard to the screen.
3
The component displayed on the screen by pasting is added to the lower right of the copied component location. Select the added component and move it to the desired location or resize it.
You select 2 or more components to copy and paste.
Invisible Component (Object)
There are components that are not visible even if you select the icon from the component toolbar and place it on the design screen. The application provides certain functions, but they are not displayed on the design screen or the execution screen, even during the application execution.
The Dataset object that stores data in a table format or the DeviceAPI object used in mobile devices are the components that are not visible. When you select the invisible component and add it to the design screen, it is displayed in a separate [Invisible Object] area. Invisible components do not have the Position properties.
If you don't see the [Invisible Object] area, select the menu [Design > Show Invisible Object Area] item.
Using Disabled Component
When Nexacro Studio is installed, there are components that are disabled and hidden in addition to UI-related components that can be used by default. Most of these are components for performing specific functions. About thirty are provided, including WebBrowser, VideoPlayer, Sketch, GoogleMap, and ExcelExport/Import, and they can be used with a simple registration process according to the user's needs.
The reason these components are not enabled for use from the beginning is to prevent the project code from getting bigger due to the addition of unnecessary components. Therefore, it is recommended that the user adds and uses only the necessary components.
To register the disabled component to enable it, follow the steps below. The GoogleMap component is used as an example here.
1
Select [TypeDefinition > Objects] in Project Explorer, right-click, and select the [Edit] item from the context menu to open the object editing window.
2
Click the + button at the bottom of the Objects table to select nexacro.GoogleMap from the list.
Select the icon of the right shape for the component, and use the default values for the rest.
googlemap_component_추가
If you click the - button next to each component in the Objects table, the corresponding component will be removed from the project and be unusable.
3
Click the OK button when the registration is complete. Then, the project is automatically generated and the icon for the newly added GoogleMap component is displayed in the toolbar.