Delpin Susai Raj Thursday, 27 July 2017 , ,

Create an Text Blinking Animation in Xamarin iOS

In this article, you will learn how to Create A Text Blinking Animation 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 Create A Text Blinking Animation 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 Label.
Next You need to Label the Slider, using constraints.



Step 7

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



Step 8


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



Step 9

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



Step 10

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

ViewController.cs
using System.Timers;

Step 11

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

ViewController.cs

namespace XamariniOSBlinkingAnimation
{
 public partial class ViewController : UIViewController
 {
  protected ViewController(IntPtr handle) : base(handle)
  {
  }
    public override void ViewDidLoad()
  {
   base.ViewDidLoad();

   Timer timer = new Timer();

   timer.Interval = 500;
   timer.Start();
   timer.Elapsed += (object sender, ElapsedEventArgs e) =>
   {
    InvokeOnMainThread(() =>
    {
     if (lblBlink.TextColor == UIColor.Black)

      lblBlink.TextColor = UIColor.Red;

     else

      lblBlink.TextColor = UIColor.Black;

     if (lblAndroid.TextColor == UIColor.Black)

      lblAndroid.TextColor = UIColor.White;

     else

      lblAndroid.TextColor = UIColor.Black;

    });

   };
  }

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



Step 12

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 see the Text Blinking Animation is work Successfully.



Summary

This was the process of how to Create an Text Blinking Animation in Xamarin ios , using Xamarin Studio.


1 comment:
, ,

Check Internet Connectivity in Xamarin iOS

In this article, you will learn how to Check Internet Connectivity 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.






Two Ways To check Internet Connectivity

  1. Xam.Plugin.Connectivity Plugin 
  2. Reachability

Prerequisites

  • Xamarin Studio.
  • Xcode.


The steps given below are required to be followed in order to Check Internet Connectivity 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

In this step design your app.using storyboard and Toolbox.
  1. Button(btnCreateDB)
  2. Label(lblStatus)
  3. Label(lblCheck)



Step 7


In this step add one Package in your project.

  • Xam.Plugin.Connectivity


Go to Solution Explorer—>Package—>Add Package.

Now Choose Xam.Plugin.Connectivity. Afterwards, click Add Package.





Step 8

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

ViewController.cs 
using System;
using UIKit;

using Plugin.Connectivity;

namespace XamariniOSNetworkConnection
{
 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 BtnCheck_TouchUpInside(UIButton sender)
  {
   // Via Xam.Plugin.Connectivity Plugin
   if (CrossConnectivity.Current.IsConnected)
   {
    lblStatus.Text = "Network Available";
   }
   else
   {
    lblStatus.Text = "Network UnAvailable";
   }
   //Via Reachability
   if (Reachability.IsHostReachable("http://google.com"))
   {
    lblCheck.Text = "Available";
   }
   else
   {
    lblCheck.Text = "Unavailable";
   }
  }

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



Step 9

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 Check Button. The internet Connection will be check two ways is successfully.


Summary

This was the process of how to Check Internet Connectivity in Xamarin iOS , using Xamarin Studio.

3 comments:
, , ,
Delpin Susai Raj Monday, 24 July 2017 , , , ,

AVAudioPlayer in Xamarin iOS

In this article, you will learn how to Play Sound Using AVAudioPlayer 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.

AVAudioPlayer

AVAudioPlayer class called an audio player, provides playback of audio data from a file or memory.

Browse Code Here

Using an audio player


  1. Play sounds of any duration.
  2. Play sounds from files or memory buffers.
  3. Loop sounds.
  4. Play multiple sounds simultaneously, one sound per audio player, with precise synchronization.
  5. Control relative playback level, stereo positioning, and playback rate for each sound you are playing.
  6. Seek to a particular point in a sound file, which supports such application features as fast forward and rewind.
  7. Obtain data you can use for playback-level metering.


Prerequisites


  • Xamarin Studio.
  • Xcode.


The steps given below are required to be followed in order to Play Sound Using AVAudioPlayer 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

In this step design your app.using storyboard, Toolbox and Properties.


  1. Button(btnPlay).
  2. Button(btnStop).




Step 7

In this step add one Folder it’s name called Sounds.

Go to Solution—>Resource—>Right click—>Add—>New Folder. and give name (Ex:Sounds).



Step 8

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

Go to Solution—>Resource-->Right click-->Add-->Add Files.Now, you can choose the required sound. Click open.

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




Step 9


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

ViewController.cs

using System;
using AVFoundation;
using Foundation;
using UIKit;

namespace XamariniOSAVAudioPlayer
{
 public partial class ViewController : UIViewController
 {
  //public values
  public AVAudioPlayer player;
  public float MusicVolume { get; set; } = 0.5f;
  public bool MusicOn { get; set; } = true;
  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 BtnStop_TouchUpInside(UIButton sender)
  {
   //Backgroundmusic stop
   player.Stop();
  }
  partial void BtnPlay_TouchUpInside(UIButton sender)
  {
   //call PlayMusic method
   PlayMusic();
  }
  public void PlayMusic()
  {
   NSUrl songURL;
   if (!MusicOn) return;

   //Song url from your local Resource
   songURL = new NSUrl("Sounds/song.mp3");
   NSError err;
   player = new AVAudioPlayer(songURL, "Song", out err);
   player.Volume = MusicVolume;
   player.FinishedPlaying += delegate
   {
    // backgroundMusic.Dispose(); 
    player = null;
   };

   //Background Music play
   player.Play();
  }


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

Step 10

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 Play Button, Sound will Play successfully.
You can click the Stop Button, Sound will Stop successfully.

Summary

This was the process of how to Play Sound Using AVAudioPlayer in Xamarin ios , using Xamarin Studio.

3 comments:
, , , ,
Subscribe to: Posts (Atom)