Xamarin表单状态容器视图不尊重布局选项

Question

我使用的是基本的状态管理系统:(下面的代码)

https://github.com/xDelivered-Patrick/Xamarin.Forms.Essentials/blob/master/Essentials/Controls/State/StateContainer.cs

实现时,我的XAML View如下所示.

问题是StackLayout CenterAndExpand不起作用.渲染时的所有视图都只是在顶部进行了修剪.

如果我将特定部分拉出StateContainer并消除其使用,它将正确呈现.这是View在内容中呈现的方式的问题StateContainer吗？

编辑:这是一个最小的例子:https://github.com/aherrick/StateManagementDemo

XAML:

<ContentPage.Content>

    <StackLayout x:Name="layoutWrap" VerticalOptions="FillAndExpand"
                  HorizontalOptions="FillAndExpand">

        <controls:StateContainer State="{Binding State}">
            <controls:StateCondition Is="Loading">

                <StackLayout Orientation="Vertical" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand">

                    <ActivityIndicator  x:Name="loadingIndicator"
                                    IsVisible="{Binding IsBusy}"
                                    IsRunning="{Binding IsBusy}"
                  VerticalOptions="FillAndExpand"
                  HorizontalOptions="FillAndExpand" />
                </StackLayout>
            </controls:StateCondition>

            <controls:StateCondition Is="Loaded">
                <!-- actual content here -->
            </controls:StateCondition>
            <controls:StateCondition Is="Error">

                <StackLayout Orientation="Vertical" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand">

                    <Label FontAttributes="Bold" Text="Oops! There was a problem."  VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand" />
                    <Button Text="Tap to Retry" Command="{Binding LoadVenuesCommand}" CommandParameter="true"   HorizontalOptions="CenterAndExpand" TextColor="White" Padding="15"  BackgroundColor="#26265E" />
                </StackLayout>
            </controls:StateCondition>
        </controls:StateContainer>
    </StackLayout>
</ContentPage.Content>

C#

[ContentProperty("Content")]
[Preserve(AllMembers = true)]
public class StateCondition : View
{
    public object Is { get; set; }
    public object IsNot { get; set; }
    public View Content { get; set; }
}

[ContentProperty("Conditions")]
[Preserve(AllMembers = true)]
public class StateContainer : ContentView
{
    public List<StateCondition> Conditions { get; set; } = new List<StateCondition>();

    // https://forums.xamarin.com/discussion/102024/change-bindableproperty-create-to-bindableproperty-create
    //public static readonly BindableProperty StateProperty = BindableProperty.Create(nameof(State), typeof(object), typeof(StateContainer), propertyChanged: StateChanged);

    public static readonly BindableProperty StateProperty = BindableProperty.Create<StateContainer, object>(x => x.State, null, propertyChanged: StateChanged);

    public static void Init()
    {
    }

    private static void StateChanged(BindableObject bindable, object oldValue, object newValue)
    {
        var parent = bindable as StateContainer;
        parent?.ChooseStateProperty(newValue);
    }

    public object State
    {
        get { return GetValue(StateProperty); }
        set { SetValue(StateProperty, value); }
    }

    private void ChooseStateProperty(object newValue)
    {
        foreach (StateCondition stateCondition in Conditions)
        {
            if (stateCondition.Is != null)
            {
                if (stateCondition.Is.ToString().Equals(newValue.ToString()))
                {
                    Content = stateCondition.Content;
                }
            }
            else if (stateCondition.IsNot != null)
            {
                if (!stateCondition.IsNot.ToString().Equals(newValue.ToString()))
                {
                    Content = stateCondition.Content;
                }
            }
        }
    }
}

Answer 1

解决方案很简单,但并不明显.也添加HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand"到<local:StateContainer>对象.所有Xamarin表单LayoutOptions以...... AndExpand结尾,如果其包含的父级允许,则可以扩展.这就是为什么当你从中移除元素<local:StateContainer>并将其直接放入StackLayout已经FillAndExpand声明的"允许扩展" 时它起作用的原因.