protected override void Build(StackLayout stackLayout)
{
base.Build(stackLayout);
var hasShadowContainer = new StateViewContainer <Frame>(Test.Frame.HasShadow, new Frame {
HasShadow = true
});
hasShadowContainer.StateChangeButton.Command = new Command(() => hasShadowContainer.View.HasShadow = !hasShadowContainer.View.HasShadow);
var viewContainer = new StateViewContainer <Frame>(Test.Frame.Content, new Frame
{
BorderColor = Color.Teal,
Content = new Label {
Text = "I am a frame"
}
});
viewContainer.StateChangeButton.Command = new Command(() => viewContainer.View.Content = new Label {
Text = "Different content"
});
var cornerRadiusContainer = new StateViewContainer <Frame>(Test.Frame.CornerRadius, new Frame
{
BorderColor = Color.Teal,
CornerRadius = 25
});
cornerRadiusContainer.StateChangeButton.Command = new Command(() => cornerRadiusContainer.View.CornerRadius = _randomValue.Next(0, 25));
Add(hasShadowContainer);
Add(viewContainer);
Add(cornerRadiusContainer);
}
protected override void Build(StackLayout stackLayout)
{
base.Build(stackLayout);
var aspectFillContainer = new ViewContainer <Image>(Test.Image.AspectFill, new Image {
Aspect = Aspect.AspectFill
});
var aspectFitContainer = new ViewContainer <Image>(Test.Image.AspectFit, new Image {
Aspect = Aspect.AspectFit
});
var fillContainer = new ViewContainer <Image>(Test.Image.Fill, new Image {
Aspect = Aspect.Fill
});
var isLoadingContainer = new StateViewContainer <Image>(Test.Image.IsLoading, new Image());
var isOpaqueContainer = new StateViewContainer <Image>(Test.Image.IsOpaque, new Image());
InitializeElement(aspectFillContainer.View);
InitializeElement(aspectFitContainer.View);
InitializeElement(fillContainer.View);
InitializeElement(isLoadingContainer.View);
InitializeElement(isOpaqueContainer.View);
var sourceContainer = new ViewContainer <Image>(Test.Image.Source, new Image {
Source = "https://raw.githubusercontent.com/xamarin/Xamarin.Forms/main/Microsoft.Maui.Controls.ControlGallery/coffee.png"
});
Add(aspectFillContainer);
Add(aspectFitContainer);
Add(fillContainer);
Add(isLoadingContainer);
Add(isOpaqueContainer);
Add(sourceContainer);
}
protected override void Build(StackLayout stackLayout)
{
base.Build(stackLayout);
var colorContainer = new ViewContainer <ActivityIndicator>(Test.ActivityIndicator.Color, new ActivityIndicator
{
Color = Color.Lime,
IsRunning = true
});
var isRunningContainer = new StateViewContainer <ActivityIndicator>(Test.ActivityIndicator.IsRunning, new ActivityIndicator
{
IsRunning = true
});
isRunningContainer.StateChangeButton.Clicked += (sender, args) =>
{
isRunningContainer.View.IsRunning = !isRunningContainer.View.IsRunning;
};
Add(colorContainer);
Add(isRunningContainer);
}
protected override void Build(StackLayout stackLayout)
{
base.Build(stackLayout);
IsEnabledStateViewContainer.View.Clicked += (sender, args) =>
{
IsEnabledStateViewContainer.TitleLabel.Text += " (Tapped)";
};
var aspectFillContainer = new ViewContainer <ImageButton>(Test.ImageButton.AspectFill, new ImageButton {
Aspect = Aspect.AspectFill
});
var aspectFitContainer = new ViewContainer <ImageButton>(Test.ImageButton.AspectFit, new ImageButton {
Aspect = Aspect.AspectFit
});
var fillContainer = new ViewContainer <ImageButton>(Test.ImageButton.Fill, new ImageButton {
Aspect = Aspect.Fill
});
var isLoadingContainer = new StateViewContainer <ImageButton>(Test.ImageButton.IsLoading, new ImageButton());
var isOpaqueContainer = new StateViewContainer <ImageButton>(Test.ImageButton.IsOpaque, new ImageButton());
var borderButtonContainer = new ViewContainer <ImageButton>(Test.ImageButton.BorderColor,
new ImageButton
{
BackgroundColor = Color.Transparent,
BorderColor = Color.Red,
BorderWidth = 1,
Source = "oasissmall.jpg"
}
);
var corderRadiusContainer = new ViewContainer <ImageButton>(Test.ImageButton.CornerRadius,
new ImageButton
{
Source = "oasissmall.jpg",
BackgroundColor = Color.Transparent,
BorderColor = Color.Red,
CornerRadius = 20,
BorderWidth = 1,
}
);
var borderWidthContainer = new ViewContainer <ImageButton>(Test.ImageButton.BorderWidth,
new ImageButton
{
Source = "oasissmall.jpg",
BackgroundColor = Color.Transparent,
BorderColor = Color.Red,
BorderWidth = 15,
}
);
var clickedContainer = new EventViewContainer <ImageButton>(Test.ImageButton.Clicked,
new ImageButton
{
Source = "oasissmall.jpg"
}
);
clickedContainer.View.Clicked += (sender, args) => clickedContainer.EventFired();
var pressedContainer = new EventViewContainer <ImageButton>(Test.ImageButton.Pressed,
new ImageButton
{
Source = "oasissmall.jpg"
}
);
pressedContainer.View.Pressed += (sender, args) => pressedContainer.EventFired();
var commandContainer = new ViewContainer <ImageButton>(Test.ImageButton.Command,
new ImageButton
{
Command = new Command(() => DisplayActionSheet("Hello Command", "Cancel", "Destroy")),
Source = "oasissmall.jpg"
}
);
var imageContainer = new ViewContainer <ImageButton>(Test.ImageButton.Image,
new ImageButton
{
Source = new FileImageSource {
File = "bank.png"
}
}
);
var paddingContainer = new ViewContainer <ImageButton>(Test.ImageButton.Padding,
new ImageButton
{
Source = "oasissmall.jpg",
BackgroundColor = Color.Red,
Padding = new Thickness(20, 30, 60, 15)
}
);
InitializeElement(aspectFillContainer.View);
InitializeElement(aspectFitContainer.View);
InitializeElement(fillContainer.View);
InitializeElement(isLoadingContainer.View);
InitializeElement(isOpaqueContainer.View);
var sourceContainer = new ViewContainer <ImageButton>(Test.ImageButton.Source, new ImageButton {
Source = "https://raw.githubusercontent.com/xamarin/Xamarin.Forms/main/Microsoft.Maui.Controls.ControlGallery/coffee.png"
});
var gifContainer = new ViewContainer <ImageButton>(Test.ImageButton.Source, new ImageButton {
Source = "GifTwo.gif"
});
Add(aspectFillContainer);
Add(aspectFitContainer);
Add(fillContainer);
Add(isLoadingContainer);
Add(isOpaqueContainer);
Add(sourceContainer);
Add(gifContainer);
Add(borderButtonContainer);
Add(borderWidthContainer);
Add(clickedContainer);
Add(commandContainer);
Add(corderRadiusContainer);
Add(imageContainer);
Add(pressedContainer);
Add(paddingContainer);
}
protected virtual void Build(StackLayout stackLayout)
{
var isFocusedView = new T();
isFocusedView.SetValueCore(IsFocusedPropertyKey, true);
IsEnabledStateViewContainer = new StateViewContainer <T>(Test.VisualElement.IsEnabled, new T {
IsEnabled = true
});
IsEnabledStateViewContainer.StateChangeButton.Command = new Command(() =>
{
IsEnabledStateViewContainer.View.IsEnabled = !IsEnabledStateViewContainer.View.IsEnabled;
});
var isVisibleStateViewContainer = new StateViewContainer <T>(Test.VisualElement.IsVisible, new T {
IsVisible = true
});
isVisibleStateViewContainer.StateChangeButton.Command = new Command(() =>
{
isVisibleStateViewContainer.View.IsVisible = !isVisibleStateViewContainer.View.IsVisible;
});
var isFocusedStateViewContainer = new StateViewContainer <T>(Test.VisualElement.IsFocused, isFocusedView);
isFocusedStateViewContainer.StateChangeButton.Command = new Command(() =>
{
if ((bool)isFocusedView.GetValue(VisualElement.IsFocusedProperty))
{
isFocusedView.SetValueCore(IsFocusedPropertyKey, false);
}
else
{
isFocusedView.SetValueCore(IsFocusedPropertyKey, true);
}
});
var focusStateViewContainer = new StateViewContainer <T>(Test.VisualElement.Focus, new T());
focusStateViewContainer.StateChangeButton.Command = new Command(() =>
{
if (focusStateViewContainer.View.IsFocused)
{
focusStateViewContainer.View.Unfocus();
}
else
{
focusStateViewContainer.View.Focus();
}
});
var focusedEventViewContainer = new EventViewContainer <T>(Test.VisualElement.Focused, new T());
focusedEventViewContainer.View.Focused += (sender, args) => focusedEventViewContainer.EventFired();
var unfocusedEventViewContainer = new EventViewContainer <T>(Test.VisualElement.Unfocused, new T());
unfocusedEventViewContainer.View.Unfocused += (sender, args) => unfocusedEventViewContainer.EventFired();
var gestureRecognizerEventViewContainer = new EventViewContainer <T>(Test.View.GestureRecognizers, new T());
gestureRecognizerEventViewContainer.View.GestureRecognizers.Add(
new TapGestureRecognizer
{
Command = new Command(() => gestureRecognizerEventViewContainer.EventFired())
}
);
_viewContainers = new List <ViewContainer <T> > {
isFocusedStateViewContainer,
new ViewContainer <T> (Test.VisualElement.BackgroundColor, new T {
BackgroundColor = Color.Blue
}),
new ViewContainer <T>(Test.VisualElement.Background, new T {
Background = new LinearGradientBrush
{
StartPoint = new Point(0, 0),
EndPoint = new Point(1, 0),
GradientStops = new GradientStopCollection
{
new GradientStop(Color.Yellow, 0.0f),
new GradientStop(Color.Orange, 0.5f),
new GradientStop(Color.Red, 1.0f)
}
}
}),
focusStateViewContainer,
gestureRecognizerEventViewContainer,
new LayeredViewContainer <T> (Test.VisualElement.InputTransparent, new T {
InputTransparent = true
}),
IsEnabledStateViewContainer,
focusedEventViewContainer,
unfocusedEventViewContainer,
isVisibleStateViewContainer,
new ViewContainer <T> (Test.VisualElement.Opacity, new T {
Opacity = 0.5
}),
new ViewContainer <T> (Test.VisualElement.Rotation, new T {
Rotation = 10
}),
new ViewContainer <T> (Test.VisualElement.RotationX, new T {
RotationX = 33
}),
new ViewContainer <T> (Test.VisualElement.RotationY, new T {
RotationY = 10
}),
new ViewContainer <T> (Test.VisualElement.Scale, new T {
Scale = 0.5
}),
new ViewContainer <T> (Test.VisualElement.TranslationX, new T {
TranslationX = 30
}),
new ViewContainer <T> (Test.VisualElement.TranslationY, new T {
TranslationY = 30
}),
};
_layout = new StackLayout();
_targetEntry = new Entry {
AutomationId = "TargetViewContainer", Placeholder = "Jump To ViewContainer"
};
var goButton = new Button
{
Text = "Go",
AutomationId = "GoButton"
};
goButton.Clicked += GoClicked;
_picker = new Picker();
foreach (var container in _viewContainers)
{
_picker.Items.Add(container.TitleLabel.Text);
}
_picker.SelectedIndex = _currentIndex;
_picker.SelectedIndexChanged += PickerSelectedIndexChanged;
_layout.Children.Add(_picker);
_layout.Children.Add(_targetEntry);
_layout.Children.Add(goButton);
_layout.Children.Add(_viewContainers[_currentIndex].ContainerLayout);
stackLayout.Children.Add(_layout);
if (!SupportsFocus)
{
stackLayout.Children.Remove(focusStateViewContainer.ContainerLayout);
stackLayout.Children.Remove(isFocusedStateViewContainer.ContainerLayout);
}
if (!SupportsTapGestureRecognizer)
{
stackLayout.Children.Remove(gestureRecognizerEventViewContainer.ContainerLayout);
}
foreach (var element in _viewContainers)
{
InitializeElement(element.View);
}
}
protected override void Build(StackLayout stackLayout)
{
base.Build(stackLayout);
var viewModel = new ListViewViewModel();
var groupDisplayBindingContainer = new ViewContainer <ListView>(Test.ListView.GroupDisplayBinding, new ListView());
InitializeElementListView(groupDisplayBindingContainer.View, 0);
groupDisplayBindingContainer.View.ItemsSource = viewModel.CategorizedEmployees;
groupDisplayBindingContainer.View.IsGroupingEnabled = true;
groupDisplayBindingContainer.View.GroupDisplayBinding = new Binding("Key");
var groupHeaderTemplateContainer = new ViewContainer <ListView>(Test.ListView.GroupHeaderTemplate, new ListView());
InitializeElementListView(groupHeaderTemplateContainer.View, 0);
groupHeaderTemplateContainer.View.ItemsSource = viewModel.CategorizedEmployees;
groupHeaderTemplateContainer.View.IsGroupingEnabled = true;
groupHeaderTemplateContainer.View.GroupHeaderTemplate = new DataTemplate(typeof(HeaderCell));
var groupShortNameContainer = new ViewContainer <ListView>(Test.ListView.GroupShortNameBinding, new ListView());
InitializeElementListView(groupShortNameContainer.View, 0);
groupShortNameContainer.View.ItemsSource = viewModel.CategorizedEmployees;
groupShortNameContainer.View.IsGroupingEnabled = true;
groupShortNameContainer.View.GroupShortNameBinding = new Binding("Key");
// TODO - not sure how to do this
var hasUnevenRowsContainer = new ViewContainer <ListView>(Test.ListView.HasUnevenRows, new ListView());
InitializeElement(hasUnevenRowsContainer.View);
hasUnevenRowsContainer.View.HasUnevenRows = true;
hasUnevenRowsContainer.View.ItemTemplate = new DataTemplate(typeof(UnevenCell));
var isGroupingEnabledContainer = new StateViewContainer <ListView>(Test.ListView.IsGroupingEnabled, new ListView());
InitializeElement(isGroupingEnabledContainer.View);
isGroupingEnabledContainer.View.ItemsSource = viewModel.CategorizedEmployees;
isGroupingEnabledContainer.View.IsGroupingEnabled = true;
isGroupingEnabledContainer.StateChangeButton.Clicked += (sender, args) => isGroupingEnabledContainer.View.IsGroupingEnabled = !isGroupingEnabledContainer.View.IsGroupingEnabled;
var itemAppearingContainer = new EventViewContainer <ListView>(Test.ListView.ItemAppearing, new ListView());
InitializeElement(itemAppearingContainer.View);
itemAppearingContainer.View.ItemAppearing += (sender, args) => itemAppearingContainer.EventFired();
var itemDisappearingContainer = new EventViewContainer <ListView>(Test.ListView.ItemDisappearing, new ListView());
InitializeElement(itemDisappearingContainer.View);
itemDisappearingContainer.View.ItemDisappearing += (sender, args) => itemDisappearingContainer.EventFired();
var itemSelectedContainer = new EventViewContainer <ListView>(Test.ListView.ItemSelected, new ListView());
InitializeElement(itemSelectedContainer.View);
itemSelectedContainer.View.ItemSelected += (sender, args) => itemSelectedContainer.EventFired();
var itemTappedContainer = new EventViewContainer <ListView>(Test.ListView.ItemTapped, new ListView());
InitializeElement(itemTappedContainer.View);
itemTappedContainer.View.ItemTapped += (sender, args) => itemTappedContainer.EventFired();
// TODO
var rowHeightContainer = new ViewContainer <ListView>(Test.ListView.RowHeight, new ListView());
InitializeElement(rowHeightContainer.View);
var selectedItemContainer = new ViewContainer <ListView>(Test.ListView.SelectedItem, new ListView());
InitializeElement(selectedItemContainer.View);
selectedItemContainer.View.SelectedItem = viewModel.Employees[2];
var fastScrollItemContainer = new ViewContainer <ListView>(Test.ListView.FastScroll, new ListView());
InitializeElement(fastScrollItemContainer.View);
fastScrollItemContainer.View.On <Android>().SetIsFastScrollEnabled(true);
fastScrollItemContainer.View.ItemsSource = viewModel.CategorizedEmployees;
var scrolledItemContainer = new ViewContainer <ListView>(Test.ListView.Scrolled, new ListView());
InitializeElement(scrolledItemContainer.View);
scrolledItemContainer.View.ItemsSource = viewModel.Employees;
var scrollTitle = scrolledItemContainer.TitleLabel.Text;
scrolledItemContainer.View.Scrolled += (sender, args) =>
{
scrolledItemContainer.TitleLabel.Text = $"{scrollTitle}; X={args.ScrollX};Y={args.ScrollY}";
};
var refreshControlColorContainer = new ViewContainer <ListView>(Test.ListView.RefreshControlColor, new ListView());
InitializeElement(refreshControlColorContainer.View);
refreshControlColorContainer.View.RefreshControlColor = Color.Red;
refreshControlColorContainer.View.IsPullToRefreshEnabled = true;
refreshControlColorContainer.View.Refreshing += async(object sender, EventArgs e) =>
{
await Task.Delay(2000);
refreshControlColorContainer.View.IsRefreshing = false;
};
refreshControlColorContainer.View.ItemsSource = viewModel.Employees;
var scrollbarVisibilityContainer = new ViewContainer <ListView>(Test.ListView.ScrollBarVisibility, new ListView());
InitializeElement(scrollbarVisibilityContainer.View);
scrollbarVisibilityContainer.View.HorizontalScrollBarVisibility = ScrollBarVisibility.Never;
scrollbarVisibilityContainer.View.VerticalScrollBarVisibility = ScrollBarVisibility.Never;
scrollbarVisibilityContainer.View.ItemsSource = viewModel.CategorizedEmployees;
scrollbarVisibilityContainer.View.IsGroupingEnabled = true;
scrollbarVisibilityContainer.View.GroupDisplayBinding = new Binding("Key");
Add(groupDisplayBindingContainer);
Add(groupHeaderTemplateContainer);
Add(groupShortNameContainer);
Add(hasUnevenRowsContainer);
Add(isGroupingEnabledContainer);
Add(itemAppearingContainer);
Add(itemDisappearingContainer);
Add(itemSelectedContainer);
Add(itemTappedContainer);
Add(rowHeightContainer);
Add(selectedItemContainer);
Add(fastScrollItemContainer);
Add(scrolledItemContainer);
Add(refreshControlColorContainer);
Add(scrollbarVisibilityContainer);
}
