时间戳

首页 > 解决方案 > 如何创建 Xamarin.Forms 卡片轮播？

c# - 如何创建 Xamarin.Forms 卡片轮播？

问题描述

如何在 Xamarin Forms 中获得这种卡片轮播？
我是在 ASP.Net-MVC C# 中完成的，我使用的是 JS 插件和 HTML 和 CSS。
现在我需要使用 Xamarin Forms C# 和 XAML 来完成它吗？

响应式卡片轮播

卡片轮播

这些是我的命名空间： 

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"

标签： c#xamlxamarinxamarin.forms

解决方案

将CarouselView.FormsPlugin安装到您的 NuGET 解决方案中。

CarouselViewRenderer.Init();在您的 MainActivity.s 和 AppDelegate.cs 之前 添加 LoadApplication(new App());

在要使用 carousalview 的 xaml 中，

            <controls:CarouselViewControl   IndicatorsTintColor="LightBlue"  x:Name="TilesSlider" IsVisible="False"  ArrowsTintColor="White"   CurrentPageIndicatorTintColor="White"  ItemsSource="{Binding }" ShowIndicators="True" AnimateTransition="True" ShowArrows="True"  Orientation="Horizontal"  InterPageSpacing="10"   VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" >
                <controls:CarouselViewControl.ItemTemplate>
                    <DataTemplate>

                        <Frame HorizontalOptions="FillAndExpand" HasShadow="False" CornerRadius="7" BackgroundColor="White" BorderColor="Snow" Margin="10,2,10,7">

                         <-----You can add your control her---->

                        </Frame>
                    </DataTemplate>
                </controls:CarouselViewControl.ItemTemplate>
            </controls:CarouselViewControl>

在框架内相应地添加您的控件。

推荐阅读