Delpin Susai Raj Friday 11 May 2018

Xamarin.Forms - Custom Popup

In this blog, you will learn how to create a custom popup 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 are the most easily done tasks using native file APIs on each platform. Alternatively, embedded resources are also a simpler solution to distribute the data files with an app.

Prerequisites
  • Visual Studio 2017(Windows or Mac)
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  Cross-platform App project under Visual C#-->Cross-platform in the New Project dialog.



Now Select the Blank App and Choose Portable Class Library(PCL).



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



Setting up the User Interface.

Go to MainPage.Xaml and write the following code.



MainPage.Xaml



In this step, Create a custom popup using contentview.

Write the following code for popup



Popup - Loading

Now, wirte the button click event to show popup.

MainPage.Xaml.cs



Popup - Login



   
Popup - ListView







Popup - ImageView





Full Code - MainPage.Xaml



Full Code - MainPage.Xaml.cs




Click the Play button to try it out.



I hope you have understood how to create a custom popup in xamarin.forms.

Thanks for reading. Please share comments and feedback.

2 comments: