{"id":16687208,"url":"https://github.com/redth/plugin.maui.poppedcontentview","last_synced_at":"2025-04-10T00:17:57.043Z","repository":{"id":191291750,"uuid":"684307624","full_name":"Redth/Plugin.Maui.PoppedContentView","owner":"Redth","description":"Simple popup control \u0026 service for .NET MAUI","archived":false,"fork":false,"pushed_at":"2023-08-30T15:18:17.000Z","size":8738,"stargazers_count":14,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-10T00:17:50.853Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Redth.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-28T21:53:30.000Z","updated_at":"2025-04-04T18:09:21.000Z","dependencies_parsed_at":"2025-02-27T01:43:40.682Z","dependency_job_id":"9225b03d-b98b-4adb-855a-fc4c4590e0c7","html_url":"https://github.com/Redth/Plugin.Maui.PoppedContentView","commit_stats":null,"previous_names":["redth/plugin.maui.poppedcontentview"],"tags_count":2,"template":false,"template_full_name":"jfversluis/Plugin.Maui.Feature","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redth%2FPlugin.Maui.PoppedContentView","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redth%2FPlugin.Maui.PoppedContentView/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redth%2FPlugin.Maui.PoppedContentView/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Redth%2FPlugin.Maui.PoppedContentView/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Redth","download_url":"https://codeload.github.com/Redth/Plugin.Maui.PoppedContentView/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248131318,"owners_count":21052820,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-12T15:08:12.764Z","updated_at":"2025-04-10T00:17:57.014Z","avatar_url":"https://github.com/Redth.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- \nEverything in here is of course optional. If you want to add/remove something, absolutely do so as you see fit.\nThis example README has some dummy APIs you'll need to replace and only acts as a placeholder for some inspiration that you can fill in with your own functionalities.\n--\u003e\n![](nuget.png)\n# Plugin.Maui.PoppedContentView\n\n`Plugin.Maui.PoppedContentView` is a simple control / service for presenting popup content in .NET MAUI apps.\n\n![poppedcontentview](https://github.com/Redth/Plugin.Maui.PoppedContentView/assets/271950/668398c6-505e-4b9c-9094-9a54be0d5fe9)\n\n\n## Install Plugin\n\n[![NuGet](https://img.shields.io/nuget/v/Plugin.Maui.PoppedContentView.svg?label=NuGet)](https://www.nuget.org/packages/Plugin.Maui.PoppedContentView/)\n\nAvailable on [NuGet](http://www.nuget.org/packages/Plugin.Maui.PoppedContentView).\n\nInstall with the dotnet CLI: `dotnet add package Plugin.Maui.PoppedContentView`, or through the NuGet Package Manager in Visual Studio.\n\n## Setup\n\nIn your _MauiProgram.cs_ file, call the `builder.UsePopped()` method on your builder to configure the plugin.\n\nIn your app you can inject the `IPoppedNavigationService` as normally, or get it from the service provider manually, eg:\n\n```csharp\nthis.Handler.MauiContext.Services.GetService\u003cIPoppedNavigationService\u003e();\n```\n\n## Usage\n\nOnce you have an instance of the service, you can show popups:\n\n```csharp\nawait poppedNavService.ShowAsync(this.Window, new SimplePoppedView());\n```\n\nThe first argument is an `IWindow` which should be the window you would like to present the popup within.  The second argument is an `IPoppedContentView`.  The easiest way to create this is to make a new control which subclasses the `PoppedContentView` implementation, eg:\n\n```xaml\n\u003c?xml version=\"1.0\" encoding=\"utf-8\" ?\u003e\n\u003cpopped:PoppedContentView xmlns=\"http://schemas.microsoft.com/dotnet/2021/maui\"\n    xmlns:x=\"http://schemas.microsoft.com/winfx/2009/xaml\"\n    xmlns:popped=\"clr-namespace:Maui.Popped;assembly=Plugin.Maui.PoppedContentView\"\n    x:Class=\"Sample.SimplePoppedView\"\u003e\n    \u003cGrid VerticalOptions=\"End\"\u003e\n\n        \u003cBorder VerticalOptions=\"End\" Background=\"Red\" StrokeShape=\"{RoundRectangle CornerRadius=18}\" Padding=\"20\" Margin=\"20\"\u003e\n            \u003cLabel \n                Text=\"Welcome to .NET MAUI!\"\n                VerticalOptions=\"Center\" \n                HorizontalOptions=\"Center\" /\u003e\n        \u003c/Border\u003e\n    \u003c/Grid\u003e\n\u003c/popped:PoppedContentView\u003e\n```\n\nThe `PoppedContentView` is just a subclass of `ContentView` which implements a couple more methods such as `PoppingInAsync()` and `PoppingOutAsync()`.\n\n## Closing \n\nThere's no built in mechanism for closing when the background of the popup is tapped.  You can wire this up yourself with a Tap gesture recognizer on your view(s) and then calling the `HideAsync(IPoppedContentView)` method.\n\n## Animations\n\nCurrently there is no built-in animations.  You can however accomplish them using the MAUI animation API's from within the `PoppingInAsync()` and `PoppingOutAsync()` methods (the sample shows how to do this).\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredth%2Fplugin.maui.poppedcontentview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fredth%2Fplugin.maui.poppedcontentview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredth%2Fplugin.maui.poppedcontentview/lists"}