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…
Category: 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…
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…
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…
From Text to Action: Creating Hyperlinks in .NET MAUI
Today, our mobile devices, tablets, and computers serve as portals to the world’s happenings via the applications we use daily. These apps present information through a structured blend of texts, images, hyperlinks, and other elements, facilitating effortless access to content. π Hyperlinks especially enhance user engagement by providing gateways for in-depth exploration. In this guide, we’ll navigate the nuances of…
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…
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!…
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…
Exploring Christmas UI in .NET MAUI
Merry Christmas! π I hope you are very well on these dates and you are happy with yours! π It’s a time where we usually set goals for the next year with the aim of continuing to grow every day! And to contribute to your goals of practicing XAML, I have brought you this article as my last gift of…
Organizing elements with ZIndex in .NET MAUI
Knowing how to organize the visual elements on our screen will help us create more friendly, flexible interfaces and, above all, using the least amount of resources. For this reason, today we will quickly learn how to organize the visual elements on the Z axis in .NET MAUI applications. But surely you are wondering what the Z axis is…π€ since…
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! π…
Replicating Pet Adoption UI in .NET MAUI
Howdy!!! In collaboration with the .NET MAUI UI July Calendar, we will be replicating the Pet Adoption UIΒ obtained from Dribble. I hope this is useful for you! π I also invite you to see the calendar and keep an eye on all the super posts on the calendar! Before starting, to get the best out of the post, Iβll leave…
Replicating Contact & Message UI in Xamarin Forms
Howdy!!! In this article, we are going to replicate a Contact & Message UI obtained from Dribble. I hope this is useful for you! π Β Before starting, to get the best out of the post, Iβll leave you some instructional notes so that you have a better experience reproducing the UI: At the beginning, you will see an image…