如何更改 Shell Flyout 菜单的宽度/高度答案

【问题标题】：How to change the width / height of Shell Flyout menu如何更改 Shell Flyout 菜单的宽度/高度
【发布时间】：2020-01-21 15:24:39
【问题描述】：

我在 Xamarin Forms 应用程序中使用 Shell Flyoutmenu。一切都很好，除了我在菜单中的选项很短而且托盘很宽很长。有没有办法改变 FlyoutMenu 的宽度和高度？我尝试将WidthRequest 添加到外壳对象本身以调整宽度，但似乎没有什么不同。这是我的浮出控件当前的样子。

这是 AppShell.xaml 文件的内容

<?xml version="1.0" encoding="utf-8" ?>
<Shell xmlns="http://xamarin.com/schemas/2014/forms"
   xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
   xmlns:views="clr-namespace:UniversalCheckInApp.Views"
   x:Class="UniversalCheckInApp.AppShell"
   BackgroundColor="#1E1F26" 
   FlyoutBackgroundColor="#D0E1F9">

<Shell.FlyoutHeader>
    <StackLayout BackgroundColor="#1E1F26" Padding="4,4,4,4">
        <Label Text="Navigation" TextColor="#D0E1F9" FontAttributes="Bold" HorizontalTextAlignment="Start"
               VerticalTextAlignment="Center" FontSize="Large" Margin="4,4,4,4" />
    </StackLayout>
</Shell.FlyoutHeader>
<Shell.ItemTemplate>
    <DataTemplate>
        <StackLayout HorizontalOptions="StartAndExpand" Padding="16,0,4,0" >
            <Label Text="{Binding Title}" TextColor="#1E1F26" VerticalOptions="Center" 
                   HorizontalOptions="Start" Margin="0,0,0,0" FontSize="Medium" FontAttributes="Bold" 
                   TextDecorations="Underline"/>
        </StackLayout>
    </DataTemplate>
</Shell.ItemTemplate>

<FlyoutItem Title="Configuration" >

    <ShellContent x:Name="scNetworkConfiguration" Title="Network Configuration"  >
        <views:NetworkConfiguration />
    </ShellContent>

    <ShellContent x:Name="scDataConfiguration" Title="Data Configuration">
        <views:FormFieldConfiguration />
    </ShellContent>
</FlyoutItem>

<FlyoutItem Title="Collect Data">
    <ShellContent x:Name="scCollectData" Title="Collect Data">
        <views:DataCollection />
    </ShellContent>
</FlyoutItem>


<FlyoutItem Title="About">
    <ShellContent x:Name="scAbout" Title="About">
        <views:About />
    </ShellContent>
</FlyoutItem>

【问题讨论】：

你好，你能显示截图的Xaml代码吗？
Junior Jiang - 我已经展示了 XAML。你有什么建议吗？
感谢分享。我会检查它，如果解决方案会在这里更新。
这是不可能的，请随时在Xamarin.Forms Issues 中打开一个问题

标签： xaml xamarin.forms xamarin.forms.shell

【解决方案1】：

因此，根据 MSFT 的 Elvis Xia 的评论 - 这是不可能的。我已经放弃在我的应用程序中使用 Shell Flyout 菜单，因此我没有按照 Elvis 的建议打开 MSFT 问题。如果这对其他人很重要，我建议您向 MSFT 提出问题，以便该功能可以包含在未来的版本中。

【讨论】：

【解决方案2】：

在 Xamarin.Forms 5.0.0.1829-pre6 上，两个附加属性 Shell.FlyoutWidth 和 Shell.FlyoutHeight 类型为 double have been added，允许设置 Shell 浮出控件的宽度和高度。

【讨论】：