Fade In Fade Out Animation in Xamarin iOS

In this article, you will learn how to Use Fade In Fade Out 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.

Download Code Here

Prerequisites

• Xamarin Studio.
• Xcode.

The steps given below are required to be followed in order to Use Fade In Fade Out 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 Button.
Next You need to align the Button, using constraints.and go to the properties Window. Select the Button and give a name (Ex:btnShow).

Step 7

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:btnHide).

Step 8

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

Step 9

Now,go to the properties Window. Select the View and give a name (Ex:view1)and set Alpha Value is 0.

Step 10

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

ViewController.cs

using System;
using CoreGraphics;
using UIKit;

namespace XamariniOSFadeAnimation
{
 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 BtnHide_TouchUpInside(UIButton sender)
  {
   FadeAnimation(view1, isIn: false, duration: 1, onFinished: null);
  }

  partial void BtnShow_TouchUpInside(UIButton sender)
  {
   FadeAnimation(view1, isIn: true, duration: 1, onFinished: null);
  }


  public static void FadeAnimation(UIView view, bool isIn, double duration = 0.3, Action onFinished = null)
  {
   var minAlpha = (nfloat)0.0f;
   var maxAlpha = (nfloat)1.0f;

   view.Alpha = isIn ? minAlpha : maxAlpha;
   view.Transform = CGAffineTransform.MakeIdentity();
   UIView.Animate(duration, 0, UIViewAnimationOptions.CurveEaseInOut,
    () =>
    {
     view.Alpha = isIn ? maxAlpha : minAlpha;
    },
    onFinished
   );
  }


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

Step 11

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 Button, Fade in Animation is working Successfully.
You can click Hide Button, Fade in Animation is working Successfully.

Summary

This was the process of how to Use Fade In Fade Out Animation in Xamarin ios , using Xamarin Studio.

SQLite Insert Operation in Xamarin iOS

In this article, you will learn how to Insert Data into SQLite DataBase 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.


Download Code Here.

SQLite Create Operation

Prerequisites

• Xamarin Studio.
• Xcode.

The steps given below are required to be followed in order to Insert Data into SQLite DataBase 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. Button(btnInsert)
3. TextField(txtName)
4. TextField(txtAge)
5. Label(lblDbPath)
6. Label(lblDisplay)

Step 7

In this step add one Package in your project.

• sqlite.net

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

Now Choose sqlite.net and select Version. Afterwards, click Add Package.

Step 8

In this step, add one class file name called (Student.cs).
This class is called Student Table.

Step 9

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

Student.cs

using System;
using SQLite;

namespace XamariniOSSQLite
{
 public class Student
 {
  [PrimaryKey,AutoIncrement]
  public int id { get; set; }
  public string Name { get; set;}
  public string Age { get; set;}
 }
}

Step 10

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

ViewController.cs

using System;
using UIKit;
using System.IO;
using SQLite;

namespace XamariniOSSQLite
{
 public partial class ViewController : UIViewController
 {
  public static string DbName = "SQLitedb.db3";
  public static string DbPath =Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.MyDocuments),DbName);
  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 BtnInsert_TouchUpInside(UIButton sender)
  {
   InsertData();
  }

  partial void BtnCreate_TouchUpInside(UIButton sender)
  {
   CreateDB();
  }

  public void CreateDB()
  {
   try
   {
    var db = new SQLiteConnection(DbPath);
    db.CreateTable();

    lblDBName.Text = "DB Path:" + DbPath;
   }
   catch (Exception e)
   {
    Console.WriteLine(e);
   }

  }

