Skip to content

A Xamarin.Forms (Android Only) Implementation of CoordinatorLayout with CollapsingToolbar

Notifications You must be signed in to change notification settings

ChasakisD/Xamarin.Forms-Coordinator-Workaround

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Xamarin.Forms-Coordinator-Workaround

A Xamarin.Forms (Android Only) Implementation of CoordinatorLayout with CollapsingToolbar

NuGet version

Documentation

Alt Text

Installation

Xamarin.Android

Initialize the renderer below the Xamarin.Forms.Init

global::Xamarin.Forms.Forms.Init(this, bundle);
CoordinatorWorkaround.Droid.Renderers.Forms.Init();

Xamarin.Forms (.NetStandard)

Create the page as normal page and navigate to it

var page = new CoordinatorPage
{
    Title = "Finally Worked Monkeys!",
    NestedContent = //the instance of my ContentPage here,
    ImageSource = "my image source here",
    StatusBarColor = Color.DarkMagenta,
    ToolbarBackgroundColor = Color.DimGray,
    CoordinatorBackgroundColor = Color.Green,
    CoordinatorScrimBackgroundColor = Color.Red,
    FloatingButtonImageSource = "my image source here",
    FloatingButtonBackgroundColor = Color.DarkRed,
    FloatingButtonCommand = new Command(async () => await DisplayAlert("hehe", "hehe", "ok"), () => true),
    ChangeStatusBarColor = true,
    HasBackButton = true
};

Bindable Properties

Property Type Description
NestedContent ContentPage The content of the NestedScrollView
ImageSource ImageSource The Source of the image that is used inside the CollapsingToolbar
ToolbarBackgroundColor Xamarin.Forms.Color The background color of the toolbar
ChangeStatusBarColor bool Type of bool, if you want to change the color of the status bar
StatusBarColor Xamarin.Forms.Color The background color of the status bar (only if ChangeStatusBarColor is set to true)
CoordinatorScrimBackgroundColor Xamarin.Forms.Color The color of the scrim effect in the collapsing toolbar
CoordinatorBackgroundColor Xamarin.Forms.Color The background color of the coordinator layout (the background of the image source)
HasBackButton bool If you want the toolbar have the back button
IsFloatingButtonEnabled bool If you want the floating action button to be enabled
FloatingButtonImageSource ImageSource The image source of the icon of the FAB (only if IsFloatingButtonEnabled is set to true)
FloatingButtonBackgroundColor Xamarin.Forms.Color The background color FAB (only if IsFloatingButtonEnabled is set to true)
FloatingButtonCommand ICommand The command that will execute when the user presses the FAB (only if IsFloatingButtonEnabled is set to true)