private void CreateLayout()
{
var entrybase = new EntryBase
{
Placeholder = "EntryBase",
Theme = Naylah.Xamarin.Controls.Style.BasicTheme.Dark
};
var textinputlayout = new FloatLabeledEntry
{
Placeholder = "FloatLabeledEntry",
Theme = Naylah.Xamarin.Controls.Style.BasicTheme.Dark
};
Content = new StackLayout
{
Padding = 8,
Spacing = 10,
Children =
{
entrybase,
textinputlayout
}
};
}
public EntryDemoPage()
{
Title = "Entry demo page";
BindingContext = new EntryDemoViewModel(); //Replace with your mvvm logic,DI, Locator, etc...
#region Numeric Double
var numericDoubleBahaviorLabel = new Label()
{
Text = "The numeric behavior allows: Two-way binding with double and integer values. Custom formats. Handles user/keyboard input. Optional validation custom validation..."
};
var numericDoubleEntry = new EntryBase()
{
Placeholder = "Some placeholder text with C format"
};
numericDoubleEntry.AddNumericEntryBehavior(
new NumericEntryBehavior()
{
NumericType = NumericEntryBehavior.NumericEntryBehaviorType.Double,
NumericFormat = "C"
}
);
numericDoubleEntry.GetNumericEntryBehavior().SetBinding(NumericEntryBehavior.NumericValueProperty,
Binding.Create <EntryDemoViewModel>(o => o.SomeDouble, BindingMode.TwoWay));
var numericDoubleEntryFloat = new FloatLabeledEntry()
{
Placeholder = "Some placeholder text with C format"
};
numericDoubleEntryFloat.AddNumericEntryBehavior(
new NumericEntryBehavior()
{
NumericType = NumericEntryBehavior.NumericEntryBehaviorType.Double,
NumericFormat = "C"
}
);
numericDoubleEntryFloat.GetNumericEntryBehavior().SetBinding(NumericEntryBehavior.NumericValueProperty,
Binding.Create <EntryDemoViewModel>(o => o.SomeDouble, BindingMode.TwoWay));
var numericDouble = new StackLayout()
{
Padding = 8,
HorizontalOptions = LayoutOptions.Fill,
VerticalOptions = LayoutOptions.Fill,
Children =
{
numericDoubleBahaviorLabel,
numericDoubleEntry,
numericDoubleEntryFloat
}
};
var numericDoublePage = new ContentPage
{
Content = numericDouble,
Title = "Entry double"
};
#endregion
#region Numeric Integer
var numericIntegerBahaviorLabel = new Label()
{
Text = "The numeric behavior allows: Two-way binding with double and integer values. Custom formats. Handles user/keyboard input. Optional validation custom validation..."
};
var numericIntegerEntry = new EntryBase()
{
Placeholder = "Numeric behavior with int and N0 format"
};
numericIntegerEntry.AddNumericEntryBehavior(
new NumericEntryBehavior()
{
NumericType = NumericEntryBehavior.NumericEntryBehaviorType.Integer,
NumericFormat = "N0",
//NumericValidation = (numberWanted) => { return numberWanted <= 500; }
}
);
numericIntegerEntry.GetNumericEntryBehavior().SetBinding(NumericEntryBehavior.NumericValueProperty,
Binding.Create <EntryDemoViewModel>(o => o.SomeInteger, BindingMode.TwoWay));
var numericIntegerEntryFloat = new FloatLabeledEntry()
{
Placeholder = "Numeric behavior with int and N0 format"
};
numericIntegerEntryFloat.AddNumericEntryBehavior(
new NumericEntryBehavior()
{
NumericType = NumericEntryBehavior.NumericEntryBehaviorType.Integer,
NumericFormat = "N0",
//NumericValidation = (numberWanted) => { return numberWanted <= 500; }
}
);
numericIntegerEntryFloat.GetNumericEntryBehavior().SetBinding(NumericEntryBehavior.NumericValueProperty,
Binding.Create <EntryDemoViewModel>(o => o.SomeInteger, BindingMode.TwoWay));
var numericInteger = new StackLayout()
{
Padding = 8,
HorizontalOptions = LayoutOptions.Fill,
VerticalOptions = LayoutOptions.Fill,
Children =
{
numericIntegerBahaviorLabel,
numericIntegerEntry,
numericIntegerEntryFloat,
}
};
var numericIntegerPage = new ContentPage
{
Content = numericInteger,
Title = "Entry integer"
};
#endregion
#region Entry
var darkEntry = new EntryBase {
Placeholder = "Dark Entry"
};
darkEntry.SetBinding(Entry.TextProperty, Binding.Create <EntryDemoViewModel>(o => o.DarkEntry, BindingMode.TwoWay));
var darkEntryFloat = new FloatLabeledEntry {
Placeholder = "Dark FloatLabeled"
};
darkEntryFloat.SetBinding(Entry.TextProperty, Binding.Create <EntryDemoViewModel>(o => o.DarkEntry, BindingMode.TwoWay));
var lightEntry = new EntryBase {
Placeholder = "Light Entry", Theme = Xamarin.Controls.Style.BasicTheme.Light
};
lightEntry.SetBinding(Entry.TextProperty, Binding.Create <EntryDemoViewModel>(o => o.LightEntry, BindingMode.TwoWay));
var lightEntryFloat = new FloatLabeledEntry {
Placeholder = "Light FloatLabeled", Theme = Xamarin.Controls.Style.BasicTheme.Light
};
lightEntryFloat.SetBinding(Entry.TextProperty, Binding.Create <EntryDemoViewModel>(o => o.LightEntry, BindingMode.TwoWay));
var entry = new StackLayout()
{
Padding = 8,
HorizontalOptions = LayoutOptions.Fill,
VerticalOptions = LayoutOptions.Fill,
Children =
{
new StackLayout()
{
Padding = 8,
HorizontalOptions = LayoutOptions.Fill,
VerticalOptions = LayoutOptions.Fill,
BackgroundColor = Color.White,
Children =
{
darkEntry,
darkEntryFloat,
}
},
new StackLayout()
{
Padding = 8,
HorizontalOptions = LayoutOptions.Fill,
VerticalOptions = LayoutOptions.Fill,
BackgroundColor = Color.Black,
Children =
{
lightEntry,
lightEntryFloat
}
}
}
};
var entryPage = new ContentPage
{
Content = entry,
Title = "Text entry"
};
#endregion
Children.Add(entryPage);
Children.Add(numericDoublePage);
Children.Add(numericIntegerPage);
}
private void CreateUI()
{
Title = "Image Chooser Sample";
var stackLayout = new StackLayout();
var imageWidthEntry = new FloatLabeledEntry()
{
Placeholder = "Requested Width"
};
imageWidthEntry.AddNumericEntryBehavior(
new NumericEntryBehavior()
{
NumericType = NumericEntryBehavior.NumericEntryBehaviorType.Integer,
NumericFormat = "N0",
//NumericValidation = (numberWanted) => { return numberWanted <= 500; }
}
);
imageWidthEntry.GetNumericEntryBehavior().SetBinding(NumericEntryBehavior.NumericValueProperty, Binding.Create <ImageChooserDemoViewModel>(vm => vm.ImageWidthRequested, BindingMode.TwoWay));
var imageHeightEntry = new FloatLabeledEntry()
{
Placeholder = "Requested Height"
};
imageHeightEntry.AddNumericEntryBehavior(
new NumericEntryBehavior()
{
NumericType = NumericEntryBehavior.NumericEntryBehaviorType.Integer,
NumericFormat = "N0",
//NumericValidation = (numberWanted) => { return numberWanted <= 500; }
}
);
imageHeightEntry.GetNumericEntryBehavior().SetBinding(NumericEntryBehavior.NumericValueProperty, Binding.Create <ImageChooserDemoViewModel>(vm => vm.ImageHeightRequested, BindingMode.TwoWay));
var image = new CachedImage()
{
};
image.SetBinding(CachedImage.SourceProperty, Binding.Create <ImageChooserDemoViewModel>(vm => vm.ImageSourceAsString));
stackLayout.Spacing = 12;
stackLayout.Padding = 12;
stackLayout.Children.Add(image);
stackLayout.Children.Add(imageWidthEntry);
stackLayout.Children.Add(imageHeightEntry);
var chooseImageButton = new Button()
{
Text = "Open Image Chooser"
};
chooseImageButton.Clicked += async(s, e) => { await Vm.ChooseImage(); };
stackLayout.Children.Add(chooseImageButton);
var scroviewer = new ScrollView()
{
Content = stackLayout
};
Content = scroviewer;
}
