locked
Desig CarouselView RRS feed

  • Question

  • User385166 posted

    hi How do I design this form Show 2 column in page

    Wednesday, January 29, 2020 8:43 PM

Answers

  • User368382 posted

    The best option I've found (so far) is to use the PeekAreaInsets property of the CarouselView. Using the CarouselView example https://docs.microsoft.com/en-gb/samples/xamarin/xamarin-forms-samples/userinterface-carouselviewdemos/ with a PeekAreaInset="100" I can get:

    You can probably improve on that if you play around with the layout further.

    • Marked as answer by Anonymous Thursday, June 3, 2021 12:00 AM
    Thursday, January 30, 2020 1:47 PM
  • User368382 posted

    For right to left you need to set the flow direction as detailed here https://docs.microsoft.com/en-gb/xamarin/xamarin-forms/user-interface/carouselview/layout#right-to-left-layout FlowDirection="RightToLeft"

    Speed - I'm not sure. If that's based on the gif I attache I wasn't swiping very quickly :) I'd suggest getting it on a device to test and see how it performs. The few I've used so far (Carousel and Collection Views) have been very smooth and responsive.

    • Marked as answer by Anonymous Thursday, June 3, 2021 12:00 AM
    Friday, January 31, 2020 7:32 AM
  • User385166 posted

    hi convert CarouselView to CollectionView

    GridItemsLayout Orientation="Horizontal" Span="1" VerticalItemSpacing="20" HorizontalItemSpacing="30"

    ItemSizingStrategy="MeasureFirstItem"

    • Marked as answer by Anonymous Thursday, June 3, 2021 12:00 AM
    Friday, January 31, 2020 12:41 PM
  • User385166 posted

    how show 2 item CollectionView in load page?

    CollectionView.ItemTemplate> DataTemplate> Frame BorderColor="Gray" CornerRadius="2" Padding="2" WidthRequest="150"

    • Marked as answer by Anonymous Thursday, June 3, 2021 12:00 AM
    Friday, January 31, 2020 12:56 PM

All replies

  • User387683 posted

    It seems this page include two buttons and a carouselView like below.

    You could use AbsoluteLayout.

    <AbsoluteLayout>
            <Button Text="all list" Margin="0,10" BackgroundColor="White" TextColor="Black"/>
            <Button Text="categroy name" Margin="0,10" AbsoluteLayout.LayoutBounds="1, 0, AutoSize, AutoSize" AbsoluteLayout.LayoutFlags="PositionProportional" BackgroundColor="White" TextColor="Black"/>
        </AbsoluteLayout>
    

    Thursday, January 30, 2020 9:01 AM
  • User385166 posted

    hi how curent page show 2 items not one items

    Thursday, January 30, 2020 9:11 AM
  • User387683 posted

    Do you mean the two pages?

    Thursday, January 30, 2020 9:56 AM
  • User385166 posted

    @WendyZang

    hi

    Like the photo above 2 Items on the page

    CarouselView 1 item in page

    Thursday, January 30, 2020 9:58 AM
  • User387683 posted

    I am still confused about the 2 items. What does these two items do in the page?

    Thursday, January 30, 2020 10:02 AM
  • User368382 posted

    The best option I've found (so far) is to use the PeekAreaInsets property of the CarouselView. Using the CarouselView example https://docs.microsoft.com/en-gb/samples/xamarin/xamarin-forms-samples/userinterface-carouselviewdemos/ with a PeekAreaInset="100" I can get:

    You can probably improve on that if you play around with the layout further.

    • Marked as answer by Anonymous Thursday, June 3, 2021 12:00 AM
    Thursday, January 30, 2020 1:47 PM
  • User385166 posted

    hi how RightToLeft? item in ltr showing

    and

    How to move the items quickly speed

    Thursday, January 30, 2020 10:03 PM
  • User368382 posted

    For right to left you need to set the flow direction as detailed here https://docs.microsoft.com/en-gb/xamarin/xamarin-forms/user-interface/carouselview/layout#right-to-left-layout FlowDirection="RightToLeft"

    Speed - I'm not sure. If that's based on the gif I attache I wasn't swiping very quickly :) I'd suggest getting it on a device to test and see how it performs. The few I've used so far (Carousel and Collection Views) have been very smooth and responsive.

    • Marked as answer by Anonymous Thursday, June 3, 2021 12:00 AM
    Friday, January 31, 2020 7:32 AM
  • User385166 posted

    hi convert CarouselView to CollectionView

    GridItemsLayout Orientation="Horizontal" Span="1" VerticalItemSpacing="20" HorizontalItemSpacing="30"

    ItemSizingStrategy="MeasureFirstItem"

    • Marked as answer by Anonymous Thursday, June 3, 2021 12:00 AM
    Friday, January 31, 2020 12:41 PM
  • User385166 posted

    how show 2 item CollectionView in load page?

    CollectionView.ItemTemplate> DataTemplate> Frame BorderColor="Gray" CornerRadius="2" Padding="2" WidthRequest="150"

    • Marked as answer by Anonymous Thursday, June 3, 2021 12:00 AM
    Friday, January 31, 2020 12:56 PM