  public void InsertData()
  {
   try
   {
    string name = txtName.Text;
    string age = txtAge.Text;
    var student = new Student { Name = name, Age = age };
    var db = new SQLiteConnection(DbPath);
    db.Insert(student);
    lblDisplay.Text = name + ":" + age;
    
   }
   catch (Exception e)
   {
    Console.WriteLine(e);
   }
  }

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

Step 11

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 Create DB button .Now The SQLite DataBase will be Created Successfully.After Give input and Click insert Data will be Inserted Successfully

Summary

This was the process of how to Insert Data into SQLite DataBase in Xamarin iOS , using Xamarin Studio.

Create an Frame Layout in Xamarin Andorid

In this article, you will learn how to Create an Frame Layout in Xamarin Android app, using Visual Studio 2015.

Introduction

Xamarin is a platform to develop cross-platform and multi-platform apps (for example, Windows phone, Android, iOS).
In the Xamarin platform, the code sharing concept is used. In Xamarin Studio, Visual Studio is also available.

Prerequisites

• Visual Studio 2015(or) Later.

The steps, given below are required to be followed in order to Create an Frame Layout in the Xamarin Android app, using Visual Studio 2015.

Step:1

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

Step:2

After opening the New Project, select Installed-->Templates-->Visual C#-->Android-->choose the Blank app (Android).

Now, give your Android app a name (Ex:sample) and give the path of your project. Afterwards, click OK.

step:3

Next go to the solution explorer. in the solution explorer is have the all files and source in your project.
Next Select Resource-->Layout-->double click to open main.axml page. you want select source to write the xaml code.
you want design choose the designer window you can design your app.

step:4

After open the main.axml file will open the main page designer. in this page which type you want you can design this page.

Next Delete the default Linear Layout.

step:5

In this step go to Main.axml page source. write the following Frame Layout code.

Main.axml

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 ImageView.

step:7

Now,drag and drop the TextView.

step:8

In this step, add the Image from your local system.

Go to Solution Explorer-->Resource-->Drawable-->Right click-->Add-->Existing Item (Shift+Alt+A).

step:9

Now, you can choose the required image. Click Add.and edit imageView src property, you can choose added image.

step:10

Now, go to the properties Window. You need to edit the TextView properties Values.

step:11

In this step, go to the Main.axml page Source Panel.Check the Following code.

Main.axml

step:12

In this step, go to MainActivity.cs page. Write the code, mentioned below between 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);
            
        }

step:13

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.

output

After a few seconds, the app will start running on your phone.

You will see the Frame Layout is work Successfully.

Summary :So, this was the process of how to Create an Frame Layout in Xamarin Android app, using Visual Studio 2015.

SQLite With Xamarin iOS

In this article, you will learn how to Create a SQLite DataBase 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.


Browse Code Here.


Prerequisites

• Xamarin Studio.
• Xcode.

The steps given below are required to be followed in order to Create a Create a SQLite DataBase 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(lblDbName)
3. Label(lblDbPath)

Step 7

In this step add one Package in your project.

• sqlite.net

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

Now Choose  sqlite.net  and select Version. Afterwards, click Add Package.

Step 8

In this step, add one class file name called (Student.cs).
This class is called Student Table.

Step 9

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

Student.cs

using System;
using SQLite;

namespace XamariniOSSQLite
{
 public class Student
 {
  [PrimaryKey,AutoIncrement]
  public int id { get; set; }
  public string Name { get; set;}
  public string Age { get; set;}
 }
}

Step 10

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

ViewController.cs

using System;
using UIKit;
using System.IO;
using SQLite;

namespace XamariniOSSQLite
{
 public partial class ViewController : UIViewController
 {
  public static string DbName = "SQLitedb.db3";
  public static string DbPath =Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.MyDocuments),DbName);
  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 BtnCreate_TouchUpInside(UIButton sender)
  {
   CreateDB();
  }

  public void CreateDB()
  {
   try
   {
    var db = new SQLiteConnection(DbPath);
    db.CreateTable();

    lblDBName.Text = "DB Name:" + DbName;
    lblPath.Text = "DB Path:" + DbPath;
   }
   catch (Exception e)
   {
    Console.WriteLine(e);
   }

  }

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

Step 11

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 Create BD button .

Now The SQLite DataBase will be Created Successfully.

Summary

This was the process of how to Create a SQLite DataBase in Xamarin iOS , using Xamarin Studio.