Front: Smobiler is a development platform that uses. NET language to develop apps in the VS environment, perhaps more convenient than Xamarin
First, the target style
We want to achieve the effect in the following actions:
1. Drag a Texttabbar control to the form interface from "Smobiler components" on the toolbar
2. Modify the properties of the Texttabbar control A.backcolor property
Set the background color for the control to "white", 1;
B.forecolor Property
Sets the color of the control font, setting the property to "95, 100, 110", which represents the RGB color, 2;
C.items Property
Get and set the tab bar cell collection, open the collection editor, and click "Add", Fill in Text (menu item text), value (internal value, not displayed on the interface), 3, figure 4;
|
|
|
|
Figure 1 |
Figure 2 |
Figure 3 |
Figure 4 |
D.itemscroll Property
Sets whether to allow the tab bar to scroll, setting the property to "True", 5;
E.itemscrollcount Property
Sets the number of cells to be displayed each time the Itemscroll property is "True", setting the property to "4", 6;
F.location Property
Make the control appear in the appropriate position (0, 16.5), 7;
G.selectbackcolor Property
Gets and sets the tab bar cell selection state background color, the default setting is "White", 8;
|
|
|
|
Figure 5 |
Figure 6 |
Figure 7 |
Figure 8 |
H.selectforecolor Property
Gets and sets the tab bar cell selection state foreground color, set the property to "255, 80, 0", which represents RGB colors, 9;
I.selectitemindex Property
Gets and sets the default selection index for the tab bar, which is set by default to "0", 10;
J.size Property
Set the width and height of the control, set the property to (118, 13), 11;
|
|
|
Figure 9 |
Figure 10 |
Figure 11 |
3.Smobiler Form Design Interface Display effect
Second, the mobile phone effect display
. NET Language app development platform--smobiler Learning log: Texttabbar Fast implementation of mobile applications