.Net MAUI, UI

Creating Christmas UI in .NET MAUI

Merry Christmas! 🎄 I hope you’re doing well during this season and enjoying time with your loved ones! 💓 As we wrap up the year, let’s continue improving our XAML skills by replicating a Christmas-themed user interface (UI). You’ll see how you can create impressive results with simple steps! This UI is based on a design sourced from Dribbble! Explanation…

Continue Reading

.Net MAUI

Text Truncation and Wrapping in .NET MAUI

Imagine an app without text; it would be practically non-functional, wouldn’t it? 🤷‍♀️ Text is an essential element in any application, and handling it appropriately according to different requirements is very important. In this article, we will focus on techniques for truncating and wrapping text using the LineBreakMode property to enhance the readability of our text. Let’s get started! 🚀…

Continue Reading

.Net MAUI, UI

Creating Empty State for you .NET MAUI Apps

An essential aspect of user experience is the ability to anticipate and address potential issues effectively. Consider a scenario where a user loses their Internet connection while using your app. Without proper notification, this can lead to confusion and adversely affect their perception of your app’s reliability. Promptly notifying them about such connectivity issues can significantly enhance their experience. Implementing…

Continue Reading

.Net MAUI, UI

Replicating Uber Delivery UI in .NET MAUI

Howdy! 💁‍♀️ I am thrilled to share my article for the .NET MAUI UI July 2023 calendar created by Matt Goldman, during the month of July, this calendar will publish various educational contributions created by industry experts about .NET MAUI. In this article, I will guide you step-by-step in building the Uber Delivery screen in a simple way. Let’s get started!…

Continue Reading

.Net MAUI, UI

Animating color properties using .NET MAUI Community Toolkit

Providing users with information about their interactions within apps is critical for ensuring a positive user experience. For example, if a user clicks on a button and the process takes a few seconds to respond, it’s important to indicate that their request is being executed. One option for accomplishing this is to change the button’s color and/or text and include…

Continue Reading

.Net MAUI, UI

Getting started with Image Caching in .NET MAUI

Have you ever wondered how to cache images in your app? .NET MAUI already includes this functionality! In this article, we will quickly learn how to use it and adapt it to our specific needs. The explanation will be divided into the following points: 🔹  How does image caching work? 🔹  Learning about its structure 🔹  Properties available  Let’s start! How does image…

Continue Reading

.Net MAUI

Image Scaling in .NET MAUI

When use an Image Control… 🧐 Have you ever been confused between the different values ​​of the Aspect property? You are in the right place😎 , in this article you will learn the difference of each one! Let’s start! Exploring the Aspect Property The Image control has an Aspect property  which allow us to indicate how an image will fit…

Continue Reading

.Net MAUI

Getting started with TwoPaneView layout in .NET MAUI

In collaboration with Luis Beltrán’s Advent Calendar 2022, today I’ll be teaching you step by step how to implement the TwoPaneView in .NET MAUI! Sometimes we have to adapt our design for foldable devices to give the best user experience, that’s why this is an important topic. This article will have the following structure: ➖What is TwoPaneView? ➖Foldable device support ➖Inicial…

Continue Reading

.Net MAUI, UI

Replicating Billing Dashboard UI in .NET MAUI

Howdy!!!   Remember that practice is the key to success in everything you do, in this case in your XAML skills. This time we will be replicating the Billing Dashboard UI in .NET MAUI! This design was created by Liev Liakh obtained from Dribbble. And today we will convert it to XAML code! I hope this is useful for you! 💚…

Continue Reading

.Net MAUI

Adding Fonts in .NET MAUI

Just like when we see a logo that induces us to consume its product through its colors, typography… It also happens in the design of applications. One of the main goals of designers, in addition to applying the correct colors and images in a design, is to apply the psychology of typography, in this way they apply typographies to generate…

Continue Reading

.Net MAUI

Capturing screenshots in .NET MAUI

Screenshots, as the name implies, are photos that are taken of the screen of our device and allow us to capture exactly the scenario that we want in an application. In this case, we will learn how to implement that in our .NET MAUI applications in a super easy way! Let’s start! To take Screenshots .NET MAUI gives us the…

Continue Reading