CarouselView: With/without page indicators and no animations page shifts for infinite paging.

Progress® Telerik® UI for Xamarin Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 02 Mar 2018 15:13 by ADMIN

Tim

Created on: 02 May 2015 10:36

Category: UI for Xamarin

Type: Feature Request

CarouselView: With/without page indicators and no animations page shifts for infinite paging.

Xamarin Forms needs a control with which you can build tinderstyle apps. In XF terms this would be a CarouselView that share you can do no-animated page shifts to simulate infinite scrolling. And optional page indicators would be nice to, for other app styles.

Available in the R3 2017 release. More information you can find here: http://docs.telerik.com/devtools/xamarin/controls/slideview/getting-started/slideview-getting-started

2 comments

ADMIN

Yana

Posted on: 02 Mar 2018 15:13

Hi Tim,

- Yes, with RadSlideView you can select different visualization for each item via the ItemTemplateSelector property.
- RadSlideView does not support a non-virtualised mode, however, you could add different Views in xaml, still using the ItemsSource property like this:

<telerik:RadSlideView x:Name="slideView">
	<telerik:RadSlideView.ItemsSource>
		<scg:List  x:TypeArguments="View">
			<Label Text="Label 1" />
			<Button Text="Button 1" />
			<Label Text="Label 2" />
		</scg:List>
	</telerik:RadSlideView.ItemsSource>
</telerik:RadSlideView> 

where scg namespace is defined like this:
xmlns:scg="clr-namespace:System.Collections.Generic;assembly=mscorlib" 

I hope this would be helpful.

Regards,
Yana,
The Telerik team

Tim

Posted on: 14 Sep 2017 08:55

Nice touch with the infinity mode.

Questions:
- Does it support a TemplateSelector paradigm?
- Does it support a non-virtualised mode where you just add view-types instead of doing a mix of ItemsSource Collections and TemplateSelector to pick the matching views. Sometimes you just want a simple way slide between views for guides og wizard-style UI flows. For example in signup flows, or help view flows.

Something like:

<telerikPrimitives:RadSlideView>
    <telerikPrimitives:RadSlideView.Views>
       <local:EnterMobileNumberView/>
       <local:EnterSMSCodeView/>                   
       <local:ConfirmSMSCodeView/>
       <local:SignupDoneView/>        
    </telerikPrimitives:RadSlideView.Views>
</telerikPrimitives:RadSlideView>

Of course, one should be able to set IsVisible on the individual views to control if they are shown or skipped.