.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

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

Exploring the ProgressBar in .NET MAUI

When performing an operation that takes time, it’s crucial to inform users that a process is ongoing and that they need to wait before taking further action. Progress indicators are a good option to achieve this, as they visually show the percentage of progress that a process takes. In this article, we will learn how to use them in .NET…

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