Ghost1372

everything can be handy

BannerView

An enhanced FlipView with smooth composition animations, optional scaling and perspective effects, and seamless infinite cycling of items with automatic shuffle support

Property

Name
IsPerspectiveEnable
IsScaleEnable
ItemsSpacing
AutoShuffle
Interval
ShiftingDirection

Methods

Name
StopShuffle
PlayShuffleForward
PlayShuffleBackward

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<dev:BannerView x:Name="BannerViewSample"
                MinWidth="400"
                MinHeight="150"
                MaxWidth="600"
                MaxHeight="300"
                VerticalContentAlignment="Center"
                ItemsSource="{x:Bind CycleList, Mode=OneWay}">
    <dev:BannerView.ItemTemplate>
        <DataTemplate x:DataType="x:String">
            <Image HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Source="{x:Bind}"
                    Stretch="UniformToFill" />
        </DataTemplate>
    </dev:BannerView.ItemTemplate>
</dev:BannerView>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
public CycleCollection<Uri> CycleList { get; set; }
private ObservableCollection<Uri> list = new ObservableCollection<Uri>();

list.Add(new Uri("ms-appx:///Assets/BannerView/1.jpeg"));
list.Add(new Uri("ms-appx:///Assets/BannerView/2.png"));
list.Add(new Uri("ms-appx:///Assets/BannerView/3.jpeg"));
list.Add(new Uri("ms-appx:///Assets/BannerView/4.jpeg"));
list.Add(new Uri("ms-appx:///Assets/BannerView/5.jpeg"));
list.Add(new Uri("ms-appx:///Assets/BannerView/6.png"));
list.Add(new Uri("ms-appx:///Assets/BannerView/7.jpeg"));
list.Add(new Uri("ms-appx:///Assets/BannerView/8.jpeg"));
list.Add(new Uri("ms-appx:///Assets/BannerView/9.jpeg"));

CycleList = new CycleCollection<Uri>(list);

BannerView

Demo

you can run demo and see this feature.

0%