.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, 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, 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

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…

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, 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, UI

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…

Continue Reading

.Net MAUI, UI

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…

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, UI

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…

Continue Reading

UI

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…

Continue Reading