. Net language APP development platform-Smobiler Learning Log: How to quickly implement the button group function, appsmobiler

. Net language APP development platform-Smobiler Learning Log: How to quickly implement the button group function, appsmobiler

Smobiler is a development platform that uses the. Net language to develop apps in the VS environment. It may be more convenient than Xamarin.

 

1. Target Style

The following operations are required to achieve the effect:

1. Drag a ButtonGroup control from "scycler Components" on the toolbar to the form interface.

2. Modify the attributes of the ButtonGroup control a. AllowEdit

Obtain or set whether to enable the long-pressed control to enter the editing mode. Set this attribute to "True", 1;

When this attribute is "True" and the Edit attribute in the Buttons attribute is "True", the long-pressed control can enter the editing mode, that is, the delete button is supported.

B. Buttons attributes

Open the Set editor, and click "add", Edit attribute (whether editing is supported), Selected Attribute (whether Selected), Text attribute (sub-button Text), Value attribute (internal Value, not displayed on the interface.) 2. Figure 3;

C. ButtonStyle attributes

The options include the BorderRadius attribute (control border angle), BackColor attribute (control background color), ForeColor attribute (control text color), and BorderColor attribute (control border color), SelectBackColor attributes (the control selects the status background color), SelectForeColor attributes (the control selects the status text color), and SelectBorderColor attributes (the control selects the status border color), 4;

Figure 1	Figure 2	Figure 3	Figure 4

Set the BorderRadius attribute to "10", 5;

Set the BackColor attribute to "White", 6;

Set the ForeColor attribute to "102,102,102", indicating the RGB color, 7;

Set the BorderColor attribute to "234,234,234", indicating the RGB color, 8;

Figure 5	Figure 6	Figure 7	Figure 8

Set the SelectBackColor attribute to "255,245,233", indicating the RGB color, 9;

Set the SelectForeColor attribute to "251,104, 65", indicating the RGB color, 10;

Set the SelectBorderColor attribute to "251,104, 65", indicating the RGB color, 11;

D. FontSize attribute

Set the font size of the control and set this attribute to "13". The font size of the control is;

Figure 9	Figure 10	Figure 11	Figure 12

E. Location attribute

Display the control in a proper position, 13;

F. RowButtonCount attributes

Set the number of buttons in a single row. The default value of this attribute is "0" and 14;

When this attribute is set to "0", the control automatically sets the size of the Button Based on the content of the current Button. When this attribute is set to greater than "0, the specified number of RowButtonCount is displayed in each row.

G. Size attribute

Set the width and height of the control to (300, 73) and 15;

H. MultiSelect attributes

Set whether the control supports multiple selections. The default value is "True". That is, multiple selections and 16 are supported;

If this attribute is set to "False", only the single-choice function is supported;

Figure 13	Figure 14	Figure 15	Figure 16

Ii. Mobile phone effect display