Posts

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. Please, support my blog by clicking on our sponsors ad! 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" Vertical...

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 ...

Profile UI Design - 2

Image
User Profile page is a way to know each other and it is most important page for social app. It show the personality of that person. when any one looking for someone on social app, first will review profile page. Below page will be use in social app. Lets see code. <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:pancake="clr-namespace:Xamarin.Forms.PancakeView;assembly=Xamarin.Forms.PancakeView" xmlns:control="clr-namespace:MyProfileUIDesigns.Controls" x:Class="MyProfileUIDesigns.Views.Design2" Shell.NavBarIsVisible="False"> <ContentPage.Content> <Grid HorizontalOptions="FillAndExpand" RowSpacing="0" VerticalOptions="FillAndExpand"> <Grid.RowDefinitions> <RowDefinition Height="300"...

Profile UI Designs - 1

Image
User Profile page is a way to know each other and it is most important page for social app. It show the personality of that person. when any one looking for someone on social app, first will review profile page. Below page will be use for tracking an object. Let see the xaml code: <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="MyProfileUIDesigns.Views.Design1" xmlns:pancake="clr-namespace:Xamarin.Forms.PancakeView;assembly=Xamarin.Forms.PancakeView" xmlns:control="clr-namespace:MyProfileUIDesigns.Controls" Shell.NavBarIsVisible="False" NavigationPage.HasNavigationBar="False"> <ContentPage.Content> <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"> <Grid.RowDefinitions> <R...

Different Type of Transition Effect in Xamarin Form

Image
  Transition Effect in xamarin form Animation Animation is a method in which figure is manipulated to appear as moving object. Today we will get to know following method: TranslateTo It will move object from one position to another FadeTo It will fade object ScaleTo It will expand the size of the object RotateTo It will rotate the object I have explain in short, for more information please read here FrameView.xaml <ContentView xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="PageEffectUIDesigns.Control.FrameView"> <ContentView.Content> <StackLayout Padding="0"> <Frame x:Name="frame" HasShadow="True" CornerRadius="20" HeightRequest="90" Padding="0"> <StackLayout x:Name="sl" HorizontalOptions="FillAndExpand" VerticalOptio...