Button 在Xamarin表单中使用带有图像和文本的按钮

Button 在Xamarin表单中使用带有图像和文本的按钮,button,xamarin.forms,Button,Xamarin.forms,我是Xamarin表单的新手,有一个基本问题,就是如何在Xamarin表单中使用带有图像和文本的按钮 任务是设计具有按钮布局的主页,如下所示: 我能够使用按钮和StackLayout完成此布局。我使用按钮的ContentLayout属性设置对齐方式(例如): ContentLayout=“右,80” ContentLayout=“右,25” ContentLayout=“右,100” ContentLayout=“对,10” 这样,图像向右移动,间距定义了文本和图像之间的空间。我必须为每个似乎

我是Xamarin表单的新手,有一个基本问题,就是如何在Xamarin表单中使用带有图像和文本的按钮

任务是设计具有按钮布局的主页,如下所示:

我能够使用按钮和StackLayout完成此布局。我使用按钮的ContentLayout属性设置对齐方式(例如):

  • ContentLayout=“右,80
  • ContentLayout=“右,25
  • ContentLayout=“右,100
  • ContentLayout=“对,10
  • 这样,图像向右移动,间距定义了文本和图像之间的空间。我必须为每个似乎出错的按钮设置不同的间距。我没有找到更好的方法将文本设置为左对齐,默认情况下它似乎居中对齐


    按钮是否有任何属性可用于左对齐按钮文本。或者,使用这种基本设计的按钮的更好方法是什么。

    我认为按钮没有其他方法,但在您的情况下,我建议您使用StackLayout,而不使用按钮中的ContentLayout属性,因为您总是需要在最后显示按钮

     <StackLayout Orientation="Vertical">
                    <StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" Padding="10">
                        <Label Text="Small Text" HorizontalOptions="StartAndExpand" VerticalOptions="CenterAndExpand"/>
                        <Image Source="image.png" HorizontalOptions="EndAndExpand" VerticalOptions="CenterAndExpand"/>
                    </StackLayout>
                    <StackLayout Orientation="Horizontal" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" Padding="10">
                        <Label Text="This is large text" HorizontalOptions="StartAndExpand" VerticalOptions="CenterAndExpand"/>
                        <Image Source="image.png" HorizontalOptions="EndAndExpand" VerticalOptions="CenterAndExpand"/>
                    </StackLayout>
                </StackLayout>
    

    不,我认为默认情况下您不能这样做。您可以创建一个自定义呈现程序来更改本机文本控件的文本方向,也可以创建一个自定义按钮布局/实现。我倾向于建议后一种方法。