Delpin Susai Raj Monday 25 June 2018

How to Rotate an Image in Xamarin iOS

In this blog, you will learn how to Rotate an Image 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.

Prerequisites


  • Xamarin Studio.
  • Xcode.


The steps given below are required to be followed in order to Rotate an Image 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

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 Button.
Next You need to align the Button, using constraints.



Step 7

Now, go to the properties Window. Select the Button and give a name (Ex:btnRotate).



Step 8


You need to drag and drop the image View.
Next You need to align the image View, using constraints.



Step 9

In this step, add the Image form your Local system.

Go to Solution—>Resource-->Right click-->Add-->Add Files.



Step 10

Now, you can choose the required image. Click open.



Step 11

Next, choose Copy the Files to the directory. Afterwards, click Ok.



Step 12

Now, go to the properties Window. Select the image View and give a name (Ex:image1) and Choose image.



Step 13

In this step, go to the ViewController.cs page, add the following namespace.

ViewController.cs

using CoreGraphics;




Step 14

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

ViewController.cs



namespace XamariniOSImageRotation
{
 public partial class ViewController : UIViewController
 {
  protected ViewController(IntPtr handle) : base(handle)
  {
   // Note: this .ctor should not contain any initialization logic.
  }

  public override void ViewDidLoad()
  {
   base.ViewDidLoad();
   // Perform any additional setup after loading the view, typically from a nib.
  }

  partial void BtnRotate_TouchUpInside(UIButton sender)
  {
   image1.Transform = CGAffineTransform.MakeRotation((float)Math.PI / 4);
   View.AddSubview(image1);
     
  }

  public override void DidReceiveMemoryWarning()
  {
   base.DidReceiveMemoryWarning();
   // Release any cached data, images, etc that aren't in use.
  }
 }
}




Step 15

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 the Rotate Image Button, image will rotate successfully.

Summary

This was the process of how to Rotate an Image in Xamarin ios , using Xamarin Studio.


1 comment:

  1. Thanks for sharing this informative content , Great work
    Leanpitch provides online training in Advanced Scrum Master during this lockdown period everyone can use it wisely.
    Advanced Scrum Master Training Online

    ReplyDelete