需要仪表盘方式显示可以吗？

登录

环境是Silverlight:我们需要根据年度预算，当前使用情况，来以仪表盘方式显示，C1有类似的方式可以实现吗？

roger.wang · roger.wang

有类似的仪表盘。
在线demo：
http://demos.componentone.com/si ... /#Gauges/Automobile

C1 Silverlight 源码对应的下载地址：
http://www.gcpowertools.com.cn/p ... ilverlight_demo.htm

sygmonitor · sygmonitor

回复 2楼roger.wang的帖子

您好！我看了例子，确实很好。C1RadialGauge这个的标签参数的说明有相应的文档吗？具体的定义的一些东西我还是不是太清楚。

roger.wang · roger.wang

回复 3楼sygmonitor的帖子

文档必须有啊

我们所有的文档和产品资料，均在各个板块的置顶帖：《Studio for Silverlight官方资源集》

C1RadialGauge: http://helpcentral.componentone.com/nethelp/c1gaugessl/

sygmonitor · sygmonitor

回复 4楼roger.wang的帖子

您好！我的仪表盘可以显示了。我想让仪表盘的指针在启动时从开始转到指定位置有一个动画，这个如何实现啊？

<UserControl x:Class="GaugeSamples.RadialGauge"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"
>
<UserControl.Resources>
<Storyboard x:Name="AnimateRadial">
<DoubleAnimationUsingKeyFrames RepeatBehavior="Forever" BeginTime="00:00:00" Duration="00:00:02" AutoReverse="True" Storyboard.TargetName="myGauge" Storyboard.TargetProperty="(c1Gaugeauge.Value)">
<SplineDoubleKeyFrame KeyTime="00:00:5.00" Value="500" KeySpline="0,0,1,0"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</UserControl.Resources>
<c1:C1RadialGauge x:Name="myGauge"
Height="500"
Value="0" StartAngle="200" AllowDrop="True" Background="White" BorderThickness="0" FlowDirection="LeftToRight" SweepAngle="300" AspectRatio="1.5" Maximum="1000" >
<c1:C1GaugeRange x:Name="myGR1" To="800" Location="0.8" Fill="Green" Stroke="Black" StrokeThickness="1" Width="0.2" Opacity="0.6" />
<c1:C1GaugeRange x:Name="myGR2" From ="800" To="900" Location="0.8" Fill="Orange" Stroke="Black" StrokeThickness="1" Width="0.2" Opacity="0.6" />
<c1:C1GaugeRange x:Name="myGR3" From="900" Fill="Red" Location="0.8" Stroke="Black" StrokeThickness="1" Width="0.2" Opacity="0.6" />
<c1:C1GaugeMark x:Name="myGM1" Interval="200" />
<c1:C1GaugeMark x:Name="myGM2" Interval="100" />
<c1:C1GaugeMark x:Name="myGM3" Interval="10" />
<c1:C1GaugeLabel x:Name="myGaugeLabel" Interval="200" Alignment="Out" AlignmentOffset="20" />
</c1:C1RadialGauge>
</UserControl>

复制代码

roger.wang · roger.wang

回复 5楼sygmonitor的帖子

通过您的这个实例，好像已经实现动画了。
我在这个代码的后台的构造函数，调用了

AnimateRadial.Begin();

复制代码

截图用的源码是安装控件后自带的，路径：C:\Users\rogerwang\Documents\ComponentOne Samples\Studio for Silverlight\C1.Silverlight.Gauge\CS\GaugeSamples

sygmonitor · sygmonitor

回复 6楼roger.wang的帖子

你这个代码我也加了，只是指针在目标区域晃动，我想要的是打开界面后加载数据过程中，指针从开始运动到目标位置。不是在目标区域晃动

roger.wang · roger.wang

回复 7楼sygmonitor的帖子

请帮清晰一下需求：
我理解的是您要指针在0~100 直接缓慢的前进，到100后就不动了? 做进度条功能吗。

目前实现的Storyboard持续一段时间, 即目标区域范围内晃动。

sygmonitor · sygmonitor

回复 8楼roger.wang的帖子

我经过测试可以出现晃动了，但是晃动的速度是否可以控制啊。很快就到目标位置了。还有就是我是否可以在这个图上标示目标位置的精确数字吗？此图标的显示可以为3D效果吗？

<Storyboard x:Name="AnimateRadial">
<DoubleAnimationUsingKeyFrames RepeatBehavior="1x" BeginTime="00:00:00" Duration="00:00:01" AutoReverse="True" Storyboard.TargetName="myGauge" Storyboard.TargetProperty="(c1Gaugeauge.Value)">
<SplineDoubleKeyFrame KeyTime="00:00:1.00" Value="0" KeySpline="0,0,0,1"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>

复制代码

roger.wang · roger.wang

回复 9楼sygmonitor的帖子

1 速度可以控制，请参考MSDN的Storyboard\DoubleAnimationUsingKeyFrames资料。
2 C1GaugeLabel 是用来显示刻度线标签--数字的。
3 更酷的3D效果，请考虑用Blend渲染Storyboard实现效果。

		自动登录	找回密码
密码			立即注册

需要仪表盘方式显示可以吗？

本帖子中包含更多资源

10 个回复

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