Windows Phone 应用程序拉伸按钮并左对齐内容答案

【问题标题】：Windows Phone app Stretch Buttons and align content leftWindows Phone 应用程序拉伸按钮并左对齐内容
【发布时间】：2014-05-12 08:01:43
【问题描述】：

我有一个带有由图像和文本组成的按钮的网格。我希望按钮填充网格单元格，并使其内容左对齐。

这是我的代码：

<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 属性更改为向左，那么我的内容会向左对齐但不会被拉伸。

【问题讨论】：

标签： wpf windows-phone

【解决方案1】：

您需要在 Button 上将 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/>

【讨论】：