Creating A Switch In Xamarin Android App Using Visual Studio 2015

Delpin Susai Raj
8y
6.2k
0
0

Article

Introduction

Xamarin is a platform for developing cross-platform and multi-platform apps (Ex. Windows phone, Android, iOS). In Xamarin platform, code sharing concept is used. The Xamarin Studio is available in Visual Studio also.

The Switch is used to change a setting between two states (ON and OFF).

Prerequisites

Visual Studio 2015 update 3

The following steps are needed to be followed in order to create a Switch in Xamarin Android app, using Visual Studio 2015.

Step 1

Click File--> New--> Project, or click (Ctrl+Shift+N) to open the list of different project types.

Xamarin

Step 2

Select Installed -->Templates -->Visual C# --> Android -->choose Blank App (Android).

Next, give your Android app a name (Ex:sample) and give path of your project. Click OK.

Xamarin

Step 3

Now, go to the Solution Explorer, select Resource-->Layout--> double click to open Main.axml page. You can either select designer or source to design your application's homepage.

Step 4

In the main page designer, delete the default "Hello World" button. Go to the source panel and remove the button coding.

Xamarin

Now, delete the C# button action code from MainActivity.cs page.

Step 5

Next, go to the toolbox window and scroll down. Drag and drop the Switch on the page, wherever you want.

Xamarin

Step 6

Next, go to the properties window and edit the Switch Text, Id and checked properties values.

(Ex: android:text="Are you love Xamarin...?" android:id="@+id/monitored_switch" android:checked="true").

Step 7

In this step, edit the Switch textOn and textOff value (Ex: android:textOn="On" android:textOff="Off" ).

Xamarin

Step 8

In this step, you will see the Main.axml page source panel. Note the id value.

Main.axml

<Switch
android:text="Are you love Xamarin...?"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:checked="true"
android:textOn="YES"
android:textOff="NO"
android:id="@+id/monitored_switch" />

Step 9

Next, go to MainActivity.cs page and write the following code between the OnCreate() Method.

MainActivity.cs

protected override void OnCreate(Bundle bundle)
{
base.OnCreate(bundle);
// Set our view from the "main" layout resource
SetContentView(Resource.Layout.Main);
Switch s = FindViewById < Switch > (Resource.Id.monitored_switch);
s.CheckedChange += delegate(object sender, CompoundButton.CheckedChangeEventArgs e)
{
var toast = Toast.MakeText(this, "I Love Xamarin !" +
(e.IsChecked ? "Yes" : " No"), ToastLength.Short);
toast.Show();
}
}

Step 10

If you have Android Virtual device, run the app on it. Else, connect your Android phone and run the app in that.

Simply, connect your phone and go to Visual Studio.

The connected phone will show up in the Run menu (Ex:LENOVO A6020a40(Android 5.1-API 22)). Click the Run option.

Xamarin