Posts

Showing posts with the label #xamarindeveloper

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

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

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"&g