如何添加幻灯片动画？

Question

我可以制作这样的动画吗：滑动至顶部时，隐藏视图并展开表格视图。向下滑动显示视图。

我在下面的屏幕截图中说明了我想要的东西：

Answer 1

在Xamarin IOS中，您可以尝试使用UIScrollView。将PagingEnabled设置为ture即可实现您的需求。（在StoryBoard中，ScrollView也是全屏显示）

ScrollView.ContentSize = new CGSize(UIScreen.MainScreen.Bounds.Size.Width, 2*ScrollView.Bounds.Size.Height);
ScrollView.PagingEnabled = true;

TableView代码：

UITableView uITableView = new UITableView(new CGRect(0, ScrollView.Bounds.Size.Height, UIScreen.MainScreen.Bounds.Size.Width, ScrollView.Bounds.Size.Height));
string[] tableItems = new string[] { "Vegetables", "Fruits", "Flower Buds", "Legumes", "Bulbs", "Tubers", "Vegetables", "Fruits", "Flower Buds", "Legumes", "Bulbs", "Tubers"};
uITableView.BackgroundColor = UIColor.Cyan;
uITableView.Source = new TableSource(tableItems);

public class TableSource : UITableViewSource
{
    string[] TableItems;
    string CellIdentifier = "TableCell";

    public TableSource(string[] items)
    {
        TableItems = items;
    }
    public override UITableViewCell GetCell(UITableView tableView, NSIndexPath indexPath)
    {
        UITableViewCell cell = tableView.DequeueReusableCell(CellIdentifier);
        string item = TableItems[indexPath.Row];

        //---- if there are no cells to reuse, create a new one
        if (cell == null)
        { cell = new UITableViewCell(UITableViewCellStyle.Default, CellIdentifier); }

        cell.TextLabel.Text = item;

        return cell;
    }

    public override nint RowsInSection(UITableView tableview, nint section)
    {
        return TableItems.Length;
    }
}

自定义上方视图：

UIView upView = new UIView(new CGRect(0, 0, UIScreen.MainScreen.Bounds.Size.Width, ScrollView.Bounds.Size.Height));
upView.BackgroundColor = UIColor.DarkGray;

最后将它们添加到ScrollView中：

ScrollView.Add(upView);
ScrollView.Add(uITableView);

图像显示如下：（为了更好地在ScrollView中显示不同的页面，设置upView和uITableView的背景颜色）

进入此控制器时，将ContentOffSet设置为第二页，然后将首先显示tableview，向下滚动时，将在其中显示upView。

ScrollView.SetContentOffset(new CGPoint(0, ScrollView.Bounds.Size.Height), true);

如果要在滚动时添加动画，请添加Delegate来收听DraggingStarted

ScrollView.Delegate = new ScrollViewDelegate();

public class ScrollViewDelegate :UIScrollViewDelegate
{


    public override void DraggingStarted(UIScrollView scrollView)
    {
        //base.DraggingStarted(scrollView);
        if(scrollView.ContentOffset.Y == scrollView.Bounds.Size.Height)
        {
            //Add Animation herer
        }
    }
}