Delpin Susai Raj Saturday 16 December 2017

Xamariin.Forms- Border Shadow Effects Using Frame

In this article you will learn how to use Border Shadow Effects in your controls in Xamarin 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.

Frame

1.HasShadow.        = true or false, to indicate whether to show a shadow effect where the platform supports it.

2 .OutlineColor = A color specification, with or without the prefix, "Color". For example, "Color.Red" and "Red" both specify the color red.





Prerequisites
  • Visual Studio 2017(Windows or Mac)
The steps given below are required to be followed in order to use Border Shadow effect in your controls in Xamarin.Forms, using Visual Studio.

Step 1

Go to Visual Studio for Mac.

Click New Solution—> select Multiplatform—>select App--> choose Blank Forms App. Afterwards, click Next.



Step 2

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



Step 3


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


Step 4

Subsequently, go to the solution. In there, you get all the files and sources of your project. Now, select Xaml Page and double-click to open the MainPage.Xaml page.


Step 5

In this step, Create a Label Without any borders effect.

MainPage.xaml






Frame 

Now, Add the Frame control to your label.

MainPage.xaml





Step 6

In this step, Added the frame control to Button.

MainPage.xaml





Step 7

In this step, Added the  Listview Without Border Shadow Effect in Listview Item.


MainPage.xaml



Now, Change OutlineColor of Frame.


MainPage.xaml



You can see the Wonderful Border shadow Effect in your Controls.



Summary

This was the process of how to use Border Shadow effect in your controls in Xamarin.Forms.

Thanks For Reading.

Please share comments and feedback.

2 comments:

  1. Thanks for sharing this informative content , Great work
    Leanpitch provides online training in ICP CAT during this lockdown period everyone can use it wisely.
    ICP-CAT certification

    ReplyDelete
  2. Thanks for sharing this.,
    Leanpitch provides online training in Scrum Master during this lockdown period everyone can use it wisely.
    Join Leanpitch 2 Days CSM Certification Workshop in different cities.

    agile scrum master certification

    ReplyDelete