public MainPage()
{
Title = "Fab Sample XF";
BackgroundColor = Color.White;
var data = new List<string>();
for(var i = 1; i <= 100; i++)
{
data.Add(i.ToString());
}
list = new ListView {
VerticalOptions = LayoutOptions.FillAndExpand,
ItemsSource = data,
};
fab = new FloatingActionButtonView() {
ImageName = "ic_add.png",
ColorNormal = Color.FromHex("ff3498db"),
ColorPressed = Color.Black,
ColorRipple = Color.FromHex("ff3498db"),
Clicked = async (sender, args) =>
{
var animate = await this.DisplayAlert("Fab", "Hide and show the Fab?", "Sure", "Not now");
if (!animate) return;
fab.Hide();
await Task.Delay(1500);
fab.Show();
},
};
// Main page layout
var pageLayout = new StackLayout {
Children =
{
list
}};
var absolute = new AbsoluteLayout() {
VerticalOptions = LayoutOptions.FillAndExpand,
HorizontalOptions = LayoutOptions.FillAndExpand };
// Position the pageLayout to fill the entire screen.
// Manage positioning of child elements on the page by editing the pageLayout.
AbsoluteLayout.SetLayoutFlags(pageLayout, AbsoluteLayoutFlags.All);
AbsoluteLayout.SetLayoutBounds(pageLayout, new Rectangle(0f, 0f, 1f, 1f));
absolute.Children.Add(pageLayout);
// Overlay the FAB in the bottom-right corner
AbsoluteLayout.SetLayoutFlags(fab, AbsoluteLayoutFlags.PositionProportional);
AbsoluteLayout.SetLayoutBounds(fab, new Rectangle(1f, 1f, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize));
absolute.Children.Add(fab);
Content = absolute;
}
public MainPage()
{
Title = "Fab Sample XF";
BackgroundColor = Color.White;
var data = new List <string>();
for (var i = 1; i <= 100; i++)
{
data.Add(i.ToString());
}
list = new ListView {
VerticalOptions = LayoutOptions.FillAndExpand,
ItemsSource = data,
};
fab = new FloatingActionButtonView()
{
ImageName = "ic_add.png",
ColorNormal = Color.FromHex("ff3498db"),
ColorPressed = Color.Black,
ColorRipple = Color.FromHex("ff3498db"),
Clicked = async(sender, args) =>
{
var animate = await this.DisplayAlert("Fab", "Hide and show the Fab?", "Sure", "Not now");
if (!animate)
{
return;
}
fab.Hide();
await Task.Delay(1500);
fab.Show();
},
};
// Main page layout
var pageLayout = new StackLayout {
Children =
{
list
}
};
var absolute = new AbsoluteLayout()
{
VerticalOptions = LayoutOptions.FillAndExpand,
HorizontalOptions = LayoutOptions.FillAndExpand
};
// Position the pageLayout to fill the entire screen.
// Manage positioning of child elements on the page by editing the pageLayout.
AbsoluteLayout.SetLayoutFlags(pageLayout, AbsoluteLayoutFlags.All);
AbsoluteLayout.SetLayoutBounds(pageLayout, new Rectangle(0f, 0f, 1f, 1f));
absolute.Children.Add(pageLayout);
// Overlay the FAB in the bottom-right corner
AbsoluteLayout.SetLayoutFlags(fab, AbsoluteLayoutFlags.PositionProportional);
AbsoluteLayout.SetLayoutBounds(fab, new Rectangle(1f, 1f, AbsoluteLayout.AutoSize, AbsoluteLayout.AutoSize));
absolute.Children.Add(fab);
Content = absolute;
}
