Skip to main content

Getting started with Cross-Platform Mobile App Development

My First Xamarin Mobile Application

https://cdn.freebiesupply.com/logos/large/2x/xamarin-logo-png-transparent.png
Software Pr-requisite:

  1. Visual Studio Community Edition, (Refer to my previous post for Visual Studio)
    Download Here:
 Recently After my First Hackathon Experience, I made an application using Microsoft Xamarin and really wanna share it out to everyone via this blog. So Stay tuned...

Let's get the Real Work Done!

  1. Start Visual Studio (in my case present build: vs2019)
  2. Click on Create New Project
  3. Search for "Xamarin" in the Search box on top and then select "Mobile App (Xamarin.Forms)"
  4. Give your App a Name
  5. Select a Blank App Template.
  6. In Xamarin.Forms App, the Shared Code resides under, [YourAppName]-> MainPage.xaml.
  7. Currently I'll be running a UWP (Universal Windows Platform) run to test the App, though in the End there are some Android Screenshots too...
  8. Let's make a little change in the MainPage.xaml file (the Front End UI)
  9. Let's run the App by Clicking on theLocal Machine Button, make sure to select the [AppName].UWP from the Startup Project.

  10. Change the Label text to "Hello World, This is my First Xamarin App!!!"
  11.  Now Let's Run the App Again
  12. Hurrah!! We've successfully create our First Xamarin Mobile App...
Note: For Xamarin for Mac Users, if you want to deploy your Application to Apple iPhone, then You'll need a Mac Device for Development...
Android App Screen Shot-

Stay Tuned- For more Tutorials...

Comments

  1. Financial sector has undergone drastic technological shifts in a comparatively short span of time. The shifts have been incorporated because of Growing Technology, Customer Demands, etc. Take a glance over some of the legacy Cross-platform App Development Company. These are so dynamic and efficient that it will cost you less time, more functionality, good output returns.

    ReplyDelete
  2. You might have heard about Flutter app development, one of the quickest ways to build native-like apps. I have created a list of leading Flutter app development company after conducting deep research. This will not only help you in saving time but also lets you find your perfect partner considering your requirements.

    ReplyDelete
  3. Mobile apps are playing an important role day to day life and apart from these the rise of on-demand cross-platform app development services it allows creating applications that stand out in the market by applying available resources efficiently .

    ReplyDelete
  4. I would like to thank you for the efforts you have made in writing this interesting and knowledgeable article.
    You can also check info about Cross Platform Mobile App Development Services
    hire cross-platform mobile app developers

    ReplyDelete

Post a Comment

Popular posts from this blog

Post-Event Resources- Ai Gaming with Microsoft Azure Heya  Folks hope you enjoyed the Event, do let us know in the comment section about your experience. As said, Here are the Post Event Resources for your continual Learning... Basic Concept of Ai (Theory) AI in Video Games: Toward a More Intelligent Game What is an API Open-Ai 5 Article Microsoft Cognitive- Getting started with Azure Cognitive Services Bundled Playlist on Youtube Microsoft Cognitive Vision Service- Try for Free online Some Videos by Siraj:  OpenAI Five vs Dota 2 Explained How to Install OpenAI's Universe and Make a Game Bot    How to Make an Amazing Video Game Bot Easily Hope you find the Resources resources... For folks interested in Microsoft Azure ML, Click Here

Creating a URL Shortener Deplyment on Azure (NodeJS) part-2

For reference to the previous post, please refer to this link : Connecting-to-our-Database Now let's head to the package that we added config in the npm install command, what it does is that it will look for default.json the file inside config (folder) which we created earlier that will consist of the global variables for our project. Now let's open that default.json file and place the below snippet in it: { "mongoURI": "<ConnectionStringHere>" } We'll replace the Connection String from the cluster's string from our Atlas Account (if you still don't have an account, click here to create one) After Logging in to the Atlas, create a free Cluster and add a database user in it Now use the below code in the db.js the file inside the config (folder): const mongoose = require('mongoose'); const config = require('config'); // Grab the Connection string URL from the default.json file const db = confi...

Signing Up for Azure 4 Students Account

Sign-Up: Microsoft Azure 4 Students Hola readers, In this post we're gonna learn how to create a new Microsoft Azure Account for Students. As a typical Azure account requires you to provide with the Credit Card details but due to the fact that not all the students around the globe have credit cards. So Microsoft have a provision for granting Azure Credits to students by the help of their Educational Account provided by their School/ Universities. Here are the steps provided to create a new Azure4Students Account (Though a video is also available to follow along): Text version of the SigningUp Process Visit: aka.ms/Azure4Students Sign in with your Microsoft Account or create a Microsoft Account if you don't have one After successfully logging in, enter your Country code & mobile number. Then click on the Verification options (Text/ Call) for your Identity verification. Next comes the Student Verification. This can be done by either: Providing your scho...
Counter Widget