关闭

自定义Symbols的ControlTemplate模板(上)

标签: C#Silverlight样式API
973人阅读 评论(0) 收藏 举报
分类:

在使用arcgis for silverlight api开发的过程中,难免需要去自定义标注,以下是比较常用的几种标注:

1.点闪烁标注:

  <esri:MarkerSymbol x:Key="syWarningMarker">
            <esri:MarkerSymbol.ControlTemplate>
                <ControlTemplate>
                    <Canvas>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal">
                                    <Storyboard RepeatBehavior="Forever">
                                        <DoubleAnimation BeginTime="00:00:00" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)" From="1" To="10" Duration="00:00:01" />
                                        <DoubleAnimation BeginTime="0:0:0" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)" From="1" To="10" Duration="00:00:01" />
                                        <DoubleAnimation BeginTime="00:00:00" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(UIElement.Opacity)" From="1" To="0" Duration="00:00:01" />
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Ellipse Height="10" Width="10" Canvas.Left="-5" Canvas.Top="-5" RenderTransformOrigin="0.5,0.5" x:Name="ellipse" IsHitTestVisible="False">
                            <Ellipse.RenderTransform>
                                <ScaleTransform />
                            </Ellipse.RenderTransform>
                            <Ellipse.Fill>
                                <RadialGradientBrush>
                                    <GradientStop Color="#00FF0000" />
                                    <GradientStop Color="#FFFF0000" Offset="0.25" />
                                    <GradientStop Color="#00FF0000" Offset="0.5" />
                                    <GradientStop Color="#FFFF0000" Offset="0.75" />
                                    <GradientStop Color="#00FF0000" Offset="1" />
                                </RadialGradientBrush>
                            </Ellipse.Fill>
                        </Ellipse>
                        <Ellipse Height="10" Width="10" Canvas.Left="-5" Canvas.Top="-5" Fill="#FFFF0000" x:Name="ellipse1" />
                    </Canvas>
                </ControlTemplate>
            </esri:MarkerSymbol.ControlTemplate>
        </esri:MarkerSymbol>
 效果图:
 可以将Ellipse元素替换成Image,则可以实现围绕着图片闪烁的标注。

2.面闪烁标注:
esri:FillSymbol x:Key="syRenderFill">
            <esri:FillSymbol.ControlTemplate>
                <ControlTemplate x:Name="CustomPolygonTemplate">
                    <Grid>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal">
                                    <Storyboard>
                                        <ColorAnimation Storyboard.TargetName="Element"
                                                Storyboard.TargetProperty="(Fill).(Color)"
                                                To="Transparent" Duration="0:0:0.1" />
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="MouseOver">
                                    <Storyboard>
                                        <ColorAnimation Storyboard.TargetName="Element"
                                                Storyboard.TargetProperty="(Stroke).(Color)"
                                                To="#8800FFFF" Duration="0:0:0.1" />
                                    </Storyboard>
                                </VisualState>                              
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Path x:Name="Element" Stroke="Transparent" Fill="Transparent"
                                StrokeStartLineCap="Round" StrokeThickness="2"
                                StrokeLineJoin="Round" StrokeEndLineCap="Round">
                            <Path.RenderTransform>
                                <ScaleTransform x:Name="stPath" />
                            </Path.RenderTransform>
                        </Path>
                    </Grid>
                </ControlTemplate>
            </esri:FillSymbol.ControlTemplate>
        </esri:FillSymbol>

3.线闪烁标注:

<esri:LineSymbol x:Key="syQueryLine">
            <esri:LineSymbol.ControlTemplate>
                <ControlTemplate>
                    <Grid>
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal">
                                    <Storyboard RepeatBehavior="Forever">
                                        <ColorAnimation Storyboard.TargetName="Element"
                                                Storyboard.TargetProperty="(Stroke).(Color)"
                                                To="#8800FFFF" Duration="0:0:1" />
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Path x:Name="Element" Stroke="#880000FF" Fill="Transparent"
                                StrokeStartLineCap="Round" StrokeThickness="2"
                                StrokeLineJoin="Round" StrokeEndLineCap="Round"/>
                    </Grid>
                </ControlTemplate>
            </esri:LineSymbol.ControlTemplate>
        </esri:LineSymbol>



0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

