Xamarin Forms - Usando o plugin CarouselView - II

 Neste artigo vamos continuar a mostrar como usar o plugin CarouselView no Xamarin Forms.

Continuando o artigo anterior vamos a usar o plugin CarouselView, desta vez usando o ItemTemplate e configurando uma Label para exibir textos.

recursos usados:

Exibindo textos no Carousel

Abra o projeto XF_Carousel criado no artigo anterior e inclua uma nova página do tipo Content Page chamada DemoPage.xaml no projeto:

Abra o arquivo DemoPage.xaml e inclua o código para usar o controle CarouselView como mostrado a seguir:

<?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:cv="clr-namespace:CarouselView.FormsPlugin.Abstractions;assembly=CarouselView.FormsPlugin.Abstractions"
             x:Class="XF_Carousel.DemoPage">

    <cv:CarouselViewControl x:Name="TextoCarousel" ShowArrows="true" Orientation="Vertical" >
        <cv:CarouselViewControl.ItemTemplate>
            <DataTemplate>
                <Label Text="{Binding .}" FontSize="Large" HorizontalTextAlignment="Center"/>
            </DataTemplate>
        </cv:CarouselViewControl.ItemTemplate>
    </cv:CarouselViewControl>   

</ContentPage>

Declaramos o controle na View usando o namespace:

xmlns:cv="clr-namespace:CarouselView.FormsPlugin.Abstractions;assembly=CarouselView.FormsPlugin.Abstractions"

E a seguir definimos um ItemTemplate com um DataTemplate e incluímos uma Label para exibir o texto.

Note que definimos a orientação do Carousel como Vertical e exibindo setas.

Agora no arquivo code-behind DemoPage.xaml.cs vamos definir os textos que vamos exibir:

using System.Collections.Generic;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;

namespace XF_Carousel
{
  [XamlCompilation(XamlCompilationOptions.Compile)]
  public partial class DemoPage : ContentPage
  {
     public DemoPage ()
     {
            InitializeComponent ();
           var textos = new List<string>
            {
               "Macoratti .net , quase tudo para a plataforma .NET",
               "O poeta é um fingidor. Finge tão completamente Que chega a fingir que é dor A dor que deveras sente. Com o Destino a conduzir a carroça de tudo pela estrada de nada.",
               "O amor, quando se revela, Não se sabe revelar. Sabe bem olhar pra ela, Mas não lhe sabe falar."
            };

            TextoCarousel.ItemsSource = textos;
      }
   }
}

Após definir os textos usamos a propriedade ItemsSouce para realizar a vinculação com o controle.

Para concluir altere o código do arquivo App.xaml.cs para definir DemoPage como a página principal:

        public App()
        {
            InitializeComponent();
            //MainPage = new MainPage();
            MainPage = new DemoPage();
        }

Executando o projeto iremos obter o seguinte resultado:

Pegue o código do projeto compartilhado aqui :  XF_Carousel2.zip

"Arrependei-vos, pois, e convertei-vos, para que sejam apagados os vossos pecados, e venham assim os tempos do refrigério pela presença do Senhor,
E envie ele a Jesus Cristo, que já dantes vos foi pregado."

Atos 3:19-20

Veja os Destaques e novidades do SUPER DVD Visual Basic (sempre atualizado) : clique e confira !

Quer migrar para o VB .NET ?

Quer aprender C# ??

Quer aprender os conceitos da Programação Orientada a objetos ?

Quer aprender o gerar relatórios com o ReportViewer no VS 2013 ?

Referências:


José Carlos Macoratti