.Net MAUI, Images, UI

Problems loading a .gif in .NET MAUI?

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…

Continue Reading

.Net MAUI, UI

Creating an E-Book OnBoarding screen in .NET MAUI

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…

Continue Reading

.Net MAUI, Xamarin

Timeline Xamarin Apps

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…

Continue Reading

.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

Displaying HTML in a .NET MAUI Label

Although the Label in .NET MAUI is commonly used to display text in plain format, there are occasions when you need to incorporate HTML content 🌐. Imagine a scenario where you’re receiving data from a web service, and one of the fields contains HTML. In such instances, it’s crucial to handle this content properly to maintain the integrity of the…

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

Creating Animated Login UI in .NET MAUI with Lottie

πŸ‘‹ 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…

Continue Reading

.Net MAUI, Monitoring

Monitoring your apps with Sentry in .NET MAUI

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…

Continue Reading

.NET MAUI Community Toolkit

Exploring the expander from .NET MAUI Community Toolkit

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…

Continue Reading

.Net MAUI, .NET MAUI Community Toolkit

Exploring DockLayout from .NET MAUI Community Toolkit

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…

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