Xamarin的Telerik UI免费下载30天试用版

指标

压力表指示器是以不同方式显示数据相关值的元素。

指针指示器

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。     < / 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示例浏览器应用程序

另请参阅

在本文中
Baidu
map