Xamarin Android Visual Designer and Layout Inspector in Rider 2019.1
We have added a number of features for Xamarin Android in Rider 2019.1. It is now easier than ever to install required SDK’s to build Xamarin Android apps. This latest release also brings additional UI-based development features for the Android flavor of Xamarin: the AXML Visual Designer helps us design our app, the Layout Inspector helps us visualize structure, and the Theme Editor can be used to visually update the app theme and branding.
We are very excited to be bringing these to everyone to have the best experience developing Xamarin projects!
Setting Up Rider for Xamarin Development
Before we start developing Xamarin Android applications, we must set up Rider. There are three steps we must perform in order to get started. Let us look at each briefly.
Installing the Rider Xamarin Android Plugin
In past versions of Rider, the Rider Xamarin Android Support plugin was bundled when we installed Rider. That is no longer the case and the plugin will need to be installed. In the Settings dialog (File | Settings), select Plugins and search the Marketplace for the plugin followed by installation.
Downloading and Installing the Xamarin SDK
The next item on our list to install is the Xamarin Android SDK. This can be done through the Environment section of the Settings dialog. If the SDK has already been installed (like in the following screenshot), Rider will indicate to us. Also, note that installing the Xamarin SDK will also install the Rider Xamarin Android Support plugin if the plugin is not currently installed.
Downloading and Installing the Android SDK
The last item that we need is the Android SDK. New to Rider 2019.1 is a link under the Android SDK Location dropdown textbox which will perform the installation of the Android SDK on our computer.
With these three items out of the way, we can now move on to developing Xamarin Android applications with Rider 2019.1.
Xamarin AXML Visual Designer
The new default editor for Xamarin AXML files in Rider is now a designer that will allow us to create the visual layout of the application in a WYSIWYG environment. This will allow drag and drop experience and also show the Component Tree that represents your layout.
We can still get to the code behind the layout, through the Text tab for the AXML file. With any changes we make to the layout, we will immediately see the layout. This visual display of the layout can be hidden also if not needed.
The new Layout Inspector allows developers to view the visual component tree while seeing the UI for applications. Very handy for locating and examining our Xamarin UI’s!
We can find this inspector under Tools | Android | Layout Inspector.
Having the correct theme for our Xamarin applications is vital for branding and app identification. Rider has us covered for app theming with the Theme Editor located under Tools | Android | Theme Editor. We can see what the application will look like for the selected theme.
To select a new theme for the Xamarin project and application, use the Theme dropdown as shown below:
If you need to create a new theme for your Xamain Android application there is a New Theme selection also under the Theme dropdown.
Download Rider 2019.1 and give it a try! We’d love to hear your feedback regarding the entire Xamarin development experience!
Subscribe to Blog updates
Thanks, we've got you!
Eager, Lazy and Explicit Loading with Entity Framework Core
Entity Framework Core (EF Core) supports a number of ways to load related data. There’s eager loading, lazy loading, and explicit loading. Each of these approaches have their own advantages and drawbacks. In this post, let’s have a quick look at each of these ways to load data for navigational prope…
OSS Power-Ups: bUnit – Webinar Recording
The recording of our webinar, OSS Power-Ups: bUnit, with Egil Hansen and Steven Giesel, is available. This was the twelfth episode of our OSS Power-Ups series, where we put a spotlight on open-source .NET projects. Subscribe to our community newsletter to receive notifications about future webi…
Accelerating Your Testing Workflow with Unit Test Creation and Navigation
Unit tests play an important role in our daily development workflow. They help us ensure our codebase's correctness when writing new functionality or performing refactorings to improve readability and maintainability. In the process, we often create new test files that accompany the p…
Introducing Predictive Debugging: A Game-Changing Look into the Future
With the introduction of debugging tools, software developers were empowered to interactively investigate the control flow of software programs to find bugs in live environments. At JetBrains, we've always strived to improve the art of debugging. Besides the more standard things you expect from a de…