自定义Symbols的ControlTemplate模板(下)

上一篇博客写的主要是自定义标注,但是在实际项目开发过程中,所用到的标注类型各式各样。直接在Xaml页面的Resources中定义标注,既不易于编写,也不易于管理。所以最好是创建ControlTemplate的Xaml模板文件来管理自定义的内容。 例如|: <ControlTemplate ...
  • li_fighting
  • li_fighting
  • 2013-07-29 17:21
  • 701

通过创建 ControlTemplate 自定义现有控件的外观

原文:http://msdn.microsoft.com/zh-cn/library/vstudio/ee230084(v=vs.100).aspx
  • xuejiren
  • xuejiren
  • 2014-10-29 11:33
  • 5191

WPF中的模板(四)- 寻找ControlTemplate和DataTemplate的控件

一、WPF中的两棵树 WPF中每个控件的Template都是由ControlTemplate构成,ControlTemplate包含了构成该控件的各种子控件,这些子控件就构成了VisualTree;而在我们可见的界面,所有搭建出整个程序UI的控件构成了LoginTree。Visu...
  • lzhui1987
  • lzhui1987
  • 2016-07-25 08:07
  • 2579

[UWP]了解模板化控件(4):TemplatePart

1. TemplatePart TemplatePart(部件)是指ControlTemplate中的命名元素。控件逻辑预期这些部分存在于ControlTemplate中,并且使用protected DependencyObject GetTemplateChild(String chil...
  • meimeizhuzhuhua
  • meimeizhuzhuhua
  • 2017-04-23 19:32
  • 125

WPF Template模版之DataTemplate与ControlTemplate的关系和应用【二】

1. DataTemplate和ControlTemplate的关系     学习过DataTemplate和ControlTemplate,你应该已经体会到,控件只是数据的行为和载体,是个抽象的概念,至于它本身长成什么样子(控件内部结构),它的数据会长成什么样子(数据显示结构...
  • aoshilang2249
  • aoshilang2249
  • 2015-04-19 13:18
  • 4046

WPF 深入浅出 模板(DataTemplate 数据外衣、ControlTemplate 控件外衣、ItemsPanelTemplate 项布局

模板就是“具有一定规格的样板”,有了模板,就可以依据它制造出很多一样的实例。
  • tiz198183
  • tiz198183
  • 2017-02-13 16:40
  • 961

WPF中的模板(二)- ControlTemplate

一、TextBox控件的内部结构 首先,我们先利用Blend解开TextBox控件的内部结构。利用Blend新建一个WPF项目,在界面上添加一个TextBox。 我们看到,TextBox的四个角都是直角,我们现在试着把他的角变成圆角: 选中这个控件,右键->编辑模板->编辑...
  • lzhui1987
  • lzhui1987
  • 2016-07-11 10:53
  • 871

【Unity】多平台自定义宏和Scripting Define Symbols的使用

API地址:http://docs.unity3d.com/Documentation/Manual/PlatformDependentCompilation.html 平台定义 UNITY_EDITOR 编辑器调用。 UNITY_STANDALONE_OSX 专门为Mac OS(...
  • swj524152416
  • swj524152416
  • 2017-03-27 10:45
  • 2357

php学习笔记(三十三)php自定义模板引擎的实现

自己实现简单的模板引擎:方面php的逻辑与页面进行分离 模板类: 调用的页面: <?php include "mytpl.class.php"; $tpl = new MyTpl("./templates/",&q...
  • devilzy2656
  • devilzy2656
  • 2013-01-06 16:32
  • 709

【VS】VS2015添加自定义模版

写在前面的 在之前的开发过程中,我们有时候需要记录代码段的编辑和修改信息,以及该代码段或者模块的基本信息。这时我们就需要我们重复的在开头添加有关于该模块、代码段的“标头”,添加的方法问问度娘就可以查到。但是,由于VS2015的添加项目的界面和以往有很大不同,所以在添加“自定义模板”的时候会出现一些小...
  • SugaryoTT
  • SugaryoTT
  • 2016-07-13 20:38
  • 7854
    个人资料
    • 访问:25934次
    • 积分:609
    • 等级:
    • 排名:千里之外
    • 原创:35篇
    • 转载:5篇
    • 译文:0篇
    • 评论:7条
    最新评论