问题重新使用XAML路径以在Windows 8 Store App中使用

时间:2012-10-13 14:58:41

标签: xaml windows-8 windows-runtime winrt-xaml

我正在尝试重新使用我在Windows 8商店应用中为图标制作的XAML <Path />,但是当我尝试多次重复使用它时,它永远不会显示?

例如,两个初始实例都很好,我的Tick / Cross路径使用此XAML代码呈现:

<Path x:Name="TickGlyph" Style="{StaticResource TickGlyph}" Fill="#FF008500"
  Grid.Column="1" Width="48" Height="48" Margin="24,0,4,0" />
<Path x:Name="CrossGlyph" Style="{StaticResource CrossGlyph}" Fill="#FF850000"
  Grid.Column="1" Width="48" Height="48" Margin="24,0,4,0" />

一旦我用TickGlyph1等名称重复该代码,我的后续路径就是空白,任何人都可以解释这里发生了什么,或者这对于Windows应用商店应用的XAML是一个奇怪的限制?

我的基础样式如下:

<Style x:Key="TickGlyph" TargetType="Path">
  <Setter Property="Data" Value="F1 M 45.12,5.49L 21.255,40.8L 20.4525,40.8L 0,23.2875L 5.775,15.7875L 19.2525,27.3L 37.695,-1.90735e-006L 45.12,5.49 Z "/>
  <Setter Property="Stretch" Value="Fill"></Setter>
</Style>
<Style x:Key="CrossGlyph" TargetType="Path">
  <Setter Property="Data" Value="F1 M 0,32.505L 13.4025,19.1025L 0,5.69249L 5.67,-7.62939e-006L 19.08,13.41L 32.505,-7.62939e-006L 38.205,5.67L 24.7725,19.1025L 38.205,32.535L 32.505,38.205L 19.08,24.795L 5.67,38.205L 0,32.505 Z "/>
  <Setter Property="Stretch" Value="Fill"></Setter>
</Style>

<小时/> 更新2012-10-20: 奇怪的是,如果我为Style="{StaticResource TickGlyph}"替换Data="F1 M 45.12,5.49L 21.255,40.8L 20.4525,40.8L 0,23.2875L 5.775,15.7875L 19.2525,27.3L 37.695,-1.90735e-006L 45.12,5.49 Z "我的所有路径加载正常,为什么Style属性不会荣誉? :(

1 个答案:

答案 0 :(得分:1)

不确定,如果它是最佳解决方案,但我几天前就使用过这种方法:

使用XAML定义您自己的继承对象

<Path x:Class="MyProject.MyPath"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Data="F1M1568.35,1934.42L1551.46,1917.44 1551.46,1925.43C1517.67,1925.43 1515.02,1945.4 1515.02,
        1949.39 1522.31,1933.42 1551.46,1941.4 1551.46,1941.4L1551.46,1949.39 1568.35,1934.42z"
    Stretch="Uniform" Width="26" Height="26" UseLayoutRounding="False" RenderTransformOrigin="0.5,0.5">
</Path>

使用默认代码隐藏

public partial class MyPath 
{
    public MyPath()
    {
        InitializeComponent();
    }
}

然后将其实例化到您想要的位置。