Question

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

Answer 1

您可以使用CarouselView，它是CarouselPage的继承者。有一个文档如何实现CarouseView，这里很好blog post。

我可以很好地了解如何开始。 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/

带有进度指示器的CarouselPage？

2 个答案: