Have you tried adding a .gif to your .NET MAUI application, but only see a still image and wonder why it doesn’t animate? Well, today you will discover how to solve this quickly and easily! Let’s start! GIFs are made up of a series of images that create a silent, repetitive animation. Adding a .gif to your application involves the same steps as adding a normal image (PNG for example). However, these require an extra step to play their animation. This article provides a step-by-step guide on how to add it and configure the properties necessary for its playback. 1⃣. Add your animation to the I ..read more

Hello! In this article, we’ll replicate an E-Book Onboarding UI, a design sourced from Dribbble. This piece will help you strengthen your skills in managing XAML in a quick and easy way. The most fun part is that you’ll learn to build it yourself! Explanation Insights Before diving in, here are some guidelines to enhance your experience while replicating the UI: Reference Image: Initially, you’ll encounter an image displaying the original UI. This image is segmented into blocks, mirroring how we’ll approach each design element. Design Blocks: Every block features a specific design element ..read more

Hello! Recently, I came across a post by David Ortinau that I found extremely helpful. Motivated by this, I chose to create a summary into an article format. In this post, you’ll find crucial information about important dates you need to know if you’re in the process of transitioning from Xamarin to .NET MAUI or if you’re still using Xamarin. Moreover, I’ll share how you can become an active contributor to this tool by providing your valuable feedback to the Microsoft team about your experience migrating applications from Xamarin to .NET MAUI. I hope you find it as useful as I did! Let’s st ..read more

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! Let’s start! What is the LineBreakMode? This property allows you to control the wrapping and truncation of the text. Accepts an enumeration as a value, which contains the following values: NoWrap Its responsibil ..read more

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 an ‘Empty State’ is crucial in these situations. These are informative screens designed to communicate specific scenarios, such as a lost connection or encountering an em ..read more

Hello there! I trust you’re doing well. In this article, we’re going to craft a login UI from scratch, and then enhance its vibrancy with Lottie animations. Our foundational design inspiration comes from a concept I found on Dribbble. However, we’ll be tweaking that design slightly to suit the context of this article.  Before diving in, here are some guidelines to enhance your experience while reproducing the UI: Reference Image: Initially, you’ll encounter an image displaying the original UI. This image is segmented into blocks, mirroring how we’ll approach each design element. Desig ..read more

Launching our apps is just the first step; maintaining user satisfaction is the ongoing challenge. After releasing our apps in the store, our primary goal is ensuring this satisfaction by delivering a seamless and relevant experience. Yet, we often lack insights into issues some users may encounter. This underscores the necessity for tools that serve as our eyes, tracking pivotal user interactions and events. Why is monitoring vital? It helps in timely identification and even prediction of potential glitches, enabling us to address them before users report. While various tools offer these capa ..read more

Imagine designing a user interface filled with distinct elements, each boasting its unique header and intricate details. To achieve a streamlined visual layout and save space, consider displaying only the headers and revealing the details upon selection. With the Expander control from the .NET MAUI Community Toolkit, this vision is entirely attainable. Join me, and I’ll guide you step-by-step to a implementation. The explanation will be divided into the following points: .NET MAUI Community Toolkit: Implementation  What is a Expander?  How to implement it?  First of all… Wha ..read more

Event name:                                  Paddle Boarding in MAUI Talk name:                                    Beautiful UI with .NET MAUI Language:                                     English Date:                                       ..read more

While .NET MAUI layouts are extremely useful for developing graphical interfaces, it’s always nice to have additional options for arranging elements on the screen. In this article, you will learn about the DockLayout, a layout provided by the .NET MAUI Community Toolkit! To facilitate the understanding of this explanation, I will divide it into the following subtopics: .NET MAUI Community Toolkit installation What is a DockLayout? Explaining the DockLayout structure Discovering the Properties of DockLayout  First of all… What do I need to know? What is .NET MAUI Community Toolkit?? It’s ..read more