Giter VIP home page Giter VIP logo

chinook.backbuttonmanager's Introduction

Chinook.BackButtonManager

License Version Downloads

The Chinook.BackButtonManager packages provide recipes to ease the handling of back buttons in .Net applications. It was designed for MVVM applications, but should work with other patterns too.

Cornerstones

  • Highly Extensible
    • Everything is interface-based to easily allow more implementations.
    • A single framework can't cover everything. Our architecture is designed in a way that allows you to extend this foundation to support more use-cases.
  • Simple
    • The recipes from these packages are ultra-simple but are still complete enough to support edge cases.

More like this

The Chinook namespace has other recipes for .Net MVVM applications.

Getting Started

Uno projects

BackButtonManager is especially well-integrated with Uno. Here is how to use it in a project which includes the Uno platform:

  1. Add a package reference to Chinook.BackButtonManager.Uno.WinUI (for WinUI or MAUI apps).

  2. Create a single instance of a BackButtonManager which you will use throughout your project.

    var manager = new BackButtonManager();
  3. In your app's Startup, add the source that the manager uses to detect back button presses:

    // This must be executed on the dispatcher
    var source = new SystemNavigationBackButtonSource();
    manager.AddSource(source);

    โ— Note that SystemNavigationManager no longer works on Windows applications that are not UWP. On WinUI, you can no longer have a global back button in the title bar of the application.

  4. Add handlers for each action you want to take when the back button is pressed:

    manager.AddHandler(new BackButtonHandler(
        name: "TODO handler name",
    	canHandle: () => CanYourMethodBeCalled(),
    	handle: async ct => await YourMethod(ct)
    ));

Other projects

If your project does not use Uno, you can certainly use BackButtonManager! Here's how:

  1. Add a package reference to Chinook.BackButtonManager.

  2. Create a single instance of a BackButtonManager which you will use throughout your project.

    var manager = new BackButtonManager();
  3. You will need to create a source which implements the IBackButtonSource interface. In your app's Startup, add this source so that BackButtonManager can use it to detect back button presses.

    var source = new MyBackButtonSource();
    manager.AddSource(source);
  4. Add handlers for each action you want to take when the back button is pressed:

    manager.AddHandler(new BackButtonHandler(
      name: "TODO handler name",
      canHandle: () => CanYourMethodBeCalled(),
      handle: async ct => await YourMethod(ct)
    ));

Features

Create back button sources

Using IBackButtonSource, you can implement a back button source. You can see that as an abstraction of a button. You could create sources for things like the following.

  • The hardware back button on Android.
  • The escape key from your keyboard.
  • The back button from your mouse.

Once you have a back button source, simply add it to a IBackButtonManager using AddSource.

Create a back button source for XButton1

This is a source for the XButton1, which is the back button on a mouse. This is useful for desktop applications.

Microsoft.UI.Xaml.Window window;
// (Make sure you initialize the window and its content.)
var source = new XButton1BackButtonSource(window.Content);

Create a custom back button source

The interface IBackButtonSource is very simple. You can implement your own sources easily.

Create back button handlers

Using IBackButtonHandler, you can create the objects that react to back requests. Handlers can be added to (or removed from) a IBackButtonManager at any point.

Create global handlers

That's one of the main use-case of this recipe. You likely want to create a default action to perform when a back is requested.

Here is some code showing how to setup a IBackButtonManager with a default handler in a context using Microsoft.Extensions.DependencyInjection and Chinook.Navigation.

public static IServiceCollection AddDefaultBackHandler(this IServiceCollection services)
{
  return services
    .AddSingleton<IBackButtonManager>(s =>
    {
      var manager = new BackButtonManager();

      var sectionsNavigator = s.GetRequiredService<ISectionsNavigator>();
      manager.AddHandler(new BackButtonHandler(
        name: "DefaultSectionsNavigatorHandler",
        canHandle: () => sectionsNavigator.CanNavigateBackOrCloseModal(),
        handle: async ct => await sectionsNavigator.NavigateBackOrCloseModal(ct)));

      return manager;
    });
}

Create temporary handlers

This can be useful when your page has advances states or secondary views. Imagine having a drawer or side menu. When that secondary view is active, it is likely that you want your back button to dismiss that secondary view rather than navigating to the previous page.

public MainPageViewModel(IBackButtonManager manager)
{
	var customHandler = new BackButtonHandler("CustomBackHandler",
		// The handler will only be invoked when the side panel is open.
		canHandle: () => IsSidePanelOpen,
		
		// Close the side panel when a back is requested.
		handle: async ct => IsSidePanelOpen = false
	);
	var subscription = manager.RegisterHandler(customHandler);

	// Automatically remove the handler when this page gets disposed.
	this.AddDisposable(subscription);
}

public bool IsSidePanelOpen
{
	get => this.Get<bool>(initialValue: false);
	set => this.Set(value);
}

๐Ÿ’ก This sample shows a ViewModel written using Chinook.DynamicMvvm.

Specify an handler's priority

It is possible to specify a priority when calling IBackButtonManager.AddHandler. The highest priority handlers will be evaluated first.

Legacy

Create a source from SystemNavigationManager

This can be useful for UWP or Uno.UI applications. The source is based on the SystemNavigationManager.BackRequested event.

// This must be executed on the dispatcher
var source = new SystemNavigationBackButtonSource();

Breaking Changes

Please consult BREAKING_CHANGES.md for more information about migration.

License

This project is licensed under the Apache 2.0 license - see the LICENSE file for details.

Contributing

Please read CONTRIBUTING.md for details on the process for contributing to this project.

Be mindful of our Code of Conduct.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.