ViewBox 字体在最小分辨率下无法辨认

Question

我使用ViewBox 来显示水平方向的标签列表并保持易读性，问题是当我将窗口减小到我设置为的最小分辨率时：800 我得到这个结果：

你怎么能看到我看不懂的内容。这种情况仅在窗口为最小分辨率时发生，在最大分辨率时ViewBox 工作得很好：

我不知道我是不是做错了什么。我从未使用过ViewBox，这是我的代码：

<Viewbox TextOptions.TextFormattingMode="Display" Stretch="Uniform" Grid.Row="1" Grid.Column="1" Grid.RowSpan="1">
    <StackPanel>
        <Grid Margin="0, 1, 0, 0">
            <Label Content="Foo" FontWeight="Bold"/>
            <Label Content="{Binding Path = EventLeague}" HorizontalAlignment="Center"/>
        </Grid>
        <Grid Margin="0,-10, 0, 0">
            <Label Content="Date" FontWeight="Bold"/>
            <Label Content="{Binding Path = EventDate}" HorizontalAlignment="Center"/>
        </Grid>
        <Grid Margin="0,-10, 0, 0">
            <Label Content="Week" FontWeight="Bold"/>
            <Label Content="{Binding Path = EventGameWeek}" HorizontalAlignment="Center"/>
         </Grid>
         <Grid Margin="0,-10, 0, 0">
             <Label Content="Home" FontWeight="Bold"/>
             <Label Content="{Binding Path = EventStart}" HorizontalAlignment="Center"/>
         </Grid>
         <Grid Margin="0,-10, 0, 0">
             <Label Content="Away" FontWeight="Bold"/>
             <Label Content="{Binding Path = EventStadium}" HorizontalAlignment="Center"/>
         </Grid>
     </StackPanel>  
  </Viewbox>

Answer 1

您的网格没有行或列，这意味着所有内容都进入网格单元格 0,0 彼此重叠

试试这个

<Viewbox TextOptions.TextFormattingMode="Display" Stretch="Uniform" Grid.Row="1" Grid.Column="1" Grid.RowSpan="1" MinHeight="500"  MinWidth="500" >
        <UniformGrid Columns="2">
            <Label Content="Foo" FontWeight="Bold"/>
            <Label Content="{Binding Path = EventLeague}" HorizontalAlignment="Center"/>
            <Label Content="Date" FontWeight="Bold"/>
            <Label Content="{Binding Path = EventDate}" HorizontalAlignment="Center"/>
            <Label Content="Week" FontWeight="Bold"/>
            <Label Content="{Binding Path = EventGameWeek}" HorizontalAlignment="Center"/>
            <Label Content="Home" FontWeight="Bold"/>
            <Label Content="{Binding Path = EventStart}" HorizontalAlignment="Center"/>
            <Label Content="Away" FontWeight="Bold"/>
            <Label Content="{Binding Path = EventStadium}" HorizontalAlignment="Center"/>
         </UniformGrid >
  </Viewbox>

编辑：

正如您已经澄清，大小是您的问题，而不是控件的不可读性

然后视图框的工作方式是对其中的内容执行图像拉伸以使其适合其中，

所以如果 ViewBox 是 100 宽，但里面的项目是 500 宽，那么它们会缩小到原来大小的 1/5 以适应

因为你有Stretch="Uniform"，那么它将在缩小和增长的同时保持纵横比，如果控件的大小太小，则设置 Viewbox 的MinHeight 和MinWidth 值来控制最小大小