silverlight垂直进度条

Question

我不明白我做错了什么。我有一个用户控件，它有一个垂直进度条，其下方有一个标签。

<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>

它最后看起来应该像钢琴键盘...... 旋转变换后，进度条被砍断......我做错了什么？如何解决这个问题？

Answer 1

您可以尝试为所有控件添加不同的背景颜色，以了解控件的大小。

此外，SilverlightSpy 现在是免费的只读，您可以在运行时浏览真实的可视化树。

无论如何，我建议通过自定义其模板来更改 ProgressBar 的方向。

Answer 2

这是一个剪辑问题。您在各处设置了太多的高度和宽度，并且很难知道哪一个控制尺寸。此外，ListBox 中的堆叠适用于布局，而 RotateTransform 仅对最终视觉通道有效，因此它会旋转剪辑的进度条。

您应该遵循 jumbo 的建议，通过修改模板而不是通过旋转来创建垂直进度条。

如果您不想创建模板，则需要删除 UserControl 中的主网格并使用 Canvas 代替。画布不会被剪裁。它们让你的元素自由浮动，这可能就是你想要的。