DEV Community

Jessica Veit
Jessica Veit

Posted on • Edited on

1

First steps with Xamarin

Lately I did some research on mobile application development in the .NET world and the first thing that popped up was of course Xamarin.

Basics

For those of you who are not familiar with it, let me explain:
With Xamarin you can create native Android, iOS and Apps for Windows Phone - all in one!

Project structure in VS17

Your backend, all the business logic you need for your project, as well as your UI, only have to be defined ones. The UI code (written in xaml) and app logic (defined in C#) are shared amongst the projects in the solution which are representing the apps for the different operating systems.

Let's get started: Developing and Testing

I developed my first Xamarin app in Visual Studio 2017 and tested it directly on my Samsung Galaxy S7, which is simply connected to my notebook via USB.

Only a few steps are necessary to begin:

  1. Add the extension Mobile development for .NET to your Visual Studio 2017 installation
  2. Create a new Mobile App (Xamarin.Forms) project
  3. (optional) Enable developer mode on your phone if you want to test your app directly with it, which I would recommend! After enabling, VS17 did automatically detect my phone and allowed me to select it as the target, which is used to debug the software.

What I did so far

After two days of Xamarin I created two test apps.

Weather app

Displays weather information for your city of choice.

Goal(s):

  • Create your first app and install it on your phone

Result: You have to start somewhere and that’s what I did by developing my super simple weather app. Basically what happens is you insert the name of a city and the current weather of the location is queried from https://openweathermap.org/ (which btw is a really nice service).

Coffee Counter

Keep track of your daily coffee consum!

Goal(s):

  • Be able to swipe and move between pages
  • Use some sort of list and bindings for the UI
  • Save data permanently

My next goals

  • I want the UI and business logic communication completely running over bindings using MVVM pattern.
  • Read data from some sort of source (e. g.local json files)
  • Learn more about the different available UI components
  • Implement a drag&drop function

If you have any cool app ideas for me - please let me know in the comment section!

Conclusion

So, if you are a developer (especially .NET) and want to get into app/mobile development, Xamarin is a simple and cool way to do so.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay