Xamarin Forms PushAsync 没有动画

Question

在登录页面之后，我 PushAsync 一个 MainPage，它有一个 Listview 和一个 CollectionView，现在是模拟的。 我看到的是淡入淡出 animation 的损失（可能）是由于页面的沉重，实际上在过渡中有一点时间滞后。 我不做重手术怎么可能？ 我测试了一个只有两个彩色框的空白页面，淡入淡出 animation 过渡效果很好，但在这种情况下不行。 我尝试通过代码使用 Binding 和列表初始化，但结果是一样的。

代码下方：MainPage.cs

using BrScanner.Models;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using Xamarin.Forms;
using Xamarin.Forms.Xaml;

namespace BrScanner
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class MainPage : ContentPage
    {
        public ObservableCollection<string> OrdersVertical { get; } 
        public ObservableCollection<ArticleForOrdineOTI> Orders { get;}
        public MainPage()
        {

            InitializeComponent();
            OrdersVertical = new ObservableCollection<string>() { "Ordine 1", "Ordine 2", "Ordine 3", "Ordine 1", "Ordine 2", "Ordine 3", "Ordine 1", "Ordine 2", "Ordine 3" };
            Orders = new ObservableCollection<ArticleForOrdineOTI>(){
                new ArticleForOrdineOTI()
                {
                    Oarti = 22,
                    Carti = "Carti",
                    Tarti = "Descrizione Ordine OTI"
                },
                new ArticleForOrdineOTI()
                {
                    Oarti = 45,
                    Carti = "Carti",
                    Tarti = "Descrizione Ordine OTI"
                },
                new ArticleForOrdineOTI()
                {
                    Oarti = 76,
                    Carti = "Carti",
                    Tarti = "Descrizione Ordine OTI"
                }
            };

            ordersList.ItemsSource = OrdersVertical;
            horizOrders.ItemsSource = Orders;
            //BindingContext = this;
        }

        

        private async void New_OrderOTI_Button_Clicked(object sender, EventArgs e)
        {
            var orderPage = new OrderOTIPage();
            await Navigation.PushAsync(new test(), true);
        }
    }
}

主页.xaml

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:flex="clr-namespace:Flex.Controls;assembly=Flex"
             mc:Ignorable="d"
             x:Class="BrScanner.MainPage">
    <ContentPage.Content>
        <AbsoluteLayout>
            <Grid x:Name="mainGrid" VerticalOptions="StartAndExpand">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>

                <CollectionView 
                x:Name="horizOrders" 
                HeightRequest="250" 
                MinimumHeightRequest="250"
                Grid.Row="0"
                
                ItemsLayout="HorizontalList"
                    >
                    <CollectionView.ItemTemplate>
                        <DataTemplate>
                            <StackLayout>
                                <Frame 
                                HasShadow="True" 
                                Margin="5" 
                                Padding="20" 
                                CornerRadius="5"
                                    >
                                    <StackLayout Orientation="Vertical">
                                        <Label Text="{Binding Tarti}" FontSize="Medium"/>
                                        <Label Text="{Binding Oarti}"/>
                                        <Label Text="{Binding Carti}"/>
                                        <Label Text="{Binding Carti}"/>
                                        <Label Text="{Binding Carti}"/>
                                        <Label Text="{Binding Carti}"/>
                                        <Label Text="{Binding Carti}"/>
                                    </StackLayout>
                                </Frame>
                            </StackLayout>


                        </DataTemplate>
                    </CollectionView.ItemTemplate>
                </CollectionView>
                <ListView Grid.Row="1" x:Name="ordersList" >
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <ViewCell>
                                <StackLayout>
                                    <Label Text="Ordine nr. 26"/>
                                    <Label Text="by Ivan Ardillo"/>
                                    <Label Text="consegnato alle 12:34"/>
                                </StackLayout>
                            </ViewCell>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
                
            </Grid>
            <flex:FlexButton
                Clicked="New_OrderOTI_Button_Clicked"
                AbsoluteLayout.LayoutBounds=".9, .99, 80, 80"
                AbsoluteLayout.LayoutFlags="PositionProportional"
                WidthRequest="76"
                HeightRequest="76"
                CornerRadius="38"
                HorizontalOptions="Center"
                Icon="brcode_icon_128px.png"
                ForegroundColor="#ffffff"
                HighlightForegroundColor="#49516F"
                BackgroundColor="#607D8B"
                HighlightBackgroundColor="#8EA4D2"/>
        </AbsoluteLayout>
    </ContentPage.Content>
</ContentPage>

Answer 1

如果你认为卡顿是重UI造成的，你可以尝试在OnAppearing方法而不是构造方法中加载数据。

public MainPage()
{
    InitializeComponent();
}

protected override void OnAppearing()
{
    base.OnAppearing();

    OrdersVertical = new ObservableCollection<string>() { "Ordine 1", "Ordine 2", "Ordine 3", "Ordine 1", "Ordine 2", "Ordine 3", "Ordine 1", "Ordine 2", "Ordine 3" };
    Orders = new ObservableCollection<ArticleForOrdineOTI>(){
        new ArticleForOrdineOTI()
        {
            Oarti = 22,
            Carti = "Carti",
            Tarti = "Descrizione Ordine OTI"
        },
        new ArticleForOrdineOTI()
        {
            Oarti = 45,
            Carti = "Carti",
            Tarti = "Descrizione Ordine OTI"
        },
        new ArticleForOrdineOTI()
        {
            Oarti = 76,
            Carti = "Carti",
            Tarti = "Descrizione Ordine OTI"
        }
    };

    ordersList.ItemsSource = OrdersVertical;
    horizOrders.ItemsSource = Orders;
}