Posts

Showing posts with the label .net maui

Create PopUp in .Net MAUI

Image
Popup in .net Maui Please, support my blog by clicking on our sponsors ad! Popups are an integral part of user interface design, allowing developers to convey information and interact with users in a more engaging manner. In .NET MAUI, there are three main types of popups available: DisplayAlert, DisplayPrompt, and Plugin.Maui.Popup. In this blog post, we will dive into each of these popup types, explore their functionalities, and provide code examples to demonstrate their usage. DisplayAlert: Simple and Informative Popups DisplayAlert is a built-in feature in .NET MAUI that provides a straightforward way to display alert popups to users. These popups typically present important messages, notifications, or warnings that require user acknowledgement. Here's an example of how to use DisplayAlert in your .NET MAUI application: DisplayAlert("Display Alert", "Welcome to DotNet Maui", "OK","Cancel",FlowDirection.RightToLeft); In the co...

Animation in .net MAUI

Image
 Animation will add more good looking UI of the mobile application. Let's see how to add animation using lottie file. Lottie is a mobile library for andriod and IOS that prases Adobe After Effects animations exported as JSON. Lottie Animation in .NetMaui You can go through the lottie website. This lottie provide pently of cool animation and also you can create own animation. Please, support my blog by clicking on our sponsors ad! Let's get started First add install "SkiaSharp.Extended.UI.MAUI" in your project using nugget manager. This nugget is prerelease so please check "Include Prerelease". Lottie animation in .net Maui Next step is to Bootstrap Skiasharp plugin in MAUIProgram file and add UseSkiaSharp() to the app builder.  Below is the code: public static class MauiProgram { public static MauiApp CreateMauiApp() { var builder = MauiApp.CreateBuilder(); builder ...

XAML Files

Image
 XAML stands for E x tensible A pplication M arkup L anguage. When project is created you can see the maui project structure In this project, there are xaml file(App.xaml,AppShell.xaml,MainPage.xaml) each of this page support xaml language and when you expand it, each will have associated cs file.      In each contentpage of Maui Project, you observe some code at starting of the page xmlns is used for binding namespace. "http://schemas.microsoft.com/dotnet/2021/maui" is an namespace which is version identifier which contain certain information If you remove this line then it will throw error. blue lines says that there is an error. this is because namespace has been removed  The xmlns:x attribute indicates an additional XAML namespace, which maps the XAML language namespace.It define some xaml element. Using x we can use some element like x:class,x:name etc. x:class define the name of the class the use in code behind. Hope this is helpful to you. please ...

Introduction to .NET MAUI: Building Cross-Platform Applications with .NET and C#

Image
 .NET MAUI stands for .NET Multi-platform App UI, which is a UI framework that allows developers to create cross-platform applications for iOS, Android, Windows, and macOS using .NET and C# programming language. It is an evolution of the Xamarin.Forms framework and is built on top of .NET 6 Introduction: In today's world, businesses need to create applications that run on multiple platforms to reach a wider audience. However, building applications for different platforms can be a time-consuming and complicated process. This is where .NET MAUI comes in. .NET MAUI allows developers to create cross-platform applications for iOS, Android, Windows, and macOS using .NET and C# programming language. What is .NET MAUI? .NET MAUI is a UI framework that enables developers to create cross-platform applications using a single codebase. It is built on top of .NET 6 and is an evolution of the Xamarin.Forms framework. With .NET MAUI, developers can create native applications that run on multiple ...

.NET MAUI Handler

Image
  Before learning.net maui handler you should know about .Net MAUI . Please, support my blog by clicking on our sponsors ad! This is explain in this video In xamarin forms, we are using renderer to customize the controls, this renderers are code in all project to update the property, but now .net MAUI has come with single project so it is providing handler to customize the control, so we are using handler instead of renderer in .net maui. What is Handler and Mappers? Mappers Mappers are a key concept in .NET MAUI handlers, usually providing a property mapper and sometimes a command mapper, which maps the cross-platform control’s API to the native view’s API. This mappers used dictionary to store the data. Handler It is a concept of maping cross platform control to native controls. Each control has an interface, each control that implement interface is called virtual views. Handler map this virtual views to control of each platform control which is known as native v...

What is .Net MAUI?

Image
  watch video to understand. Please, support my blog by clicking on our sponsors ad! Let's learn have some basic knowledge about .NET MAUI. Today we look for following: What is .Net MAUI? Difference between Xamarin and .Net MAUI Why Xamarin Obsolete? How to install .Net MAUI? What is .Net MAUI? .Net Maui is a evolution of xamarin forms with better performance and extensibility .Net MAUI is a cross platform framework where you are allow to create mobile apps (IOS,android,window) and also window app and MacOS with single codebase with c# and xaml. It will share UI layout, Code, Test, Buisiness logic. .Net MAUI support Hot reload which allow you to modify source code while app is running. Difference between Xamarin and .Net MAUI? You will notice that there will many similarity in xamarin and .net MAUI like controls,layout,shell,guesture,template,cross platform api. .Net maui is faster than xamarin  .Net maui allow you to develop andoid,ios,macos and win...

Maps in .NET MAUI

Image
  Please, support my blog by clicking on our sponsors ad! .NET MAUI in .NET 7 Release Candidate 1 release on september 20, 2022 .Net MAUI provide map control with the nugget " Microsoft . Maui . Controls . Maps ". his control is ideal for displaying and annotating maps using the native maps from each mobile platform. You can draw shapes on the map, drop pins, add custom pins, and even geocode street addresses, latitude, and longitude. To use the map control, add the NuGet package and initialize the control in your MauiProgram. To initialize the control, add  . UseMauiMaps ()  in your  MauiProgram  builder and then add the  Map  control to your view. <Map x:Name = "map" /> protected override void OnNavigatedTo(NavigatedToEventArgs args) { base.OnNavigatedTo(args); var hanaLoc = new Location(20.7557, -155.9880); MapSpan mapSpan = MapSpan.FromCenterAndRadius(hanaLoc, Distance.FromKilometers(3)); map.MoveToReg...

.NET MAUI Multi Platform App UI

Image
.NET MAUI Multi Platform App UI Topic we are going to cover: Introduction to .NET MAUI Multi Platform APP UI Advantage of .NET MAUI OS Requirement Supported Platforms  Introduction to .NET MAUI Multi Platform APP UI .NET MAUI Multi Platform APP UI also called .NET MAUI. Currently we are able to create native app on mobile using single code in Xamarin forms, But we can able to create native android, IOS, macos window app using single code with the new feature called .NET MAUI. .NET MAUI Multi Platform APP UI Source: Microsoft .NET MAUI is the open source cross platform framework. It is an evolution of Xamarin.Forms which extended from mobile to desktop application. It is a next iteration of xamarin form, instead of there being xamarin form 6 we are getting .NET MAUI It will be integrated in .NET 6. This app can be written in xaml and c#. There are many similarities between Xamarin forms and .NET MAUI Advantage of .NET MAUI Single development project experience with .n...