Question

我有一个带有按钮的网格，这些按钮由图像和文本组成。我希望按钮可以填充网格单元格，并且还可以将其内容对齐。

这是我的代码：

<Button Grid.Row="1" Grid.Column="0"   Margin="0,0,0,0" 
        HorizontalAlignment="Stretch" x:Name="BusRoutes"
        Click="BusRoutes_Click">
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch"  
                Margin="0,0,0,0">
        <Image Width="35" Source="Assets/images/roadmap.png"  Margin="0,0,10,0"/>
        <TextBlock HorizontalAlignment="Stretch"
                   Text="{Binding Path=LocalizedButtonTextResources.BusRoutes,
                                  Source={StaticResource LocalizedStrings}}" />
    </StackPanel>
</Button>

上面的代码使按钮拉伸并填充单元格，但内容（图像和文本）居中。如果我将HorizontalAlignement属性更改为left，那么我会将内容对齐，但不会拉伸。

Answer 1

您需要在按钮上将 HorizontalContentAlignment 设置为 Left ，以使内容在按钮内对齐。

<Button Grid.Row="1" Grid.Column="0" Margin="0,0,0,0" 
        HorizontalAlignment="Stretch" x:Name="BusRoutes"
        Click="BusRoutes_Click" HorizontalContentAlignment="Left">
   .....
</Button/>

Windows Phone应用程序Stretch按钮并将内容对齐

1 个答案: