. Net language APP development platform-Smobiler Learning Log: How to Develop dashboard controls on mobile phones, appsmobiler

. Net language APP development platform-Smobiler Learning Log: How to Develop dashboard controls on mobile phones, appsmobiler
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 a GaugeView control from "scycler Components" on the toolbar to the form interface.

2. Modify the attributes of the GaugeView control a. AxisLines

Set the axis line segment of the dashboard, open the Set editor, and click "add", Color attribute (Color of the axis line segment of the dashboard) and SplitNumRate attribute (proportion of the axis line segment of the dashboard to the bus segment, values: 0-1), 1, and 2;

B. AxisLineVisiable attributes

Set whether to display the dashboard axis. The default value is "True" and "3;

C. AxisLineWidth attribute

Set the axis width of the dashboard to "4" and "4;

Figure 1	Figure 2	Figure 3	Figure 4

D. AxisTickColor attributes

Set the color of the dashboard dial. The default value is "White" and "5;

E. AxisTickLength attribute

Set the dashboard dial length and set this attribute to "2" and "6;

F. AxisTickSplitNum attributes

Set the number of split scales in the axis of the dashboard. The default values are 5 and 7;

G. AxisTickVisiable attributes

Set whether to display the dashboard dial. The default value is "True" and "8;

Figure 5	Figure 6	Figure 7	Figure 8

H. EndAngle attribute

Set the dashboard end angle. The default value is-45, 9;

I. Location Property

Display the control in the appropriate positions (5, 37), 10;

J. MaxValue attributes

Set the maximum value of the dashboard to "150" and "11;

K. MinValue attributes

Set the minimum value of the dashboard. The default value is "0" and "12;

Figure 9	Figure 10	Figure 11	Figure 12

L. PointerColor attributes

Set the pointer color. Set this attribute to "255,128,128", indicating the RGB color, 13;

M. PointerLength attribute

Set the pointer length and set this attribute to "40", 14;

N. PointerVisiable attributes

Set whether to display the dashboard pointer. The default value is "True", 15;

O. PointerWidth attribute

Set the pointer width to "10", 16;

Figure 13	Figure 14	Figure 15	Figure 16

P. Size attribute

Set the width and height of the control to (108, 75) and 17;

Q. SplitLineColor attributes

Set the color of the dashboard split line. The default value is "White" and "18;

R. SplitLineLength attributes

Set the length of the dashboard split line and set this attribute to "4", 19;

S. SplitLineVisiable attributes

Set whether to display the dashboard split line. The default value is "True" and 20;

Figure 17	Figure 18	Figure 19	Figure 20

T. SplitNum attributes

Set the number of segments for the dashboard scale. The default value is "10" and "21;

U. StartAngle attributes

Set the starting angle of the dashboard. The default value is 225, 22;

V. Text attributes

Set the dashboard text and set this attribute to "2.3%", 23;

W. TextForeColor attributes

Set the text color of the dashboard. Set this attribute to "255,128,128", indicating the RGB color, 24;

Figure 21	Figure 22	Figure 23	Figure 24

S. Title attribute

Set the dashboard title and set this attribute to "performance completion rate" and "25;

Y. TitleForeColor attributes

Set the text color of the dashboard title. The default value is "Black" and 26;

Z. Value Attributes

Set the dashboard pointer value and set this attribute to "2.3", 27;

Figure 25	Figure 26	Figure 27

Ii. Mobile phone effect display