带有动画的 Xamarin Form IsVisible 属性

Question

当用户滚动列表视图搜索部分时，我有一个xamarin堆栈布局，应该像 WhatsApp 搜索区域一样隐藏。但现在我m usingIsVisibl e property to hide the area.whenIsVisible` false 该部分模仿隐藏了我需要的内容，它应该用动画隐藏（就像 WhatsApp 一样）

我已经尝试过这个链接！但似乎 IsVisible 首先触发，我猜不是淡入淡出效果

<StackLayout IsVisible="{Binding Isvisible}" 
PropertyChanged="Isvisible_OnPropertyChanged" 
 </StackLayout>

private void SearchArea_OnPropertyChanged(object sender, PropertyChangedEventArgs e)
       {
           if (e.PropertyName != "IsVisible") return;
           var viewModel = (StackLayout)sender;
           if (!viewModel.IsVisible)
           {
               searchArea.FadeTo(0, 5000, Easing.SpringOut);
           }

       }

需要发生的事情是我的 StackLayout 应该顺利地隐藏起来，并带有淡出等动画效果。这应该适用于 android 和 IOS

Answer 1

FadeTo 方法改变 Opacity 值并生效

// Fade out over 3 seconds
myStackName.FadeTo(0, 3000);
// Fade in over 1 second
myStackName.FadeTo(1, 1000);

将不透明度设置为 0，然后将搜索区域的高度设置为 0...