How To Change Background Colors Dynamically In Xamarin iOS App In Xamarin iOS

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
  • Xamarin Studio.
  • Xcode.
The steps given below are required to be followed in order to change the background colors dynamically in Xamarin iOS app, 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

Now, go to the toolbox Window. In the toolbox Window, get all the types of the tools and controls. You need to go to the toolbox Window. Now, scroll down and you will see all the tools and controls.

You need to drag and drop the three buttons.

 

Step 7

Now, you need to align the buttons, using constraints, which can be learned here.



Step 8

Now, go to the properties Window. Select the first button and give a name (Ex:btnRed).

 

Step 9

Select the second button and give a name (Ex:btnBlue).

 

Step 10

Select the second button and give a name (Ex:btnGreen).

 

Step 11

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

ViewController.cs
  1. using System;  
  2. using UIKit;  
  3. namespace XamariniOSBackgroundColor {  
  4.     public partial class ViewController: UIViewController {  
  5.         protected ViewController(IntPtr handle): base(handle) {}  
  6.         public override void ViewDidLoad() {  
  7.             base.ViewDidLoad();  
  8.             // Perform any additional setup after loading the view, typically from a nib.  
  9.         }  
  10.         partial void BtnRed_TouchUpInside(UIButton sender) {  
  11.             View.BackgroundColor = UIColor.Red;  
  12.         }  
  13.         partial void BtnBlue_TouchUpInside(UIButton sender) {  
  14.             View.BackgroundColor = UIColor.Blue;  
  15.         }  
  16.         partial void BtnGreen_TouchUpInside(UIButton sender) {  
  17.             View.BackgroundColor = UIColor.Green;  
  18.         }  
  19.         public override void DidReceiveMemoryWarning() {  
  20.             base.DidReceiveMemoryWarning();  
  21.             // Release any cached data, images, etc that aren't in use.  
  22.         }  
  23.     }  
  24. }  


Step 12

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

 

Output

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

 

You can click any color button and it will work successfully.

If you click the Red button, it will be be displayed, as shown below. 

 

If you click the Blue button, it will be displayed, as shown below. 

 

If you click the Green button, it will be displayed, as shown below. 

 

Summary

This was the process of how to change the background colors dynamically in Xamarin iOS app, using Xamarin Studio.

Up Next
    Ebook Download
    View all
    Learn
    View all