Xamarin Forms 淡入隐藏？

Question

在我当前的应用程序中，我有一堆按钮可以隐藏或显示它们对应的 stackLayout。 首先，我尝试使用 IsVisble 属性，但这会导致闪烁， 现在我在使用 LayoutTo() 也会闪烁？

我的代码如下：

async void btnStrike_Clicked(object sender, EventArgs args)
        {
            var layout = this.FindByName<StackLayout>("stkStrikeInfo");
            var rect = new Rectangle(layout.X, layout.Y, layout.Width, layout.Height - layout.Height);
            await layout.LayoutTo(rect, 2500, Easing.Linear);
        }

我想为高度设置动画！

编辑：

我找到了以下代码，它从页面中删除了 Stacklayout。 现在的问题是视图没有更新？

Answer 1

我认为，如果只使用一个默认动画，可以将要隐藏的布局的高度降低到零，那么你的运气会更好。

void btnStrike_Clicked(object sender, EventArgs args)
{
    // get reference to the layout to animate
    var layout = this.FindByName<StackLayout>("stkStrikeInfo");

    // setup information for animation
    Action<double> callback = input => { layout.HeightRequest = input; }; // update the height of the layout with this callback
    double startingHeight = layout.Height; // the layout's height when we begin animation
    double endingHeight = 0; // final desired height of the layout
    uint rate = 16; // pace at which aniation proceeds
    uint length = 1000; // one second animation
    Easing easing = Easing.CubicOut; // There are a couple easing types, just tried this one for effect

    // now start animation with all the setup information
    layout.Animate("invis", callback, startingHeight, endingHeight, rate, length, easing);
}

如果布局已经隐藏并且你想显示它，你会替换

double startingHeight = layout.Height;
double endingHeight = 0;

与

double startingHeight = 0;
double endingHeight = 55;

55 只是一个任意高度，如果您希望它恢复到之前的高度，您可以在隐藏之前将之前的高度保存到一个变量中，并使用保存的高度而不是 55。