DotNet Maui - 按钮 - 控制图像源大小

Question

当我使用 ContentLayout 将文本放在 ImageSource 下方时，如何调整图像大小。

<HorizontalStackLayout>
    
    <Button MaximumHeightRequest="50"
            Text="Open"
            VerticalOptions="Start"
            ImageSource="file_open.png"
            ContentLayout="left,50" />
    <Button Text="Open file test"
            ContentLayout="Top,0"
            VerticalOptions="Start"
            ImageSource="file_open.png"
            Command="{Binding DivideBy2Command}" />
    <ImageButton x:Name="Toto"
            MaximumHeightRequest="50"
            VerticalOptions="Start"
            Source="file_open.png"
            Command="{Binding DivideBy2Command}" />
</HorizontalStackLayout>

根据 ToolmakerSteve 和 Alexandar May（MSFT Stackoverflow 用户）的反馈以及使用 Padding，我能够得到我需要的东西。这里是更新的代码。

<HorizontalStackLayout>
    <Button Text="Open"
            HeightRequest="50"
            VerticalOptions="Start"
            ImageSource="file_open.png"
            ContentLayout="left, 0"
            />
    <Button 
        VerticalOptions="Start"
        Text="Open File"
        FontSize="10"
        ImageSource="file_open.png"
        ContentLayout="Top,-10"
        Padding="2,-10,2,2"
        HeightRequest="50"
        WidthRequest="50"
        />
    <ImageButton 
        VerticalOptions="Start"
        Source="file_open.png"
        MaximumHeightRequest="50"  
        />
</HorizontalStackLayout>

这里是输出

Answer 1

这可以通过设置按钮的HeightRequest和来实现，如下所示：WidthRequest

    <HorizontalStackLayout >

        <Button 
            VerticalOptions="Start"
            MaximumHeightRequest="50"
            Text="Open"
            ImageSource="file_open.png"
            ContentLayout="left, 50"
            />

        <Button 
            VerticalOptions="Start"
            Text="Open file test"
            FontSize="10"
            ImageSource="file_open.png"
            Command="{Binding DivideBy2Command}"
            ContentLayout="Top,0"
            
            HeightRequest="100"
            WidthRequest="100"
            />

        <ImageButton 
            VerticalOptions="Start"
            x:Name="Toto"
            Source="file_open.png"
            MaximumHeightRequest="50"
            Command="{Binding DivideBy2Command}"    
            />

    </HorizontalStackLayout>