insinfo
commented
7 years ago I agree with you, but I think it's better to put SVG SMIL support in XAML Standard, SVG is an open standard and a series of tools to create and edit SVG, support SVG makes it easy to create fluid, beautiful, dynamic and animated interfaces.
Like this:
<Button>...
<SVG >
<rect id="my-rect" r="30" cx="50" cy="50" fill="orange" />
<animate
xlink:href="#my-rect"
attributeName="cx"
from="50"
to="450"
dur="1s"
begin="click"
fill="freeze" />
</rect>
</SVG>
...</Button>or like this:
<Button>...
<SVG URI="icon.svg">
</SVG>
...</Button>
<Style TargetType="Button">
<Setter Property="Background" Value="{ThemeResource SystemControlBackgroundBaseLowBrush}" />
<Setter Property="Foreground" Value="{ThemeResource SystemControlForegroundBaseHighBrush}"/>
<Setter Property="BorderBrush" Value="{ThemeResource SystemControlForegroundTransparentBrush}" />
<Setter Property="BorderThickness" Value="{ThemeResource ButtonBorderThemeThickness}" />
<Setter Property="Padding" Value="8,4,8,4" />
<Setter Property="HorizontalAlignment" Value="Left" />
<Setter Property="VerticalAlignment" Value="Center" />
<Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />
<Setter Property="FontWeight" Value="Normal" />
<Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />
<Setter Property="UseSystemFocusVisuals" Value="True" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<Grid x:Name="RootGrid" Background="{TemplateBinding Background}">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal">
<SVG URI="Normal.svg">
</SVG>
</VisualState>
<VisualState x:Name="PointerOver">
<SVG URI="PointerOver.svg">
</SVG>
<VisualState x:Name="Pressed">
<SVG>
<rect id="my-rect" r="30" cx="50" cy="50" fill="orange" />
<animate
xlink:href="#my-rect"
attributeName="cx"
from="50"
to="450"
dur="1s"
begin="click"
fill="freeze" />
</rect>
</SVG>
</VisualState>
<VisualState x:Name="Disabled">
<SVG URI="Disabled.svg">
</SVG>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<ContentPresenter x:Name="ContentPresenter"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
Content="{TemplateBinding Content}"
ContentTransitions="{TemplateBinding ContentTransitions}"
ContentTemplate="{TemplateBinding ContentTemplate}"
Padding="{TemplateBinding Padding}"
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
AutomationProperties.AccessibilityView="Raw"/>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
heyixiaoran
michael-hawker
juepiezhongren
I found path is not in Xamarin.Forms. I work on WPF. I use a lot of path to replace .png file. So I can change the path fill color by the trigger .Don't need to change .png file and more code. Don't need to add many size of the same .png file. It is very convenient. So can you add path to xaml-standard ?