图例未正确对齐

时间:2017-11-06 18:53:52

标签: wpf

我想使用如下图所示的传奇。

image

左边是一个正方形,标题在右边。 我的代码是:

<Grid>
                <TextBlock Text="{Binding Title}" Foreground="White" Margin="15 0 0 0" HorizontalAlignment="Left"/>
                <Path Width="12" 
                      Height="12" 
                      Fill="{Binding MarkerFill}" 
                      HorizontalAlignment="Left" >
                      <Path.Data>
                        <Binding Path="ActualMarkerGeometry"
                             RelativeSource="{RelativeSource AncestorType=telerik:LegendItemControl}">
                        </Binding>
                      </Path.Data>
                </Path>
            </Grid>

我的问题是文字没有正确对齐。它将文本对齐而不是左对齐。见下图。

test

更新代码

<telerik:RadLegend.ItemTemplate>
  <DataTemplate>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Path Width="15" Height="15" Fill="{Binding MarkerFill}" 
                      HorizontalAlignment="Left" Grid.Column="0">
           <Path.Data>
                        <Binding Path="ActualMarkerGeometry"
                             RelativeSource="{RelativeSource AncestorType=telerik:LegendItemControl}">
                        </Binding>
                      </Path.Data>
            </Path>
             <TextBlock Text="{Binding Title}" Foreground="White" Margin="15 0 0 0" HorizontalAlignment="Left" Grid.Column="1" />
             </Grid>
           </DataTemplate>
   </telerik:RadLegend.ItemTemplate>

1 个答案:

答案 0 :(得分:0)

我添加了第一列的宽度以强制与正方形相同的宽度。看起来很有效。但不确定为什么?       {{1}}