Posts

Showing posts with the label #tutorial

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

Exploring Xamarin Forms: Enhancing Your App's UI with Images

Image
In Xamarin.Forms, the Image control is used to display an image in your application's user interface. The Image control can display images from a variety of sources, including resources, files, and URLs. The Image control supports several properties that can be used to control the way the image is displayed, such as Aspect, HeightRequest, and WidthRequest. You can also use data binding to dynamically set the Source property of the Image control. Please, support my blog by clicking on our sponsors ad! Please watch the video to understand image briefly Here's an example of how to use the Image control in your Xamarin.Forms application: Add the Image control to your XAML page: <Image Source="myImage.png" /> Set the Source property of the Image control to the path of the image you want to display. You can use a local file path or a URL: // Local file path <Image Source = "myImage.png" /> // URL <Image S

Map in xamarin form

Image
  Maps in xamarin forms Please, support my blog by clicking on our sponsors ad! First Add Nugget in all projects Xamarin.Forms.Map Lets Configure in IOS project to show map in iphone  In AppDelegate.cs file, Initialize the map below "global::Xamarin.Forms.Forms.Init();" line in "FinishedLaunching" method FormsMaps.Init(); Add following key in info.plist for permission <key>NSLocationWhenInUseUsageDescription </key> <string>Allow map to access to your location while you use the app.</string> <key>NSLocationAlwaysAndWhenInUseUsageDescription</key> <string>Always Allow map to access to your location</string> <key>NSLocationUsageDescription</key> <string>We would like to show you a map</string> <key>NSLocationAlwaysUsageDescription</key> <string>We would like to show you a map</string> Now Let's configure for android proj

Part 8 - Absolute Layout in Xamarin form

Image
 Absolute layout is used to position and size children using explicit values. The position is specified by the upper-left corner of the child relative to the upper-left corner of the AbsoluteLayout, in device independent units.Absolute Layout also implement proportional positioning and sizing feature. Please, support my blog by clicking on our sponsors ad! The Absolute Layout has two properties: LayoutBounds LayoutFlags Layout Bounds The default value is (0,0,Autosize,Autosize). The Parameter is as X,Y,Width,Height. LayoutFlags The default value of this property is AbsoluteLayoutFlags.None. This property indicates that the position and size are interpreted proportionally. Proportional values are from 0-1. 0 indicates 0% and 1 indicates 100%. If you want to use 50% then value will be 0.5 Values are as follow: None This is default value. this is autosize/fixed value. XProportional Indicates that what percentage X of parent should use, while other are absolute values YPropor

Xamarin Tutorial Part 5 - Grid in xaml

Image
In Previous blog  we learn syntax of grid, we will go through example of grid in xaml. Grid code in xamarin form in xaml Please, support my blog by clicking on our sponsors ad! Grid code for above design <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="GridExample.MainPage"> <Grid RowDefinitions="Auto,Auto,Auto,Auto,Auto,*" ColumnDefinitions="Auto,Auto,Auto,Auto,*"> <BoxView BackgroundColor="Black" Grid.Row="0" Grid.Column="0"></BoxView> <BoxView BackgroundColor="Gray" Grid.Row="1" Grid.Column="0"></BoxView> <BoxView BackgroundColor="Green" Grid.Row="2" Grid.Column="0" ></BoxView> <BoxView BackgroundColor="Yellow" Grid.Row="3" Grid.C

Xamarin Tutorial Part -3 (How to add control)

Image
Please, support my blog by clicking on our sponsors ad!  Let's learn how to add control in XAML and code In below code, contentpage is content " [ Xamarin.Forms.ContentProperty( "Content" ) ]".  This is a page which display single view. It means that it will hold only one control. The code will be as follow: <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="LoginUIDesigns.Views.Login.MyFirstPage"> <ContentPage.Content> <Label Text="Welcome to Xamarin.Forms!" TextColor="Black" VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand" /> </ContentPage.Content> </ContentPage> Let see how we can write this code in code behind file. public partial class MyFirstPage : ContentPage {

Xamarin Tutorial Part - 2 (Create your first project.)

Image
How to create first xamarin form application?   Please, support my blog by clicking on our sponsors ad! Follow step to create xamarin aaplication. (I am using visual studio 2019) Explain in this video 1) Click on create a new project option 2) Select Mobile App (Xamarin.Forms) then click on next button. 3) Give Project name for your application, then select location, then click on create button 4) Select Template, then click on create button. There are three templated: Flyout In this template, there will be hamburger menu, when you click on it, menu will open from left side Tabbed In this template, there will tab in bottom of the application. Blank It will be bank project After clicking on create button, your solution will be created with three project Main Project Xamarin.Android project Xamarin.IOS Project These three are the architecture of the xamarin. Difference between Emulator and Simulator? Emulator: Android virtual device Simulator: IOS virtual device Emulator? I

Xamarin Tutorial Part 1

Image
  Please, support my blog by clicking on our sponsors ad! Xamarin is company started in 2011 who build the software. It is a framework to develop the mobile application using single code. With single code, application build in three platform (Android, IOS, Windows). Most of the platforms are used is android and ios. Please go through this video It support three language c#, f#, vb.net, but most of the developer preferred c#. Xamairn use XAML (Extensible markup language) for visual appearence. Xaml help to design beautiful UI by providing the information like what control to place and where to locate and how to locate. The responsibility of xaml is to create to place the control with proper location. for every xaml, there is c# page. this c# page is a class which define behaviour of the page for example what to perform action when button is clicked, to provide data to UI page, etc. Architecture The architecture of the xamarin projects are Xamarin Main project Xamarin.Android Xamar

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 window a

How do I create a UI dashboard For School App? Xamarin Forms makes it easy to create an app that can target Android, iOS, and Windows.

Image
How do I create a UI dashboard? Please, support my blog by clicking on our sponsors ad! There are also available for another design for School APP. Links are as follow: https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-fees-gallery-profile.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form_10.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form_4.html Fontawesome: https://xamarinuidesigns.blogspot.com/2022/02/create-font-awesome-icon-in-xamarin-form.html  Please watch this video  to understand code. First we will create Template. ImageButton.xaml <ContentView xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="SchoolUIDesigns.Control.ImageButton"> <Conten