Question

我要左对齐按钮文本和图标。如何才能做到这一点？优选不对每个目标平台创建自定义控制渲染器。

我使用了Button的ContentLayout属性将Icon定位在文本的左侧，但是Button没有HorizontalTextAlignment属性。

XAML-代码段

<StackLayout.Resources>
    <Style x:Key="buttonStyle" TargetType="Button">
    <Setter Property="Padding" Value="5" />                        
    <Setter Property="HorizontalOptions" Value="FillAndExpand" />                        
    <Setter Property="VerticalOptions" Value="FillAndExpand" />                        
    <Setter Property="BackgroundColor" Value="DodgerBlue"/>
    <Setter Property="TextColor" Value="White" />
    <Setter Property="FontSize" Value="Large" />
    <Setter Property="FontAttributes" Value="Bold"/>
    <Setter Property="Margin" Value="5"/>
    <Setter Property="BorderWidth" Value="2"/>
    <Setter Property="BorderRadius" Value="10"/>
    <Setter Property="BorderColor" Value="LawnGreen"/>
    <Setter Property="ContentLayout" Value="Left,5" />
    </Style>
</StackLayout.Resources>

<Button Command="{Binding NavigateCommand}" Style="{DynamicResource buttonStyle}"
    CommandParameter="MainPage"                         
    Text="Lock"                        
    Image="locked.png"/>

我希望图标和文本保持左对齐，但是默认行为是居中对齐。

如何：对齐按钮的文本和图标

0 个答案: