Ajax风格的Silverlight BusyIndi​​cator？ [英] Ajax-style Style for Silverlight BusyIndicator?

查看：200
本文介绍了Ajax风格的Silverlight BusyIndi​​cator？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在寻找一个样例，将Silverlight BusyIndi​​cator的外观更改为AJAX应用程序的旋转轮外观。



google产生一些链接到人们正在创建新的控件，以实现相同的事情（我怀疑他们早于BusyIndi​​cator），但我宁愿皮肤BusyIndi​​cator如果可能的话。



任何人都向正确的方向走？



感谢


$ b b

标记

解决方案

我制作了自己的自定义 BusyIndi​​cator Silverlight Toolkit



以下是您需要的：


  1. 您的样式文件中的系统命名空间：



    xmlns：System =clr-namespace：System; assembly = mscorlib

    2. 将样式/模板放入您的样式文件中：

     < ControlTemplate x：Key =AjaxBusyIndi​​catorControlTemplate =工具包：BusyIndi​​cator> 
    < Grid x：Name =ColorLayer> 
    < VisualStateManager.VisualStateGroups> 
    < VisualStateGroup x：Name =VisibilityStates> 
    < VisualState x：Name =Hidden> 
    < Storyboard> 
    < ObjectAnimationUsingKeyFrames BeginTime =00:00:00Duration =00：00：00.001Storyboard.TargetProperty =（UIElement.Visibility）Storyboard.TargetName =busycontent> 
    < DiscreteObjectKeyFrame KeyTime =00:00:00> 
    < DiscreteObjectKeyFrame.Value> 
    < Visibility>已折叠< / Visibility> 
    < /DiscreteObjectKeyFrame.Value> 
    < / DiscreteObjectKeyFrame> 
    < / ObjectAnimationUsingKeyFrames> 
    < ObjectAnimationUsingKeyFrames BeginTime =00:00:00Duration =00：00：00.001Storyboard.TargetProperty =（UIElement.Visibility）Storyboard.TargetName =overlay> 
    < DiscreteObjectKeyFrame KeyTime =00:00:00> 
    < DiscreteObjectKeyFrame.Value> 
    < Visibility>已折叠< / Visibility> 
    < /DiscreteObjectKeyFrame.Value> 
    < / DiscreteObjectKeyFrame> 
    < / ObjectAnimationUsingKeyFrames> 
    < / storyboard> 
    < / VisualState> 
    < VisualState x：Name =Visible> 
    < Storyboard> 
    < ObjectAnimationUsingKeyFrames BeginTime =00:00:00Duration =00：00：00.001Storyboard.TargetProperty =（UIElement.Visibility）Storyboard.TargetName =busycontent> 
    < DiscreteObjectKeyFrame KeyTime =00:00:00> 
    < DiscreteObjectKeyFrame.Value> 
    < Visibility>可见< / Visibility> 
    < /DiscreteObjectKeyFrame.Value> 
    < / DiscreteObjectKeyFrame> 
    < / ObjectAnimationUsingKeyFrames> 
    < ObjectAnimationUsingKeyFrames BeginTime =00:00:00Duration =00：00：00.001Storyboard.TargetProperty =（UIElement.Visibility）Storyboard.TargetName =overlay> 
    < DiscreteObjectKeyFrame KeyTime =00:00:00> 
    < DiscreteObjectKeyFrame.Value> 
    < Visibility>可见< / Visibility> 
    < /DiscreteObjectKeyFrame.Value> 
    < / DiscreteObjectKeyFrame> 
    < / ObjectAnimationUsingKeyFrames> 
    < / storyboard> 
    < / VisualState> 
    < / VisualStateGroup> 
    < VisualStateGroup x：Name =BusyStatusStates> 
    < VisualState x：Name =Idle> 
    < Storyboard> 
    < ObjectAnimationUsingKeyFrames BeginTime =00:00:00Duration =00：00：00.001Storyboard.TargetProperty =（Control.IsEnabled）Storyboard.TargetName =content> 
    < DiscreteObjectKeyFrame KeyTime =00:00:00> 
    < DiscreteObjectKeyFrame.Value> 
    < System：Boolean> True< / System：Boolean> 
    < /DiscreteObjectKeyFrame.Value> 
    < / DiscreteObjectKeyFrame> 
    < / ObjectAnimationUsingKeyFrames> 
    < / storyboard> 
    < / VisualState> 
    < VisualState x：Name =Busy> 
    < Storyboard RepeatBehavior =ForeverAutoReverse =False> 
    < DoubleAnimationUsingKeyFrames Storyboard.TargetProperty =（UIElement.RenderTransform）。（CompositeTransform.Rotation）Storyboard.TargetName =loader> 
     < EasingDoubleKeyFrame KeyTime =0：0：1Value =359.999/> 
    < / DoubleAnimationUsingKeyFrames> 
    < ObjectAnimationUsingKeyFrames BeginTime =00:00:00Duration =00：00：00.001Storyboard.TargetProperty =（Control.IsEnabled）Storyboard.TargetName =content> 
    < DiscreteObjectKeyFrame KeyTime =00:00:00> 
    < DiscreteObjectKeyFrame.Value> 
    < System：Boolean> False< / System：Boolean> 
    < /DiscreteObjectKeyFrame.Value> 
    < / DiscreteObjectKeyFrame> 
    < / ObjectAnimationUsingKeyFrames> 
    < / storyboard> 
    < / VisualState> 
    < / VisualStateGroup> 
    < /VisualStateManager.VisualStateGroups> 
    < ContentControl x：Name =contentContentTemplate ={TemplateBinding ContentTemplate}Content ={TemplateBinding Content}Horizo​​ntalContentAlignment ={TemplateBinding Horizo​​ntalContentAlignment}VerticalContentAlignment ={TemplateBinding VerticalContentAlignment}/> 
    < Rectangle x：Name =overlayStyle ={TemplateBinding OverlayStyle}/> 
    < ContentPresenter x：Name =busycontent> 
    < Path x：Name =loaderHeight =19Width =19Canvas.Left =0.5Canvas.Top =0.5Stretch =FillUseLayoutRounding =False BlackStrokeThickness =0.2RenderTransformOrigin =0.5,0.5
     Data =M9.5,3 C5.9101491,3 3,5.9101491 3,9.5 C3,13.08985 5.9101491,16 9.5,16 C13.08985 ，16 16,13.08985 16,9.5 C16,5.9101491 13.08985,3 9.5,3z M9.5,0 C14.746705,0 19,4.2532949 19,9.5 C19,14.746705 14.746705,19 9.5,19 C4.2532949,19 0， 14.746705 0.9.5 C0.4.2532949 4.2532949,0 9.5,0 z 
    < Path.RenderTransform> 
    < CompositeTransform /> 
    < /Path.RenderTransform> 
    < Path.Fill> 
    < LinearGradientBrush EndPoint =0.5,1StartPoint =0.5,0> 
    < GradientStop Color =＃FF0089FFOffset =0/> 
    < GradientStop Color =WhiteOffset =1/> 
    < / LinearGradientBrush> 
    < /Path.Fill> 
    < / Path> 
    < / ContentPresenter> 
    < / Grid> 
    < / ControlTemplate> 
     
    < Style x：Key =AjaxBusyIndi​​catorTargetType =toolkit：BusyIndi​​cator> 
    < Setter Property =TemplateValue ={StaticResource AjaxBusyIndi​​catorControlTemplate}/> 
    < / Style>


  2. 在XAML中使用：


 < Grid x：Name =LayoutRoot =White> 
