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…
Tag: AskXammy
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…
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…
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…
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! π…
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…
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…
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…
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…
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…
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…
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!…
Saving Files with .NET MAUI Community Toolkit
Knowing how to save files in our applications is very important, however, the perception has been that implementation can be tedious. Thanks to the .NET MAUI Community Toolkit using FileSaver, you can now save files much faster. In this article I will show you all the necessary elements to achieve it. π§Β First of all… What do I need to know?…
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…
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…