public SpacingGallery(IItemsLayout itemsLayout)
{
var layout = new Grid
{
RowDefinitions = new RowDefinitionCollection
{
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Star
}
}
};
var instructions = new Label
{
Text = "Use the control below to update the spacing between items."
};
if (itemsLayout is GridItemsLayout)
{
instructions.Text += " Format is '[vertical], [horizontal]'";
}
var itemTemplate = ExampleTemplates.SpacingTemplate();
var collectionView = new CollectionView
{
ItemsLayout = itemsLayout,
ItemTemplate = itemTemplate,
AutomationId = "collectionview",
Margin = 10
};
var generator = new ItemsSourceGenerator(collectionView, initialItems: 20);
var spacingModifier = new SpacingModifier(collectionView.ItemsLayout, "Update_Spacing");
layout.Children.Add(generator);
layout.Children.Add(instructions);
layout.Children.Add(spacingModifier);
layout.Children.Add(collectionView);
Grid.SetRow(instructions, 1);
Grid.SetRow(spacingModifier, 2);
Grid.SetRow(collectionView, 3);
Content = layout;
generator.GenerateItems();
}
public CarouselCodeGallery(ItemsLayoutOrientation orientation)
{
On <iOS>().SetLargeTitleDisplay(LargeTitleDisplayMode.Never);
_scrollInfoLabel.MaxLines = 1;
_scrollInfoLabel.LineBreakMode = LineBreakMode.TailTruncation;
_orientation = orientation;
Title = $"CarouselView (Code, {orientation})";
var nItems = 5;
var layout = new Grid
{
RowDefinitions = new RowDefinitionCollection
{
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Star
}
}
};
var itemsLayout =
new LinearItemsLayout(orientation)
{
SnapPointsType = SnapPointsType.MandatorySingle,
SnapPointsAlignment = SnapPointsAlignment.Center
};
var itemTemplate = ExampleTemplates.CarouselTemplate();
var carouselView = new CarouselView
{
ItemsLayout = itemsLayout,
ItemTemplate = itemTemplate,
Position = 2,
Margin = new Thickness(0, 10, 0, 10),
BackgroundColor = Color.LightGray,
AutomationId = "TheCarouselView"
};
if (orientation == ItemsLayoutOrientation.Horizontal)
{
carouselView.PeekAreaInsets = new Thickness(30, 0, 30, 0);
}
else
{
carouselView.PeekAreaInsets = new Thickness(0, 30, 0, 30);
}
carouselView.Scrolled += CarouselView_Scrolled;
StackLayout stacklayoutInfo = GetReadOnlyInfo(carouselView);
var generator = new ItemsSourceGenerator(carouselView, initialItems: nItems, itemsSourceType: ItemsSourceType.ObservableCollection);
layout.Children.Add(generator);
var positionControl = new PositionControl(carouselView, nItems);
layout.Children.Add(positionControl);
var spacingModifier = new SpacingModifier(carouselView.ItemsLayout, "Update Spacing");
layout.Children.Add(spacingModifier);
layout.Children.Add(stacklayoutInfo);
var stckPeek = new StackLayout {
Orientation = StackOrientation.Horizontal
};
stckPeek.Children.Add(new Label {
Text = "Peek"
});
var padi = new Slider
{
Maximum = 100,
Minimum = 0,
Value = 30,
WidthRequest = 100,
BackgroundColor = Color.Pink
};
padi.ValueChanged += (s, e) => {
var peek = padi.Value;
if (orientation == ItemsLayoutOrientation.Horizontal)
{
carouselView.PeekAreaInsets = new Thickness(peek, 0, peek, 0);
}
else
{
carouselView.PeekAreaInsets = new Thickness(0, peek, 0, peek);
}
};
stckPeek.Children.Add(padi);
stacklayoutInfo.Children.Add(stckPeek);
stacklayoutInfo.Children.Add(_scrollInfoLabel);
var content = new Grid();
content.Children.Add(carouselView);
#if DEBUG
// Uncomment this line to add a helper to visualize the center of each element.
//content.Children.Add(CreateDebuggerLines());
#endif
layout.Children.Add(content);
Grid.SetRow(positionControl, 1);
Grid.SetRow(stacklayoutInfo, 2);
Grid.SetRow(spacingModifier, 3);
Grid.SetRow(content, 4);
Content = layout;
generator.CollectionChanged += (sender, e) => {
positionControl.UpdatePositionCount(generator.Count);
};
generator.GenerateItems();
}
public UngroupedReorderingGallery(IItemsLayout itemsLayout)
{
var layout = new Grid
{
RowDefinitions = new RowDefinitionCollection
{
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Auto
},
new RowDefinition {
Height = GridLength.Star
}
}
};
var reorderCompletedLabel = new Label
{
Text = "ReorderCompleted (event): NA",
};
var itemTemplate = ExampleTemplates.SpacingTemplate();
var collectionView = new CollectionView
{
ItemsLayout = itemsLayout,
ItemTemplate = itemTemplate,
AutomationId = "collectionview",
CanReorderItems = true
};
collectionView.ReorderCompleted += (sender, e) => reorderCompletedLabel.Text = $"ReorderCompleted (event): {DateTime.Now}";
var generator = new ItemsSourceGenerator(collectionView, initialItems: 20, itemsSourceType: ItemsSourceType.ObservableCollection);
var itemsSourceTypeSelector = new EnumSelector <ItemsSourceType>(() => generator.ItemsSourceType, sourceType => UpdateItemsSourceType(generator, sourceType, collectionView));
var spacingModifier = new SpacingModifier(collectionView.ItemsLayout, "Update_Spacing");
var reloadButton = new Button {
Text = "Reload Current Source", AutomationId = "btnReload", HorizontalOptions = LayoutOptions.Start
};
reloadButton.Clicked += (sender, e) => ReloadItemsSource(collectionView);
layout.Children.Add(generator);
layout.Children.Add(itemsSourceTypeSelector);
layout.Children.Add(spacingModifier);
layout.Children.Add(reorderCompletedLabel);
layout.Children.Add(reloadButton);
layout.Children.Add(collectionView);
Grid.SetRow(itemsSourceTypeSelector, 1);
Grid.SetRow(spacingModifier, 2);
Grid.SetRow(reorderCompletedLabel, 3);
Grid.SetRow(reloadButton, 4);
Grid.SetRow(collectionView, 5);
Content = layout;
generator.GenerateItems();
}
