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

【问题标题】：DotNet Maui - Button - control the Imagesource sizeDotNet Maui - 按钮 - 控制图像源大小
【发布时间】：2022-11-17 09:53:47
【问题描述】：

当我使用 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>

【问题讨论】：

首先，我看到您在第三张图片按钮中使用了MaximumHeightRequest。这几乎不是你想要的；试试HeightRequest。如果将 HeightRequest 放在打开文件测试按钮上，会发生什么情况？
HeightRequest 设置按钮的高度，但图像未按比例缩小以适合。

标签： maui

【解决方案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"
            ImageSource="file_open.png"
            Command="{Binding DivideBy2Command}"
            ContentLayout="Top,0"
            
            HeightRequest="200"
            WidthRequest="400"
            />

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

    </HorizontalStackLayout>

【讨论】：