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

  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 {

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

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

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

  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

 Hello Friends, I hope you are fine, Today I have come with navigation page with animation. What is Animation? Animation is a method in which figure are manipulated to appear as moving images. There are huge scope of animation in IT industry. So we will start with very small part of animation. In this animation we are using TranslateTo effect. It will move figure from one position to another. Below is the image, How UI looks. Below is video which show animation: There are two page: Page1: Page2: Let start with code: Page1.xaml <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="NavigateUIDesign.Views.Page1" NavigationPage.HasNavigationBar="False" Shell.NavBarIsVisible="False" BackgroundColor="White"> <ContentPage.Content> <Grid HorizontalOptions="FillAndExpand&