指标
压力表指示器是以不同方式显示数据相关值的元素。
指针指示器
的GaugeNeedleIndicator是径向规的一部分。方法设置的单个值价值财产。针的目的是视觉上比较实际的轨距针。针的旋转中心与量规的中心重合,并指向量规轴上的值所在的位置。针尖能走多远是由它的位置和抵消属性。
自定义指针指示器
您可以使用自定义形状的针利用的优势形状财产。为了获得所需的输出,您需要设置描述您想要的针的几何形状。当设置形状几何形状时,规范期望满足这些条件:
- 坐标是0到1之间的相对值。
- 旋转支点为(0.5,0.5)。
- 针的方位从(0.5,0.5)到(1,0.5)。
当量规绘制指针时,几何图形被缩放到将显示的大小。这个尺寸是由轴弧的直径、针的位置和偏移量决定的。然后旋转它,使指针指向该值。在下面的例子中,旋转角度为45度,在这种情况下与针的值一致。
下面是一个定制针形的例子:
的Gauge/Customizations文件夹中可以找到一个自定义针头示例SDK示例浏览器应用程序.
形状指标
的GaugeShapeIndicator具有以下属性:
- 价值:定义形状指示符的单个值。
- 大小:定义形状指示器的大小。
形状指示器本质上是一个方框,其绘制使其中心与位置和偏移量属性定义的点重合。该形状围绕其中心旋转,以便默认箭头形状始终指向中轴线。
自定义形状指示器
的自定义形状GaugeShapeIndicator通过利用形状财产。为了获得所需的输出,您需要了解如何设置描述所需形状的几何形状。当设置形状几何形状时,规范期望满足这些条件:
- 坐标的相对值在0到1之间。
- 旋转支点为(0.5,0.5)。
- 形状的方向从(1,0.5)到(0.5,0.5)。
当仪表绘制形状时,几何图形被缩放到显示的大小。然后将其移动到由Position和Offset属性定义的点。然后旋转它,使形状指向中轴线。在下面的例子中,指示器的值为3.5,旋转角度为35度。
下面是一个自定义形状的例子:
控件的“测量/自定义”文件夹中可以找到一个自定义形状示例SDK示例浏览器应用程序.
酒吧指示器
的GaugeBarIndicator控件设置的单个值价值财产。条形指示器沿着中轴线绘制(与其平行),并从轴原点值绘制。
< telerikgauge:GaugeBarIndicator Fill="Green" StartThickness="0" Offset="15" Value="75" />
此外,BarIndicator还具有以下属性:
- StartThickness(双):表示条形指示灯的开始刻度。
- EndThickness(双):指定条形指示器的结束厚度
- StartCap(类型telerik . xamarinforms . datavisalization . gauge . gaugebarindicatorcap枚举):定义条形指示器的起始位置。
- 结束描述(类型telerik . xamarinforms . datavisalization . gauge . gaugebarindicatorcap枚举):定义条形指示器的结束位置。下面的可用选项GaugeBarIndicatorCap枚举是:平,椭圆形,ConcaveOval.起始和结束大写的默认值为平.
距离条指示器
的GaugeBarIndicator控件设置的值范围从和来属性。
< telerikgauge:GaugeRangeBarIndicator FromCap="Oval" ToCap="Oval" Offset="65" From="-75" To="75"> < telerikgauge:GaugeRangeBarIndicator。 telerikgauge:GaugeRangeBarIndicator。GradientStops > < / telerikGauges: GaugeRangeBarIndicator >
此外,RangeBarIndicator有以下属性:
- FromThickness(双):指定范围条指示器的开始刻度。
- ToThickness(双):指定范围条指示器的结束厚度
- FromCap(类型telerik . xamarinforms . datavisalization . gauge . gaugebarindicatorcap枚举):定义条形指示器的起始位置。
- ToCap(类型telerik . xamarinforms . datavisalization . gauge . gaugebarindicatorcap枚举):定义条形指示器的结束位置。下面的可用选项GaugeBarIndicatorCap枚举是:平,椭圆形,ConcaveOval.默认值为平.
的Gauge/Features文件夹中可以找到测量条指示器的例子SDK示例浏览器应用程序.
文本指示器
的GaugeTextIndicator使您能够在特定值上显示文本。
< telerikgauge:GaugeTextIndicator > HorizontalTextPlacement="Right" Stroke="#FF4062AD" StrokeThickness="1" Text="indicator at 65" TextColor="#FF4062AD" TextMargin="4" VerticalTextPlacement="Top" Offset="15" Value="65" />
的Gauge/Features文件夹中可以找到测量文本指示器的例子SDK示例浏览器应用程序.