1. Outline
Labels are extremely frequently used controls for displaying text, images, background colors, etc. By making good use of the label control, various expressions can be realized, so please read this section to learn the basics and then try your hand at various expressions.
In the following, we will use the term "2. Development GuidanceYou can download sample programs for frequently used functions on the label at3. Parameterssection provides a reference to the parameters to be set for the label.
2. Development Guidance
This article introduces parameter settings that are commonly used to familiarize you with labels. The sample projects used in the explanation can be downloaded from the following links.
2-1. Create rectangular labels
Create a simple rectangular label as follows
2-1-1. Make the shape rectangular
With the label selected, you can make the label shape rectangular by selecting "Shape" from "Design" "Color and Shape" in the Properties area and selecting square shape as shown in the figure below.
2-1-2. No border
If you do not want a border on the label, go to "Design" "Color and Shape", select "Border/Border", and select a transparent color from the color palette displayed, as shown in the figure below.
Tip: Labels are rectangular by default, with no border.
2-2. Create a diamond-shaped label with a border
The shape of the label can be changed in various ways. Here we create a diamond-shaped label.
2-2-1. Make the shape diamond-shaped
With the label selected, you can make the label shape a rhombus by selecting "Design" "Color and Shape" in the Properties area and then selecting "Shape" and selecting rhombus as shown in the figure below.
With border line
If you want to add a border, select "Border/Border" from "Design" "Color and Shape" in the Properties area as well, and set the color you prefer.
At the same time, a border is displayed by setting "Line Thickness" at the bottom of "Color and Shape" to any value other than 0.
2-3. Display resource images on labels
Labels are also used to display images. It is possible to create well-designed applications.
2-3-1. Display resource images
First, register the image you wish to display on the label to the resource. It is useful to register the image with the resource so that it can be used in a variety of situations.
When registering resource images, select the "Resources" tab from "Properties" in the TOP menu. Open the "Browse" dialog box and specify the image file you wish to register. Calls up a resource image with the text specified in the "Keyword" field.
Select the label again, go to "Data" "Resource Image", check "Resource", and specify the keyword for the resource image you just set in the "Text" field of "Contents".
This allows resource images to be displayed on the label.
2-4. Label the results captured by the camera
Photos taken with the device's camera can be directly displayed on the label.
2-4-1. Creating Buttons
Create a button to launch the camera. Select a button from the control bar to place the button. Give it an easy-to-understand name, such as "shooting."
2-4-2. Creating Logic for Photography
Create logic to activate the camera and display the results on a label.
In the process design function, set the logic as follows
Activate the device's camera at #1 and set the results of the shot to the label at #2.
Details of parameter settings, etc. are as follows
2-4-3. Logic Registration
Finally, register the logic to the button. button to execute the logic you have created.
Select the button created in 2-4-1, and assign the logic created in 2-4-2 to "Execution Processing" from "Object" "Behavior Settings" in the Properties area.
The logic is registered on the button. Let's test the behavior of the button in the application's run mode.
3. Parameters
By changing the parameters, you can easily set the position and size of labels, colors and shapes, and images to be displayed, so take advantage of them to create a well-designed, easy-to-understand screen.
object
Basic information and operation settings for labels are set from "Objects. By making labels inactive, it is also possible to place labels that only become active when the app user performs certain operations, etc.
Basic Information
| name | Enter a control name. |
|---|---|
| Size | Specify the width and height of the control. |
| position | Specify the position of the control from the left and from the top. |
| margin | Specify the margins of the control from left, right, top and bottom. |
| type | Displays the type of control. |
| style | By selecting a pre-defined definition, various properties such as colors and borders can be set at once. You can set up. |
possibility
| available | Check this box if you want to make the control available. |
|---|---|
| display | Check this box if you want to display the control. |
| ... | Check this box if you want to use abbreviated characters. |
data
Contents
value entry
Set the text display in the label for direct input.
| character | You can enter text that will appear on the label. |
|---|---|
| blank form | of the displayed text.format ruleSet the |
form
Set to display text in labels when inputting text using data forms.
| Field Name | The table set in the form is used as the destination for display content. Select a field (column). |
|---|---|
| blank form | of the displayed text.format ruleSet the |
| available | If labels are placed in a subform list, the availability settings for each row Select the fields to be retrieved. |
| display | When labels are placed in a subform list, the display settings for each row Select the fields to be retrieved. |
| foreground | When labels are placed in a subform list, the foreground color setting for each row Select the fields to be retrieved. |
| background color | When labels are placed in a sub form list, the background color setting for each row Select the fields to be retrieved. |
table
This setting is used when the text display in the label is entered using a database rather than being set in advance.
| table name | Select the table from which to retrieve the display content. |
|---|---|
| Field Name | Select the field (column) in the table from which to retrieve the display content. |
| blank form | of the displayed text.format ruleSet the |
| available | If labels are placed in a subform list, the availability settings for each row Select the fields to be retrieved. |
| display | When labels are placed in a subform list, the display settings for each row Select the fields to be retrieved. |
| foreground | When labels are placed in a subform list, the foreground color setting for each row Select the fields to be retrieved. |
| background color | When labels are placed in a sub form list, the background color setting for each row Select the fields to be retrieved. |
Resource Image
| Resources | If you enter the keywords of the resource in the display content and check the box, You can attach resources to the control. |
|---|
design
Color and Shape
| font | Specify the font. |
|---|---|
| Size | Specifies the font size. |
| bold-type | Check this box if you want to bold text. |
| image | Check this box if you want to add shadows to the text. |
| underline | Select the underline for the text from [None], [Underline], or [Double Underline]. |
| stroke-count line | Check this box if you want to put a strikeout on the text. |
| by return | Check this box if you want the text to wrap around. |
| multiline (command, e.g.) | Check this box if you want to enter the value of the display content on multiple lines. |
| Shrink to Fit | When the content does not fit within the control, the font size will be automatically adjusted to fit the content inside. |
| vertical alignment | The text position of the displayed content can be set to [Align Top], [Align Center Top and Bottom], or [Align Bottom]. Select one of the following. |
| horizontal arrangement | The text position of the displayed content can be set to [Align Left], [Align Left], [Align Center], or [Align Right]. Select one of the following. |
| normal font | Specifies the foreground color during normal operation. |
| Normal Fill | Specifies the normal background color. |
| Normal ruled/box lines | Specifies the color of the ruled and bordered lines during normal operation. |
| unavailable font | Specifies the foreground color when disabled. |
| unavailable fill | Specifies the background color when disabled. |
| Unavailable ruled lines/frames | Specifies the color of the ruled and bordered lines when disabled. |
| form | Specifies the shape of the control. |
| angle | Specifies the angle of the control. |
| line thickness | Specifies the thickness of the line. |
| roundness | Specify roundness. |
| thickness | Specify the thickness. |
Change image
Character position of display content (example)
|
|
|
|
Gradient (example)
|
|
|
|
|
|
|
|
image
| Standard Image | Paste the image into the control. |
|---|---|
| Image Deletion | Deletes the image from the control. |
| Invalid standard image | Paste the invalid time image into the control. |
| Image display position (vertical) | The display position of the image can be set to [Align Top], [Align Center Top and Bottom], or [Align Bottom]. Select one of the following. |
| Image display position (horizontal) | The display position of the image can be set to [Align Left], [Align Left], [Align Center], or [Align Right]. Select one of the following. |
| Single-sided fit | Resize the image to fit the control. [no setting][inscribed fit][circumscribed fit][circumscribed fit][horizontal and vertical fit Select one of the following. |
Image display position (example)
|
|
|
|
Single-sided fitting (when image size is smaller than control)
|
|
|
|
|
|
|
|
|
|
ruled line
| top kind | Specifies the type of upper ruled line. |
|---|---|
| overglaze | Specifies the color of the upper border. |
| lower kinds | Specifies the type of lower border. |
| underglaze color | Specifies the color of the lower border. |
| left kind | Specifies the type of left border. |
| left-handedness | Specifies the color of the left border. |
| Right kind | Specifies the type of right border. |
| dark indigo (almost black) | Specifies the color of the right border. |
| Backslash type | Specifies the type of backspace ruled line. |
| backslash | Specifies the color of the backslash border. |
| / Type | / Specify the type of ruled line. |
| /Color | / Specifies the color of the top border. |