Xamarin.Forms – Plain Concepts' Xamarin Team

Using Effects on Xamarin.Forms

Custom Renderers are useful when we want to customize native controls of a given type all around our app.But when we want to customize only some specific properties of a given native view, we could make use of Effects. An Effect is a simple and reusable piece of code that will allow us to access a native control to customize it. Let's see a sample that will prevent the underline decoration when an Entry is focused. Core project In the core project add a class inheriting RouttingEffect like this: public class NoUnderlineEffect : RoutingEffect { public NoUnderlineEffect() : base("Blogpost.NoUnderlineEffect") { } } We could add properties to be able to pass parameters and...

Custom Renderers are useful wh...

October 2, 2019

Xamarin.Forms

Use Microsoft Authentication Library(MSAL) in Xamarin.Forms

INTRODUCTION Most users prefer to login with Facebook, Microsoft, Google or Twitter than using registration forms. That's why it's important to know the options and what each one of the authentication libraries offer us. Let's talk about Microsoft Authentication Library (MSAL), Perhaps, at user level is not very well known but at the business one is the most important. Many companies around the world have their employees registered in Active Directory (AD) and MSAL offers us the chance to employees with your business emails can access the applications. Note: More than 65% of users prefer to use login with providers than to use our registration form. PLATFORMS MSAL is available for Android , iOS , Java , Python, Angular , NodeJS , PHP , JS and every .NET...

INTRODUCTION Most use...

July 30, 2019

Xamarin.Forms

Realtime mobile object detector in Xamarin.Android

Last year the Xamarin team participated in the elaboration of TailwindTraders, a set of reference samples for Microsoft Build. In particular, we were responsible for the demos of Xamarin Forms, showcasing the main features of Forms, specifically Shell and much more. TailwindTraders is a fictitious brand of a DIY shop that is dedicated to the physical sale of tools for work, gardening, etc. One of the parts of the application included an AR experience where pictures from the rear camera of an Android or iPhone were taken in real time to identify and get the details of a product and make purchase recommendations. On Android, we used the Xamarin Binding of com.hardware.camera2 to show the preview of the rear camera, and a custom version...

Last year the Xamarin team par...

July 4, 2019

UI Testing Visual Studio 2019 Xamarin.Forms

Automate the UI testing of your app with Xamarin.UITest for Xamarin.Forms – A practical implementation

Introduction Testing your apps must be a go-to if you plan to ship quality applications. You can unit-test your code for flaws in the logic side of the solution. That kind of tests are extended, and there is plenty of frameworks you can use. In essence, unit tests are more coupled to the language, but UI Tests are platform independent. Some scenarios you can find mobile UI tests useful: Verify bug regressions Prove that a bug has been resolved Check app UI behaviour in different screen sizes / OS versions Automate app navigation for screenshots Check for validations Xamarin.UITest is an automation library that can be used as...

Introduction Testing ...

May 21, 2019

Xamarin.Forms

Use SkiaSharp and Xamarin Forms to create your own bindable controls

Working with Xamarin Forms is great, as it’s easy to create user interfaces that work in any of the supported platforms. It also provides mappings for most common controls such as labels, images, buttons, etc. keeping each platform look and feel. We can create complex controls in our applications combining these elements, that also could be reusable along our application or even be reused in many projects. In this article, we are going to present a way to create controls using SkiaSharp, as sometimes our projects require some non-standard controls as plots, elements with gradients, etc. As you may know, SkiaSharp is a 2D drawing library over Skia graphics, works on .NET and we can use it from C# 😊. To...

Working with Xamarin Forms is ...

May 10, 2019

Xamarin.Forms

Interact with Javascript from C# using Xamarin.Forms

In one of our projects, we needed to make a navigation from a page that only contains a WebView rendering a web page, but only the web page knew when that behavior must happened, there is no way to know from the app point of view when it should happen, so we needed to call a C# method from the Javascript code of a web page. How did we did it? Hopefully we found this: https://docs.microsoft.com/es-es/xamarin/xamarin-forms/app-fundamentals/custom-renderer/hybridwebview The idea is: A Xamarin.Forms View that contains the Url of the web page to load, and the method we want to call from Javascript. A renderer for each platform that will make the magic on every platform. public class HybridWebView :...

In one of our projects, we nee...

February 28, 2019

Xamarin.Forms

Tailwind Traders: Retrospective

As we've been doing the last years, have developed the Xamarin scenario Microsoft used during their Connect(); 2019 event. This year the fake company is named Tailwind Traders, and it's supposed to offer a variety of products ranging from working tools to house furniture. Goals & premises The apps would be made using Xamarin.Forms 4, a preview version bundling Shell, targeting Android & iOS. We, as a team, came up with a small list of goals & premises: No MVVM framework, just vanilla Xamarin.Forms: we wanted everyone looking through the code understand how Xamarin.Forms works, without any MVVM framework which would hide how it's underlying done "Clean" C# and XAML codebase: anyone having a look to...

As we've been doing the last y...

January 30, 2019

Case Study Xamarin.Forms

A look to Grial UI Kit V2

The main goal of Grial is to offer a set of controls and templates for Xamarin.Forms that lets you to create rich and beautiful user interfaces in an easy way. Many thanks to UXDivers guys, they provided us of a license to take a look to their product :) It has support for: Android 4.1+ (API Level 16). iOS 8.0+. And includes: Templates and predefined views Controls Effects Animations Themes Icons What's new? From previous to current version, new page templates, controls and three new themes have been added, with animations and tablets support. Project creation One of the new features is related...

The main goal of Grial is to o...

May 3, 2017