Silverlight 3.0图表中的自定义光标
当我看到解决方案时,我可能忽略了一些显而易见的事情,但现在Silverlight 3.0图表中的自定义光标,silverlight,silverlight-3.0,charts,silverlight-toolkit,custom-cursor,Silverlight,Silverlight 3.0,Charts,Silverlight Toolkit,Custom Cursor,当我看到解决方案时,我可能忽略了一些显而易见的事情,但现在 <dataVisTK:Title Content="{TemplateBinding Title}" Style="{TemplateBinding TitleStyle}"/> <Grid Grid.Row="1"> <!-- Remove the Legend -->
<dataVisTK:Title Content="{TemplateBinding Title}"
Style="{TemplateBinding TitleStyle}"/>
<Grid Grid.Row="1">
<!-- Remove the Legend -->
<!--<dataVisTK:Legend
x:Name="Legend"
Title="{TemplateBinding LegendTitle}"
Style="{TemplateBinding LegendStyle}"
Grid.Column="1"/>-->
<chartingPrimitivesTK:EdgePanel x:Name="ChartArea"
Background="#EDAEAE"
Style="{TemplateBinding ChartAreaStyle}"
Grid.Column="0">
<Grid Canvas.ZIndex="-1"
Background="#2008AE"
Style="{TemplateBinding PlotAreaStyle}">
</Grid>
<Border Canvas.ZIndex="1"
BorderBrush="#FF250010"
BorderThickness="3" />
<Grid x:Name="gridHandCursors"
Canvas.ZIndex="5"
Width="32" Height="32"
Visibility="Collapsed">
<Image x:Name="cursorGrab" Width="32"
Source="Resources/grab.png" />
<Image x:Name="cursorGrabbing" Width="32"
Source="Resources/grabbing.png"
Visibility="Collapsed"/>
</Grid>
</chartingPrimitivesTK:EdgePanel>
</Grid>
</Grid>
</Border>
我试图在工具箱图表的图表区域内使用自定义光标。我为图表创建了一个ControlTemplate,并创建了一个包含光标的网格。我使用各种鼠标事件显示/隐藏光标,并尝试移动包含的网格。光标在正确的时间显示,但我无法将其移动到正确的位置
<dataVisTK:Title Content="{TemplateBinding Title}"
Style="{TemplateBinding TitleStyle}"/>
<Grid Grid.Row="1">
<!-- Remove the Legend -->
<!--<dataVisTK:Legend
x:Name="Legend"
Title="{TemplateBinding LegendTitle}"
Style="{TemplateBinding LegendStyle}"
Grid.Column="1"/>-->
<chartingPrimitivesTK:EdgePanel x:Name="ChartArea"
Background="#EDAEAE"
Style="{TemplateBinding ChartAreaStyle}"
Grid.Column="0">
<Grid Canvas.ZIndex="-1"
Background="#2008AE"
Style="{TemplateBinding PlotAreaStyle}">
</Grid>
<Border Canvas.ZIndex="1"
BorderBrush="#FF250010"
BorderThickness="3" />
<Grid x:Name="gridHandCursors"
Canvas.ZIndex="5"
Width="32" Height="32"
Visibility="Collapsed">
<Image x:Name="cursorGrab" Width="32"
Source="Resources/grab.png" />
<Image x:Name="cursorGrabbing" Width="32"
Source="Resources/grabbing.png"
Visibility="Collapsed"/>
</Grid>
</chartingPrimitivesTK:EdgePanel>
</Grid>
</Grid>
</Border>
这是ControlTemplate(时髦的颜色只是试图确认模板的不同部分与什么有关):
<dataVisTK:Title Content="{TemplateBinding Title}"
Style="{TemplateBinding TitleStyle}"/>
<Grid Grid.Row="1">
<!-- Remove the Legend -->
<!--<dataVisTK:Legend
x:Name="Legend"
Title="{TemplateBinding LegendTitle}"
Style="{TemplateBinding LegendStyle}"
Grid.Column="1"/>-->
<chartingPrimitivesTK:EdgePanel x:Name="ChartArea"
Background="#EDAEAE"
Style="{TemplateBinding ChartAreaStyle}"
Grid.Column="0">
<Grid Canvas.ZIndex="-1"
Background="#2008AE"
Style="{TemplateBinding PlotAreaStyle}">
</Grid>
<Border Canvas.ZIndex="1"
BorderBrush="#FF250010"
BorderThickness="3" />
<Grid x:Name="gridHandCursors"
Canvas.ZIndex="5"
Width="32" Height="32"
Visibility="Collapsed">
<Image x:Name="cursorGrab" Width="32"
Source="Resources/grab.png" />
<Image x:Name="cursorGrabbing" Width="32"
Source="Resources/grabbing.png"
Visibility="Collapsed"/>
</Grid>
</chartingPrimitivesTK:EdgePanel>
</Grid>
</Grid>
</Border>
<dataVisTK:Title Content="{TemplateBinding Title}"
Style="{TemplateBinding TitleStyle}"/>
<Grid Grid.Row="1">
<!-- Remove the Legend -->
<!--<dataVisTK:Legend
x:Name="Legend"
Title="{TemplateBinding LegendTitle}"
Style="{TemplateBinding LegendStyle}"
Grid.Column="1"/>-->
<chartingPrimitivesTK:EdgePanel x:Name="ChartArea"
Background="#EDAEAE"
Style="{TemplateBinding ChartAreaStyle}"
Grid.Column="0">
<Grid Canvas.ZIndex="-1"
Background="#2008AE"
Style="{TemplateBinding PlotAreaStyle}">
</Grid>
<Border Canvas.ZIndex="1"
BorderBrush="#FF250010"
BorderThickness="3" />
<Grid x:Name="gridHandCursors"
Canvas.ZIndex="5"
Width="32" Height="32"
Visibility="Collapsed">
<Image x:Name="cursorGrab" Width="32"
Source="Resources/grab.png" />
<Image x:Name="cursorGrabbing" Width="32"
Source="Resources/grabbing.png"
Visibility="Collapsed"/>
</Grid>
</chartingPrimitivesTK:EdgePanel>
</Grid>
</Grid>
</Border>
<dataVisTK:Title Content="{TemplateBinding Title}"
Style="{TemplateBinding TitleStyle}"/>
<Grid Grid.Row="1">
<!-- Remove the Legend -->
<!--<dataVisTK:Legend
x:Name="Legend"
Title="{TemplateBinding LegendTitle}"
Style="{TemplateBinding LegendStyle}"
Grid.Column="1"/>-->
<chartingPrimitivesTK:EdgePanel x:Name="ChartArea"
Background="#EDAEAE"
Style="{TemplateBinding ChartAreaStyle}"
Grid.Column="0">
<Grid Canvas.ZIndex="-1"
Background="#2008AE"
Style="{TemplateBinding PlotAreaStyle}">
</Grid>
<Border Canvas.ZIndex="1"
BorderBrush="#FF250010"
BorderThickness="3" />
<Grid x:Name="gridHandCursors"
Canvas.ZIndex="5"
Width="32" Height="32"
Visibility="Collapsed">
<Image x:Name="cursorGrab" Width="32"
Source="Resources/grab.png" />
<Image x:Name="cursorGrabbing" Width="32"
Source="Resources/grabbing.png"
Visibility="Collapsed"/>
</Grid>
</chartingPrimitivesTK:EdgePanel>
</Grid>
</Grid>
</Border>
下面是鼠标事件(特别是MouseMove):
<dataVisTK:Title Content="{TemplateBinding Title}"
Style="{TemplateBinding TitleStyle}"/>
<Grid Grid.Row="1">
<!-- Remove the Legend -->
<!--<dataVisTK:Legend
x:Name="Legend"
Title="{TemplateBinding LegendTitle}"
Style="{TemplateBinding LegendStyle}"
Grid.Column="1"/>-->
<chartingPrimitivesTK:EdgePanel x:Name="ChartArea"
Background="#EDAEAE"
Style="{TemplateBinding ChartAreaStyle}"
Grid.Column="0">
<Grid Canvas.ZIndex="-1"
Background="#2008AE"
Style="{TemplateBinding PlotAreaStyle}">
</Grid>
<Border Canvas.ZIndex="1"
BorderBrush="#FF250010"
BorderThickness="3" />
<Grid x:Name="gridHandCursors"
Canvas.ZIndex="5"
Width="32" Height="32"
Visibility="Collapsed">
<Image x:Name="cursorGrab" Width="32"
Source="Resources/grab.png" />
<Image x:Name="cursorGrabbing" Width="32"
Source="Resources/grabbing.png"
Visibility="Collapsed"/>
</Grid>
</chartingPrimitivesTK:EdgePanel>
</Grid>
</Grid>
</Border>
void TimelineChart\u加载(对象发送方,路由目标)
{
chartTimeline.UpdateLayout();
List chartChildren=GetLogicalChildrenBroadthfirst(chartTimeline).ToList();
麦克哈特地区=
其中(element=>element.Name.Equals(“ChartArea”)).FirstOrDefault()作为面板;
如果(mChartArea!=null)
{
grabCursor=chartChildren.Where(element=>element.Name.Equals(“cursorGrab”)).FirstOrDefault()作为图像;
grabbingCursor=chartChildren.Where(element=>element.Name.Equals(“cursorGrabbing”)).FirstOrDefault()作为图像;
mGridHandCursors=
其中(element=>element.Name.Equals(“gridHandCursors”)).FirstOrDefault()作为网格;
mChartArea.Cursor=游标.None;
mChartArea.MouseMove+=新的MouseEventHandler(mChartArea\u MouseMove);
mChartArea.MouseLeftButtonDown+=新的MouseButtonEventHandler(mChartArea_MouseLeftButtonDown);
mChartArea.mouseleftbuttoneup+=新的鼠标按钮venthandler(mChartArea_mouseleftbuttoneup);
if(mGridHandCursors!=null)
{
mChartArea.MouseEnter+=(s,e2)=>
mGridHandCursors.Visibility=可见性.Visibility;
mChartArea.MouseLeave+=(s,e2)=>
mGridHandCursors.Visibility=Visibility.Collapsed;
}
}
}
void mChartArea_MouseLeftButtonUp(对象发送器,MouseButtonEventArgs e)
{
if(grabCursor!=null)
grabb光标.Visibility=可见性.Visibility;
if(grabbingCursor!=null)
grabbingCursor.Visibility=Visibility.Collapsed;
}
void mChartArea_MouseLeftButtonDown(对象发送器,MouseButtonEventArgs e)
{
if(grabCursor!=null)
grabCursor.Visibility=Visibility.Collapsed;
if(grabbingCursor!=null)
grabbingCursor.Visibility=可见性.Visibility;
}
void mChartArea_MouseMove(对象发送器,MouseEventArgs e)
{
if(mGridHandCursors!=null)
{
点pt=e.GetPosition(空);
mGridHandCursors.SetValue(Canvas.LeftProperty,pt.X);
mGridHandCursors.SetValue(Canvas.TopProperty,pt.Y);
}
}
我们将非常感谢任何越过这一障碍的帮助
<dataVisTK:Title Content="{TemplateBinding Title}"
Style="{TemplateBinding TitleStyle}"/>
<Grid Grid.Row="1">
<!-- Remove the Legend -->
<!--<dataVisTK:Legend
x:Name="Legend"
Title="{TemplateBinding LegendTitle}"
Style="{TemplateBinding LegendStyle}"
Grid.Column="1"/>-->
<chartingPrimitivesTK:EdgePanel x:Name="ChartArea"
Background="#EDAEAE"
Style="{TemplateBinding ChartAreaStyle}"
Grid.Column="0">
<Grid Canvas.ZIndex="-1"
Background="#2008AE"
Style="{TemplateBinding PlotAreaStyle}">
</Grid>
<Border Canvas.ZIndex="1"
BorderBrush="#FF250010"
BorderThickness="3" />
<Grid x:Name="gridHandCursors"
Canvas.ZIndex="5"
Width="32" Height="32"
Visibility="Collapsed">
<Image x:Name="cursorGrab" Width="32"
Source="Resources/grab.png" />
<Image x:Name="cursorGrabbing" Width="32"
Source="Resources/grabbing.png"
Visibility="Collapsed"/>
</Grid>
</chartingPrimitivesTK:EdgePanel>
</Grid>
</Grid>
</Border>
谢谢,
wTs我有一件事是可行的(用画布围绕着它),但我愿意接受其他更少代码气味的选择
<dataVisTK:Title Content="{TemplateBinding Title}"
Style="{TemplateBinding TitleStyle}"/>
<Grid Grid.Row="1">
<!-- Remove the Legend -->
<!--<dataVisTK:Legend
x:Name="Legend"
Title="{TemplateBinding LegendTitle}"
Style="{TemplateBinding LegendStyle}"
Grid.Column="1"/>-->
<chartingPrimitivesTK:EdgePanel x:Name="ChartArea"
Background="#EDAEAE"
Style="{TemplateBinding ChartAreaStyle}"
Grid.Column="0">
<Grid Canvas.ZIndex="-1"
Background="#2008AE"
Style="{TemplateBinding PlotAreaStyle}">
</Grid>
<Border Canvas.ZIndex="1"
BorderBrush="#FF250010"
BorderThickness="3" />
<Grid x:Name="gridHandCursors"
Canvas.ZIndex="5"
Width="32" Height="32"
Visibility="Collapsed">
<Image x:Name="cursorGrab" Width="32"
Source="Resources/grab.png" />
<Image x:Name="cursorGrabbing" Width="32"
Source="Resources/grabbing.png"
Visibility="Collapsed"/>
</Grid>
</chartingPrimitivesTK:EdgePanel>
</Grid>
</Grid>
</Border>
<Canvas Canvas.ZIndex="5">
<Grid x:Name="gridHandCursors"
Width="32" Height="32"
Visibility="Collapsed">
<Image x:Name="cursorGrab" Width="32"
Source="Resources/grab.png" />
<Image x:Name="cursorGrabbing" Width="32"
Source="Resources/grabbing.png"
Visibility="Collapsed"/>
</Grid>
</Canvas>