. Net language APP development platform-Smobiler Learning Log: Use the MenuView control to simulate the homepage menu of the dingtalk APP, smobilermenuview

. Net language APP development platform-Smobiler Learning Log: Use the MenuView control to simulate the homepage menu of the dingtalk APP, smobilermenuview
First, scycler 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 an IconMenuView control from "Smobiler Components" on the toolbar to the form interface.

2. Modify the properties of the MenuView control.

Open the Set editor, and click "add", ID attribute (used to identify the menu group), Items attribute (menu item set), Title attribute (menu group text ), value Attribute (menu group Value), 1. Figure 2

Open the Items attribute, and click "add". The Icon attribute (the Icon on the menu item) and ID attribute (used to identify the menu item, which is not displayed on the interface ), text attribute (menu item Text), Value attribute (internal Value, not displayed on the Interface), 3

B. IconColumnCount attributes

Displayed as four icons in a row, 4

C. MenuItemHeight attribute

Increase height, 5

D. FontSize attribute

Set the control font size to "7", 6

E. ForeColor attributes

Set the control font color to "134,142,155", indicating the RGB color, 7

F. GridLines attributes

Set whether to display gridlines around the menu cell, set this attribute to "True", 8

G. GridLinesColor attribute

Obtain and set the gridline color of the menu cell. Set this attribute to "244,244,244", indicating the RGB color, 9

Figure 1	Figure 2	Figure 3	Figure 4
Figure 5	Figure 6	Figure 7	Figure 8
Figure 9

3. scycler Form Design Interface display Effect

Ii. Mobile phone effect display