Posts

Showing posts with the label #Navigation #xamarin

Find out how to implement appshell in xamarin forms

Image
Xamarin.Forms 4.0 introduced the amazing feature called Xamarins.Forms Shell. It has reduced complexity of creating mobile apps. Please, support my blog by clicking on our sponsors ad! It is used for Navigation,URI base routing, integrated search handling. Before Appshell there was independent feature: MasterDetailPage TabbedPage NavigationPage but Appshell has combine this and make easy creating apps. > You can add xaml file in your project and named it as AppShell.xaml and Update it like below code: AppShell.Xaml <?xml version="1.0" encoding="utf-8" ?> <Shell xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="XamarinCourse.AppShell"> </Shell> AppShell.Xaml.cs public partial class AppShell : Shell { public AppShell() { InitializeComponent(); } } You can call this class

Navigate your page with animation

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