Xamarin 为来自同一个 XAML 文件的移动设备和 ipad 形成按钮大小

Question

我正在开发一个 xamarin 表单应用程序，其中我有一个要求，我必须在 XAML 中设计一个页面，我在 stacklayout 中有 2 个输入字段和一个垂直对齐的按钮。

<Entry Placeholder="Username" HorizontalOption="FillAndExpand" HeightRequest="30" WidthRequest="100" BackgroundColor="#3079a8" TextColor="Black" />
<Entry Placeholder="Password" HorizontalOption="FillAndExpand" HeightRequest="30" WidthRequest="100" BackgroundColor="#3079a8" TextColor="Black" />
<Button Text="Login" HorizontalOption="FillAndExpand" HeightRequest="30" WidthRequest="100" BackgroundColor="#3079a8" TextColor="White" />

我也想为移动设备使用相同的 Xaml 文件，但如何提供 HeightRequest 和 WidthRequest 以便 Button 可以根据手机和 ipad 的屏幕尺寸进行调整。

Answer 1

您可以使用Device.Idiom来更改基于Phone或 的参数Tablet：

<Button Text="StackOverflow" BackgroundColor="Blue">
    <Button.WidthRequest>
        <OnIdiom x:TypeArguments="x:Double" Phone="200" Tablet="400" />
    </Button.WidthRequest>
</Button>