silverlight垂直进度条

我无法弄清楚我做错了什么。我有一个UserControl，它有一个垂直的进度条，并在它下面有一个标签。silverlight垂直进度条

<UserControl x:Class="IFramedInBrowser.Code" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" Height="150" Width="15"> 

    <Grid Width="120" Height="15" > 
     <StackPanel Width="120" Height="15" > 
      <ProgressBar Grid.Row="0" Value="{Binding Path=Percent}" Maximum="100" Width="120" Height="15" /> 
     </StackPanel> 
     <TextBlock Grid.Row="1" Height="30" HorizontalAlignment="Left" Name="textBlock1" Text="{Binding Path=Symbol.Name}" VerticalAlignment="Top" > 
      <TextBlock.RenderTransform> 
       <RotateTransform Angle="90"/> 
      </TextBlock.RenderTransform> 
     </TextBlock> 
     <Grid.RenderTransform> 
       <RotateTransform Angle="-90"/> 
     </Grid.RenderTransform> 
     </Grid> 
</UserControl>

该用户控件，然后在使用的ItemsControl

<ItemsControl x:Name="HorizontalListBox" 
         ItemsSource="{Binding Source={StaticResource MyViewModel}, Path=List}" 
         HorizontalAlignment="Stretch" 
         HorizontalContentAlignment="Center" Height="150" 
         > 
      <ItemsControl.ItemsPanel> 
       <ItemsPanelTemplate> 
        <StackPanel Orientation="Horizontal"/> 
       </ItemsPanelTemplate> 
      </ItemsControl.ItemsPanel> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <my:Code DataContext="{Binding}"> 

        </my:Code> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 

     </ItemsControl>

它应该看起来像在最后一个钢琴keybord ... 旋转变换的进度切碎后...我是怎么做错了？如何解决这个问题？

来源

2011-03-16 bogdanbrudiu