Xamariin.Forms- Bottom NavigationBar

In this article you will learn how to Create a Bottom NavigationBar in Xamarin forms. 

Introduction

Managing the page navigation experience

Xamarin.Forms provides a number of different page navigation experiences, depending upon the Page type being used .More


Navigating between pages using tabs

The Xamarin.Forms TabbedPage consists of a list of tabs and a larger detail area, with each tab loading content into the detail area. This article demonstrates how to use a TabbedPage to navigate through a collection of pages.

Prerequisites

• Visual Studio 2017(Windows or Mac)

The steps given below are required to be followed in order to Create a Bottom NavigationBar in Xamarin.Forms, using Visual Studio.

Setting up a Xamarin.Forms Project

Start by creating a new Xamarin.Forms project.  you’ll learn more by going through the steps yourself.

Choose the Xamarin.Forms App Project type under Cross-platform/App in the New Project dialog.

Name your app, select “Use Portable Class Library” for shared code, and target both Android and iOS.

You probably want your project and solution to use the same name as your app. Put it in your preferred folder for projects and click Create.

You now have a basic Xamarin.Forms app. Click the play button to try it out.

Add Icons

Go to Solution—>PCL—>Right click—>Add Files

After added images Set BuildAction EmbddedResource

Setting up the User Interface. 

Go MainPage.Xaml and write following code.

MainPage.Xaml

In this step Write common Design For Bottom NavigationBar

App.Xaml

Now, Set the Icons for Bottom NavigationBar control.

MainPage.Xaml.cs

Adding a Tap Gesture Recognizer

The tap gesture is used for tap detection and is implemented with the TapGestureRecognizer class

In this Step Write Action for NavigationBar Control Using Tap Gesture Recognizer

MainPage.Xaml.cs

In this step, Set Default Backgroundcolor to all Tap Control.

MainPage.Xaml.cs.

Click the play button to try it out.

I hope you will understand how to Create a Bottom NavigationBar.

Summary

This was the process of how to Create a Bottom NavigationBar in Xamarin.Forms.

Thanks For Reading.

Please share comments and feedback.

Xamariin.Forms- Working With Directory Using DependencyService

In this article you will learn how to Create a Directory , Rename Directory and Delete using DependencyService in Xamarin forms. 

Introduction

Xamarin.Forms code runs on multiple platforms - each of which has its own filesystem. This means that reading and writing files is most easily done using the native file APIs on each platform. Alternatively, embedded resources are a simpler solution to distribute data files with an app.

User-writable-storage can be implemented natively and then accessed using the DependencyService .

DependencyService

DependencyService allows apps to call into platform-specific functionality from shared code. This functionality enables Xamarin.Forms apps to do anything that a native app can do.

DependencyService is a dependency resolver. In practice, an interface is defined and DependencyService finds the correct implementation of that interface from the various platform projects.


Xamarin.Forms apps need three components to use DependencyService:

• Interface – The required functionality is defined by an interface in shared code.
• Implementation Per Platform – Classes that implement the interface must be added to each platform project.
• Registration – Each implementing class must be registered with DependencyService via a metadata attribute. Registration enables DependencyService to find the implementing class and supply it in place of the interface at run time.
• Call to DependencyService – Shared code needs to explicitly call DependencyService to ask for implementations of the interface.

Following Topic Covered.

1.Create Directory 
2.Rename Directory 
3.Delete Directory

Related Post: Xamarin.Forms - Working With Files Using DependencyService

Prerequisites

• Visual Studio 2017(Windows or Mac)

The steps given below are required to be followed in order to Create a Directory , Rename Directory and Delete using DependencyService in Xamarin.Forms, using Visual Studio.

Setting up a Xamarin.Forms Project


Start by creating a new Xamarin.Forms project.  you’ll learn more by going through the steps yourself.

Choose the Xamarin.Forms App Project type under Cross-platform/App in the New Project dialog.

Name your app, select “Use Portable Class Library” for shared code, and target both Android and iOS.

