Xamarin Forms IsVisible 属性与动画答案

【问题标题】：Xamarin Form IsVisible property with animationXamarin Forms IsVisible 属性与动画
【发布时间】：2019-12-14 20:44:44
【问题描述】：

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

我试过这个link ！但似乎 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

【问题讨论】：

标签： android xamarin xamarin.forms xamarin.android xamarin.ios

【解决方案1】：

FadeTo 方法改变 Opacity 值的效果

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

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

【讨论】：

csharp private void Isvisible_OnPropertyChanged(object sender, PropertyChangedEventArgs e) { if (e.PropertyName != "IsVisible") return; var viewModel = (StackLayout)sender; if (!viewModel.IsVisible) { searchArea.FadeTo(0, 5000, Easing.SpringOut); } } 我已经在更改值时使用此属性，但问题仍然是相同的“searchArea”是堆栈布局名称
您可以使用属性 HeightRequest 并通过动画将值从 0 设置为真实高度。