Delpin Susai Raj Wednesday 15 November 2017

Introducing Visual Studio Live Share

Introduction 



              In this introduction to Visual Studio Live Share, you learn how this new feature enables developers to share their full development context with teammates, to co-debug and co-edit code—even on different operating systems and using different tools. Come see it in action!

 Download Visual Studio




Create an ToolBarItems in Xamarin.Forms

In this article, you will learn how to Create an ToolBarItems in Xamarin.Forms, using Visual 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
  • Visual Studio 2017.
The steps given below are required to be followed in order to Create an ToolBarItems in Xamarin.Forms, using Visual Studio.

Step 1

Click File--> select New--> select Project. The project needs to be clicked after opening all the types of the projects in Visual Studio or click (Ctrl+Shift+N).



Step 2

After opening the New Project, select Installed-->Templates-->Visual C#-->Cross-Platform-->choose Cross Platform App. Now, give your Xamarin from app name (Ex:sample) and give the path of your project. Afterwards, click OK.



Step 3

Now, choose Blank App and select forms PCL(sharing). Afterwards, click OK.



Step 4

Now, go to Solution Explorer. In Solution Explorer, get all the files and source in your project. You can add Universal Windows Platform (UWP). In Reference, go to Solution Explorer-->Your Project-->UWP-->Reference-->Right Click --> Select Add reference.



Step 5

Now, you can select Universal Windows and select Extensions.Check.
  1. Windows Desktop Extension for the UWP. version:10.0.1439
  2. Windows Desktop Extension for the UWP. version:10.0.1058
Afterwards, click OK.



Step 6

In this step, add one Page, whose name is called MainPage.xaml. Go to Solution Explorer-->Your Project-->Portable-->Right click-->Add-->New Item (Ctrl+Shift+A).



Step 7

Now, select Forms XAML page and give the name (MainPage.xaml).



Step 8

In this step, go to the MainPage.xaml page and write the code given below.

MainPage.xaml



Step 9

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

MainPage.xaml.cs

using Xamarin.Forms;



Step 10

In this step, go to App.cs page. Write the code, mentioned below between Public App() Method.


App.cs

public App()
        {

            MainPage = new MainPage();
        }





Step 11

Now, you can run your app. Go to the Debug configuration Manager. Choose platform and check build and deploy option. Afterwards, click close.



Step 12

If you have Windows 10 Emulator, you can run it. If you don't have it, simply run Local Machine.



Output

After few seconds, the app will start running on your Windows 10 Emulator.You will see your app is work Successfully.

You Will see the three dot in bottom of the app. and click the three dot.you will see the ToolBarItems is Work Successfully.



if you choose any ToolBarItems .it Will work Successfully.



Summary

This was the process of how to Create an ToolBarItems in Xamarin.Forms, using Visual Studio.

Delpin Susai Raj Monday 13 November 2017

How to Create A Timer in Xamarin iOS

In this article, you will learn how to Create A Timer 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 Timer App 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 align the labels, using constraints, which can be learned here.

https://developer.xamarin.com/guides/ios/user_interface/designer/designer_auto_layout/




Step 7

Now, go to the Properties Window. Select the first label and give a name (Ex:lblTimer).



Step 8

In this step, go to the ViewController.cs page. Add Timer Namespace.

ViewController.cs

using System.Timers;




Step 9

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

ViewController.cs

namespace XamariniOSTimer
{
 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();

   Timer timer = new System.Timers.Timer();

   timer.Interval = 1000;
   timer.Enabled = true;
   timer.Elapsed += Timer_Elapsed;
   timer.Start();



  }

  private void Timer_Elapsed(object sender, ElapsedEventArgs e)
  {
   
   DateTime myDate = DateTime.Now;

   InvokeOnMainThread(() => { lblTimer.Text = myDate.ToString("F");});

  }

  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.



Summary

This was the process of how to Create a Timer app in Xamarin ios , using Xamarin Studio.


Delpin Susai Raj Sunday 12 November 2017

Display an Toast Notification With Types in Xamarin iOS

In this article, you will learn how to Display a Toast Notification With Types 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 Display a Toast Notification With Types 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, Add the Toast Component in your app.
Now, Go to the Solution—>Components—>Click Get More Components



Step 7

Now, select All Components. search Toast after each complete. choose the Toast for iOS.



Step 8

Now, click to add to the app. component will be added to your app.



Step 9

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.and go to the Properties Window. Select the Button and give a name (Ex:btnDefault).



Step 10

You need to drag and drop the Second Button.
Next, You need to align the Button, using constraints.and go to the Properties Window. Select the Button and give a name (Ex:btnInfo).



Step 11

You need to drag and drop the Third Button.
Next, You need to align the Button, using constraints.and go to the Properties Window. Select the Button and give a name (Ex:btnError).



Step 12

You need to drag and drop the Fourth Button.
Next, You need to align the Button, using constraints.and go to the Properties Window. Select the Button and give a name (Ex:btnNotice).



Step 13

You need to drag and drop the Fifth Button.
Next, You need to align the Button, using constraints.and go to the Properties Window. Select the Button and give a name (Ex:btnWarning).



Step 14

In this step, go to the ViewController.cs page and add the namespace as given below.

ViewController.cs

using ToastIOS;




Step 15

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

ViewController.cs

namespace XamariniOSToastNotification
{
 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 BtnWarning_TouchUpInside(UIButton sender)
  {

   Toast.MakeText("This Is Toast Warning")
     .SetDuration(5 * 1000)
        .Show(ToastType.Warning);
  }

  partial void BtnNotice_TouchUpInside(UIButton sender)
  {
   Toast.MakeText("This Is Toast Notice")
     .SetDuration(5 * 1000)
        .Show(ToastType.Notice);
  }

  partial void BtnError_TouchUpInside(UIButton sender)
  {
  
   Toast.MakeText("This Is Toast Error")
     .SetDuration(5 * 1000)
        .Show(ToastType.Error);
  }

  partial void BtnInfo_TouchUpInside(UIButton sender)
  {
   Toast.MakeText("This Is Toast Info")
        .SetDuration(5 * 1000)
        .Show(ToastType.Info);
  }

  partial void BtnDefault_TouchUpInside(UIButton sender)
  {

   Toast.MakeText("Hello Xamarin iOS").SetDuration(5*1000).Show();
  }

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








Step 16

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 Toast Button. Toast will be Work Successfully.

Summary

This was the process of how to Display a Toast Notification With Types in Xamarin ios, using Xamarin Studio.

Delpin Susai Raj Saturday 11 November 2017

Create an Toast Notification in Xamarin iOS

In this article, you will learn how to Create A Toast Notification 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 Toast Notification 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, Add the Toast Component in your app.
Now, Go to the Solution—>Components—>Click Get More Components



Step 7

Now, select All Components. search Toast after each complete. choose the Toast for iOS.



Step 8

Now, click to add to app. component will be added in your app.



Step 9

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 10

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



Step 11

In this step, go to the ViewController.cs page and add the namespace as given below.

ViewController.cs

using ToastIOS;



Step 12

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

ViewController.cs

namespace XamariniOSToastNotification
{
 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 BtnDefault_TouchUpInside(UIButton sender)
  {

   Toast.MakeText("Hello Xamarin iOS").Show();
  }

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







Step 13

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 Show Toast Button. Toast will be Work Successfully.

Summary

This was the process of how to Create a Toast Notification in Xamarin ios , using Xamarin Studio.