带有进度指示器的CarouselPage？

Question

我的注册页面包含太多字段，需要将其划分为4个页面，我认为最好的体验是拥有一个带有四个ContentPage的CarouselPage ，可以轻松地浏览并使用一个视图相应的视图模型。 在问主要问题之前，我想确保我做出了正确的决定，并且我没有错过任何其他我不知道的专用选项（我仍然是第一个Xamarin中的步骤）。 如果要使用CarouselPage ，那么我想在屏幕底部显示一些指示器，该指示器显示注册进度，例如进度条，该进度条在每个下一页上增加25％，并将所有ContentPage连接在一起

Answer 1

您可以使用CarouselPage的后继者CarouselView。 有一个文档如何实现CarouseView ，这是一个不错的博客文章 。

我可以给你一个好主意，如何开始。 CarouselViev与ListView相似。

<controls:CarouselViewControl 
    x:Name="MyCarouselView">
    <controls:CarouselView.ItemTemplate>
        <DataTemplate>
            <StackLayout>
                <Entry 
                    Placeholder="{Binding FirstEntryName}"
                    Text="{Binding FirstEntryText, Mode=TwoWay}"
                    IsVisible="{Binding FirstEntryVisible}" />
                <Entry 
                    Placeholder="{Binding SecondEntryName}"
                    Text="{Binding FirstEntryText, Mode=TwoWay}"
                    IsVisible="{Binding SecondEntryVisible}" />
            </StackLayout>
        </DataTemplate>
    </controls:CarouselView.ItemTemplate>
</controls:CarouselViewControl>

然后，您可以使用ObservableCollection DataFromEntries填充ItemSource，而MyViewData看起来像这样：

public class MyViewData
{
    public string FirstEntryName { get; set; }
    public string FirstEntryText { get; set; }
    public bool FirstEntryVisible { get; set; }
    public string SecondEntryName { get; set; }
    public string SecondEntryText { get; set; }
    public bool SecondEntryVisible { get; set; }
}

要启用指标，您需要将属性ShowIndicators设置为true。

Answer 2

试试这个。 本文是关于带页面指示器的轮播视图。 https://xamarinhelp.com/carousel-view-page-indicators/