You probably want your project and solution to use the same name as your app. Put it in your preferred folder for projects and click Create.

You now have a basic Xamarin.Forms app. Click the play button to try it out.

Creating Interface

Create a interface in Xamarin.Forms PCL

Go to Solution—>PCL—>Right click—>New—>Empty Class—>IDirectory.cs

Now, Write the following code.

IDirectory.cs

Implementation per Platform

iOS Implementation

Go to Solution—>iOS—>Right click—>New—>Empty Class—> DirectoryHelper.cs

Now, Write the following code given below.

DirectoryHelper.cs

Android Implementation

Go to Solution—>Droid—>Right click—>New—>Empty Class—> DirectoryHelper.cs

Now, Write the following code given below.

DirectoryHelper.cs

Setting up the User Interface. 

Go MainPage.Xaml and write following code.

MainPage.Xaml

Call to DependencyService

In this step Call to DependencyService for your PCL.

Click the play button to try it out.

I hope you will understand how to Create Directory , Rename Directory and Delete a file using use DependencyService.


Summary

This was the process of how to reate Directory , Rename Directory and Delete using DependencyService in Xamarin.Forms.

Thanks For Reading.

Please share comments and feedback.

Xamariin.Forms- Working With Files Using DependencyService

In this article you will learn how to Create a file using DependencyService in Xamarin forms. 

Introduction

Xamarin.Forms code runs on multiple platforms - each of which has its own filesystem. This means that reading and writing files is most easily done using the native file APIs on each platform. Alternatively, embedded resources are a simpler solution to distribute data files with an app.

User-writable-storage can be implemented natively and then accessed using the DependencyService .

DependencyService

DependencyService allows apps to call into platform-specific functionality from shared code. This functionality enables Xamarin.Forms apps to do anything that a native app can do.

DependencyService is a dependency resolver. In practice, an interface is defined and DependencyService finds the correct implementation of that interface from the various platform projects.


Xamarin.Forms apps need three components to use DependencyService:

1. Interface – The required functionality is defined by an interface in shared code.
2. Implementation Per Platform – Classes that implement the interface must be added to each platform project.
3. Registration – Each implementing class must be registered with DependencyService via a metadata attribute. Registration enables DependencyService to find the implementing class and supply it in place of the interface at run time.
4. Call to DependencyService – Shared code needs to explicitly call DependencyService to ask for implementations of the interface.

The Following Image Explain DependencyService

Prerequisites

• Visual Studio 2017(Windows or Mac)

The steps given below are required to be followed in order to Create a file using DependencyService in Xamarin.Forms, using Visual Studio.


Setting up a Xamarin.Forms Project


Start by creating a new Xamarin.Forms project. you’ll learn more by going through the steps yourself.

Choose the Xamarin.Forms App Project type under Cross-platform/App in the New Project dialog.

Name your app, select “Use Portable Class Library” for shared code, and target both Android and iOS.

You probably want your project and solution to use the same name as your app. Put it in your preferred folder for projects and click Create.

You now have a basic Xamarin.Forms app. Click the play button to try it out.

Creating Interface

Create a interface in Xamarin.Forms PCL

Go to Solution—>PCL—>Right click—>New—>Empty Class—>IFileReadWrite.cs

Now, Write the following code.


IFileReadWrite.cs

Implementation per Platform


Android Implementation

Go to Solution—>Droid—>Right click—>New—>Empty Class—>FileHelper.cs

Now, Write the following code given below.

FileHelper.cs

iOS Implementation

Go to Solution—>iOS—>Right click—>New—>Empty Class—>FileHelper.cs

Now, Write the following code given below.

FileHelper.cs

Setting up the User Interface.

Go MainPage.Xaml and write following code.

MainPage.Xaml

Call to DependencyService

In this step Call to DependencyService for your PCL.

Click the play button to try it out.

I hope you will understand how to Create a file using use DependencyService.

Summary

This was the process of how to Create a file using DependencyService in Xamarin.Forms.

Thanks For Reading.

Please share comments and feedback.