< toolkit：BusyIndi​​cator IsBusy =TrueStyle ={StaticResource AjaxBusyIndi​​cator}> 
< TextBox Text =TEST测试测试/> 
< / toolkit：BusyIndi​​cator> 
< / Grid>


I'm looking for an example Style to change the look of the Silverlight BusyIndicator to more like the "spinning wheel" look of AJAX apps.

A lap around google produces some links to where people are creating new controls to achieve the same thing (I suspect they pre-date the BusyIndicator) but I'd rather skin the BusyIndicator if possible.

Anyone pont me in the right direction?

Thanks

Mark

解决方案

I made my own custom BusyIndicator from Silverlight Toolkit

Here is what you need:

  1. Set the System namespace in your style file:

    xmlns:System="clr-namespace:System;assembly=mscorlib"

  2. Put the style/template in your style file:

    <ControlTemplate x:Key="AjaxBusyIndicatorControlTemplate" TargetType="toolkit:BusyIndicator">
    <Grid x:Name="ColorLayer">               
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="VisibilityStates">
                <VisualState x:Name="Hidden">
                    <Storyboard>
                        <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.001" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="busycontent">
                            <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                <DiscreteObjectKeyFrame.Value>
                                    <Visibility>Collapsed</Visibility>
                                </DiscreteObjectKeyFrame.Value>
                            </DiscreteObjectKeyFrame>
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.001" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="overlay">
                            <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                <DiscreteObjectKeyFrame.Value>
                                    <Visibility>Collapsed</Visibility>
                                </DiscreteObjectKeyFrame.Value>
                            </DiscreteObjectKeyFrame>
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="Visible">
                    <Storyboard>
                        <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.001" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="busycontent">
                            <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                <DiscreteObjectKeyFrame.Value>
                                    <Visibility>Visible</Visibility>
                                </DiscreteObjectKeyFrame.Value>
                            </DiscreteObjectKeyFrame>
                        </ObjectAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.001" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="overlay">
                            <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                <DiscreteObjectKeyFrame.Value>
                                    <Visibility>Visible</Visibility>
                                </DiscreteObjectKeyFrame.Value>
                            </DiscreteObjectKeyFrame>
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="BusyStatusStates">
                <VisualState x:Name="Idle">
                    <Storyboard>
                        <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.001" Storyboard.TargetProperty="(Control.IsEnabled)" Storyboard.TargetName="content">
                            <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                <DiscreteObjectKeyFrame.Value>
                                    <System:Boolean>True</System:Boolean>
                                </DiscreteObjectKeyFrame.Value>
                            </DiscreteObjectKeyFrame>
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
                <VisualState x:Name="Busy">
                    <Storyboard RepeatBehavior="Forever" AutoReverse="False">
                        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="loader">
                            <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="359.999"/>
                        </DoubleAnimationUsingKeyFrames>
                        <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.001" Storyboard.TargetProperty="(Control.IsEnabled)" Storyboard.TargetName="content">
                            <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                <DiscreteObjectKeyFrame.Value>
                                    <System:Boolean>False</System:Boolean>
                                </DiscreteObjectKeyFrame.Value>
                            </DiscreteObjectKeyFrame>
                        </ObjectAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <ContentControl x:Name="content" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
        <Rectangle x:Name="overlay" Style="{TemplateBinding OverlayStyle}"/>
        <ContentPresenter x:Name="busycontent">
            <Path x:Name="loader" Height="19" Width="19" Canvas.Left="0.5" Canvas.Top="0.5" Stretch="Fill" UseLayoutRounding="False" Stroke="Black" StrokeThickness="0.2" RenderTransformOrigin="0.5,0.5"
                Data="M9.5,3 C5.9101491,3 3,5.9101491 3,9.5 C3,13.08985 5.9101491,16 9.5,16 C13.08985,16 16,13.08985 16,9.5 C16,5.9101491 13.08985,3 9.5,3 z M9.5,0 C14.746705,0 19,4.2532949 19,9.5 C19,14.746705 14.746705,19 9.5,19 C4.2532949,19 0,14.746705 0,9.5 C0,4.2532949 4.2532949,0 9.5,0 z">
                <Path.RenderTransform>
                    <CompositeTransform/>
                </Path.RenderTransform>
                <Path.Fill>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FF0089FF" Offset="0"/>
                        <GradientStop Color="White" Offset="1"/>
                    </LinearGradientBrush>
                </Path.Fill>
            </Path>
        </ContentPresenter>
    </Grid>
</ControlTemplate>

<Style x:Key="AjaxBusyIndicator" TargetType="toolkit:BusyIndicator"  >
    <Setter Property="Template" Value="{StaticResource AjaxBusyIndicatorControlTemplate}"/>
</Style>

  3. Use it in your XAML:

<Grid x:Name="LayoutRoot" Background="White">
    <toolkit:BusyIndicator IsBusy="True" Style="{StaticResource AjaxBusyIndicator}">
        <TextBox Text="TEST test test" />
    </toolkit:BusyIndicator>
</Grid>

这篇关于Ajax风格的Silverlight BusyIndi​​cator？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
开发方法最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