Silverlight 3 TabItem定位错误

Question

07-06-2011 4:34 上午 |链接

嗨， 我们在 Silverlight 3 中遇到了 TabItem 在 TabControl 中的放置问题。我们最多可以显示 9 个选项卡。但问题是，对于不同的用户配置文件，选项卡的数量可能会减少，即我们相应地折叠不需要的选项卡。这会改变选项卡的显示方式。 下面是代表相同场景的示例代码：

<UserControl x:Class="TabControlTrial.MainPage" 
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
         xmlns:Controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" > 
<Grid x:Name="LayoutRoot"> 
    <Controls:TabControl Name="tbATReportMainMenu" TabStripPlacement="Top" Margin="5" Visibility="Visible"> 
        <Controls:TabItem Name="A" Header="XXXX  XXXXX XXXXXX XXXXXX" 
                          Visibility="Visible"> 
        </Controls:TabItem>            
        <Controls:TabItem Name="B" Header="XXXXXXXXXXX XXXXXXXX XXXXXX XXXXXX" 
                          Visibility="Visible" > 
        </Controls:TabItem> 
        <Controls:TabItem Name="C" Header="XXXXXXXXXXX XXXXXXX X XXXXXXXXXXX XXXXXXXX XXXXX XXXXXX" 
                          Visibility="Visible" > 
        </Controls:TabItem> 
        <Controls:TabItem Name="D" Header="XXXXXXXXXXX XXXXXXX X XXXXXXX XXXXX XXXXXX" 
                          Visibility="Visible" > 
        </Controls:TabItem> 
        <Controls:TabItem Name="E" Header="XXXXXXXXXXX XXXXXXXX XXXXXXXXXXXX XXXXXXXX XXXXXXX XXXXXX" 
                          Visibility=" Visible " > 
        </Controls:TabItem> 
        <Controls:TabItem Name="F" Header="XXXXXXXXXXXX XXXXXX XXXXXX X XXXXXXX XXXXXXX XXXXXXX XXXXXX" 
                          Visibility="Visible" > 
        </Controls:TabItem> 
        <Controls:TabItem Name="G" Header="XXXXXXXX XXXXXX" 
                          Visibility=" Visible " > 
        </Controls:TabItem> 
        <Controls:TabItem Name="H" Header="XXXXXXXX XX XXXXXXX XXXXXX" 
                          Visibility="Visible" > 
        </Controls:TabItem> 
        <Controls:TabItem Name="I" Header="XXXXXX XXXXXX XXX XXXX XX XXXXXXX XXXXXX" 
                          Visibility="Visible"  > 
        </Controls:TabItem> 
    </Controls:TabControl> 
</Grid> 

当所有选项卡设置为可见时输出。

折叠选项卡 E 和 G 时的输出。

从上面的屏幕截图中可以看出，选项卡在对齐过程中发生了扭曲。 我们已尝试使用 TabItems 和 TabControl 的所有 Alignment 属性，但没有用。 另请注意，对齐方式可能会根据屏幕分辨率而变化。

有没有办法可以解决这个问题？

提前致谢。

Answer 1

如果我们通过xaml.cs动态添加TabItems而不是显示/隐藏TabItems，则可以解决上述问题。