Posts

Welcome Page using xamarin form

Image
Welcome page will introduce your app. This page occurs as first page of application There are three designs. Lets see one by one.   .xaml code <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="LoginUIDesigns.Views.Welcome.Design1" Shell.NavBarIsVisible="False" NavigationPage.HasNavigationBar="False" BackgroundColor="#1C375C"> <ContentPage.Content> <Grid VerticalOptions="FillAndExpand" HorizontalOptions="StartAndExpand" Padding="0"> <Grid.RowDefinitions> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="*"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> <

.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 .net CLI Slim rendere

Login UI Designs - Xamarin Form

Image
 Login Designs Login UI Designs - Xamarin Form .xaml code <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="LoginUIDesigns.Views.Login.Design4" Shell.NavBarIsVisible="False"> <ContentPage.Content> <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" RowSpacing="0" Padding="20,50,20,0"> <Grid.RowDefinitions> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="100"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition>

Login Page UI Design

Image
Three Login page Designs Login page is the most important part of the any application(mobile, web, window). It take credential from user and check whether this user is registered or not, what credential does he have. It should be very simple with no overloaded information and also easy to use. Today we are going to learn three different designs of login.  .xaml code <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="LoginUIDesigns.Views.Login.Design1" Shell.NavBarIsVisible="False" NavigationPage.HasNavigationBar="False" BackgroundColor="#1C375C" xmlns:fontawesome="clr-namespace:LoginUIDesigns.Models"> <ContentPage.Content> <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" > <Grid.Ro

Online Shopping Home UI Design - 3

Image
   Home page for Online Shopping app  Online shopping which allow to sell/buy product over the internet in the world. Customer are searching product of their interest and pay for it. Home page will show the product available, will help customer to find there needs. If your home page is design correct then it will attract many customer. Each home page is describe is different blog. click on below link to visit desire Designs. First Home Page Second Home Page Third Home Page There are three design, Let start with 3rd design other will explain in other blog. CategoryModel.cs public class CategoryModel { public List<Category> GetCategories() { List<Category> list = new List<Category>(); list.Add(new Category { Name = "Indian Wear" }); list.Add(new Category { Name = "Western Wear" }); list.Add(new Category { Name = "Indo Western Wear" }); list.Add(new Category

Online Shopping Home UI Design - 2

Image
  Home page for Online Shopping app  Online shopping which allow to sell/buy product over the internet in the world. Customer are searching product of their interest and pay for it. Home page will show the product available, will help customer to find there needs. If your home page is design correct then it will attract many customer. Each home page is describe is different blog. click on below link to visit desire Designs. First Home Page Second Home Page Third Home Page There are three design, Let start with 2nd design other will explain in other blog. CategoryModel.cs public class CategoryModel { public List<Category> GetCategories() { List<Category> list = new List<Category>(); list.Add(new Category { Name = "Indian Wear" }); list.Add(new Category { Name = "Western Wear" }); list.Add(new Category { Name = "Indo Western Wear" }); list.Add(new Category {

Online Shopping Home UI Design - 1

Image
Home page for Online Shopping app  Online shopping which allow to sell/buy product over the internet in the world. Customer are searching product of their interest and pay for it. Home page will show the product available, will help customer to find there needs. If your home page is design correct then it will attract many customer. Each home page is describe is different blog. click on below link to visit desire Designs. First Home Page Second Home Page Third Home Page There are three design, Let start with 1st design other will explain in other blog. CategoryModel.cs public class CategoryModel { public List<Category> GetCategories() { List<Category> list = new List<Category>(); list.Add(new Category { Name = "Indian Wear" }); list.Add(new Category { Name = "Western Wear" }); list.Add(new Category { Name = "Indo Western Wear" }); list.Add(new Category