Delpin Susai Raj Tuesday 31 October 2017

Check Internet Connectivity in Xamarin iOS

In this article, you will learn how to Check Internet Connectivity in Xamarin iOS, using Xamarin Studio.


Introduction

Xamarin is a platform to develop cross-platform and multi-platform apps (for example, Windows Phone, Android, iOS). In Xamarin platform, the code sharing concept is used. In Xamarin Studio, Visual Studio is also available.


Browse Code Here.



Two Ways To check Internet Connectivity
  1. Xam.Plugin.Connectivity Plugin 
  2. Reachability
Prerequisites
  • Xamarin Studio.
  • Xcode.
The steps given below are required to be followed in order to Check Internet Connectivity in Xamarin iOS, using Xamarin Studio.


Step 1

Go To Xamarin Studio.
Click New Solution—> select iOS—>select App--> Choose single View App. Afterwards, click Next.



Step 2

In this step, configure your app. Give the app name (Ex: sample), Organization Identifier. Afterwards, click Next.


Step 3

In this step, give your project name (Ex: Sample) and solution name (Ex: Sample). Give the path of your project. Afterwards, click Create.


Step 4

Subsequently, go to the solution. In the solution, get all the files and sources in your project. Now, select Main.storyboard and double-click to open Main.storyboard page.


Step 5

After opening the Main.storyboard, you can design this page, as per your desire.

Step 6

In this step design your app.using storyboard and Toolbox.
  1. Button(btnCreateDB)
  2. Label(lblStatus)
  3. Label(lblCheck)

Step 7

In this step add one Package in your project.
  • Connectivity Plugin for Xamarin and Windows.
Go to Solution Explorer—>Package—>Add Package.

Now ChooseConnectivity Plugin for Xamarin and Windows and select Version. Afterwards, click Add Package.




Step 8

In this step, go to the ViewController.cs page. write the code given below.

ViewController.cs




Step 9

Now, go to Run option, choose Debug and the list of iPhone and iPad simulators, which are available. You can choose any one simulator and run it.



Output

After a few seconds, the app will start running on your iPhone simulator.You will see your app working successfully.



You can click Check Button. The internet Connection will check two ways is successfully.

If network is unavailable.



Summary

This was the process of how to Check Internet Connectivity in Xamarin iOS, using Xamarin Studio.

Delpin Susai Raj Thursday 26 October 2017

Create an SignaturePad in Xamariin.Forms

Introduction

Xamarin is a platform to develop cross-platform and multi-platform apps (for example, Windows Phone, Android, iOS).
In Xamarin platform, the code sharing concept is used. In Xamarin Studio, Visual Studio is also available.

Prerequisites
  • Visual Studio 2017
The steps given below are required to be followed in order to Create Signature Pad in Xamarin.Forms, using Visual Studio.

Step 1

Click File--> select New--> select Project. The project needs to be clicked after opening all the types of the projects in Visual Studio or click (Ctrl+Shift+N).

Step 2

After opening the New Project, select Installed-->Templates-->Visual C#-->Cross-Platform-->choose Cross-Platform App. Now, give your Xamarin from the app; a name (Ex: sample) and give the path of your project. Afterwards, click OK.


Step 3

Now, choose Blank App and select forms PCL(sharing). Afterwards, click OK.

Step 4

Now, Select Target version And Minimum version.for UWP.


Step 5

In this step, Add Signature Pad Nuget Package for your project.
  • Xamarin.Controls.SignaturePad.Forms
Go to Solution Explorer-->Select Your Solution-->Right click--Select Manage NuGet Packages for Solution.

Step 6

Now Select following Nuget Package. and Install it.
  • Xamarin.Controls.SignaturePad.Forms.

Step 7

In this step Read the Licence and agreement. select I Accept.

Step 8

In this step add signature pad control to your app.

Go to Solution Explorer-->Double click MainPage.xaml
After open this you can add signature pad control for your app.

Step 9

In this step add signature pad assembly to your project.

MainPage.xaml




Step 10

In this step, go to the MainPage.xaml page and write the code given below.

MainPage.xaml




Step 11

If you have Android Emulator, you can run it. If you don't have it, simply run UWP Local Machine.



Output

After a few seconds, the app will start running on your Android Emulator or Local machine

You can put a signature in your app. it will work successfully.



Summary

This was the process of how to Create a signature pad in Xamarin.Forms, using Visual Studio.

Please share comments and feedback.

Delpin Susai Raj Tuesday 3 October 2017

Display An Alert Dialog in Xamarin.Forms

In this article, you will learn how to Display An Alert Dialog in Xamarin.Forms, using Visual Studio.

Introduction

Xamarin is a platform to develop cross-platform and multi-platform apps (for example, Windows Phone, Android, iOS). In Xamarin platform, the code sharing concept is used. In Xamarin Studio, Visual Studio is also available.



Prerequisites
  • Visual Studio 2017.

The steps given below are required to be followed in order to Display An Alert Dialog in Xamarin.Forms, using Visual Studio.

Step 1

Click File--> select New--> select Project. The project needs to be clicked after opening all the types of the projects in Visual Studio or click (Ctrl+Shift+N).



Step 2

After opening the New Project, select Installed-->Templates-->Visual C#-->Cross-Platform-->choose Cross-Platform App. Now, give your Xamarin from app name (Ex: sample) and give the path of your project. Afterwards, click OK.



Step 3

Now, choose Blank App and select forms PCL(sharing). Afterwards, click OK.



Step 4

Now, go to Solution Explorer. In Solution Explorer, get all the files and source in your project. You can add Universal Windows Platform (UWP). In Reference, go to Solution Explorer-->Your Project-->UWP-->Reference-->Right Click --> Select Add reference.




Step 5

Now, you can select Universal Windows and select Extensions.Check.

  • Windows Desktop Extension for the UWP. version:10.0.1439
  • Windows Desktop Extension for the UWP. version:10.0.1058

Afterwards, click OK.



Step 6

In this step, add one Page, whose name is called MainPage.xaml. Go to Solution Explorer-->Your Project-->Portable-->Right click-->Add-->New Item (Ctrl+Shift+A).



Step 7

Now, select Forms XAML page and give the name (MainPage.xaml).



Step 8

In this step, go to the MainPage.xaml page and write the code given below.

MainPage.xaml




Step 9

In this step, go to the MainPage.xaml.cs page. Create Button_OnClicked method and write the code given below.

MainPage.xaml.cs



Step 10

In this step, go to App.cs page. Write the code, mentioned below between Public App() Method.

App.cs



Step 11

Now, you can run your app. Go to the Debug configuration Manager. Choose platform and check build and deploy option. Afterwards, click close.



Step 12

If you have Windows 10 Emulator, you can run it. If you don't have it, simply run Local Machine.



Output

After few seconds, the app will start running on your Windows 10 Emulator.You will see your app is work Successfully. Now you can click, Click Button.




You Will see the Alert Dialog Work Successfully.

Summary

This was the process of how to Display An Alert Dialog in Xamarin.Forms, using Visual Studio.

Please share your comments.