Howdy!!! ?♀I’ll continue doing what I love ? In this case we are going to replicate a Flight UI obtained from Dribble, designed by Gleb Kuznetsov✈. You can check it here! But this time we will carry out a slightly different dynamic than the previous articles by explaining the structure first! If you are starting with Xamarin Forms, this is a very…
Tag: UI
#SomeTips: Best practices for UI Handling!
When designing user interfaces, there are may ways to handle / create elements into it. We know that the way we do it can either save us many lines of code or not, and also can have an impact in the performance of our application. At the Microsoft 365 LIVE event I talked about this topic and now I wanted to write…
Let’s replicate a Travel App in Xamarin Forms
Howdy!!! ?♀ In this #LoveMonth let’s continue with the third post of the UI series for February! In this case we are going to replicate a Travel UI obtained from Dribble. You can check it here! ⚠ 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…
Let’s replicate a Banking Profile UI in Xamarin Forms
Howdy!!! ?♀ In this #LoveMonth, let’s continue with the second post of the UI series for February! In this case we are going to replicate a Banking Profile UI obtained from Dribble. You can check it here! ⚠ Before starting, to get the best out of the post, I’ll leave you some instructional notes so that you have a better…
Replicating user profile UI in Xamarin Forms
Howdy!!! ?♀ For February, as #LoveMonth, I decided to create a post series on a topic that I ? !! … So weekly, I’ll be replicating some UIs starting from basic to more complex. Together we can create great things, so are you ready to start it!? ? The first article of this series is a basic UI that we will…
Replicating Food UI Sample
Well, I tell you that I really LOVE this!?I’m always searching different screen designs for mobile applications and I saw this one for a food application that I liked and when I saw it I definitely wanted to replicate it! The design was obtained from the Dribble following link. We will be building the first screen! Tools that I used…
Learning about Embedded Images in Xamarin Forms
Hello everybody! I hope that you all had excellent Christmas & New Year parties and had a great time with your loved ones! ??Now is the time to continue learning! (Voice saying yes ?) In this article will be learning about Embedded Images. So… ? I imagine that at some point in your developer life when you are adding images to…
Understanding the differences between Margin & Padding and Translation properties
Hi!! And merry Christmas to all! This time we will be learning about two things I have received questions about, they may be easy to confuse because both properties handle the same values and behaves similarly, I’m talking about the Padding and Margin properties, on many occasions we tend to use them as “equivalent” properties, but it is important to understand what the difference…
Replicating great UI in Xamarin Forms
Hello, for this post I reproduced a super nice UI that was inspired by Mountain Trip Design and I listed the themes I used to build it! Tools that I used To replicate the Mountain Trip UI, I used the following tools: ?Visual State Manager – It allow us the make visual changes to our controls depending on the state.…
Getting started with Visual State Manager (VSM) in Xamarin Forms
When we are developing an application we usually face requirements that needs some visual changes depending of a specific control’s state. For example, we may need to increase the height of an Entry while the user is writing, but we may also need to modify the text color, the most important is that all of this must happen when the…
Adding custom fonts in Xamarin Forms
Often, when we need to apply a design we find different Fonts to which we think fits best with the design, for that reason use a custom Font. That’s what we’re going to be learning in this post!! Let’s start! For the example I will use the Cute Jelyfish font, you can find it here. The first that we have to learn is…
Replicating Facebook Profile UI in Xamarin Forms
Hello guys!! This time, I created a post that’s a little different than my usual posts, I built a Facebook Profile UI! So you’ll be able to the whole code, I will list the elements I used and leave some explanatory posts so you can understand them better in case you have not used them yet. Let me tell you…
Showing Design Time Data with XAML Previewer
From developer to developer, I would like to start this article by asking some questions: 1⃣ Have you ever experienced that you want to show the progress of the design of a screen and for this you need to add test data to the XAML so that the user can see the results, right? 2⃣ So after you convinced the…
Make your life simpler with the CollectionView’s Layouts 😎
CollectionView allows us display a list of data. It’s very similar to the ListView but this control enhances the performance and memory management of the list and covers different layout presentations such as: Vertical, horizontal and grid, making it a lot better and saving us our precious development time. This control is available from the version of Xamarin Forms 4.0.…
Header, footer and grouped information in our ListViews in Xamarin Forms
Nowadays, we work with applications that handle a big data sources and that frequently needs to be displayed in a ListView. Working with this control type, it’s important to know that if we just display all the data, it can be overwhelming for our users and that’s not the idea ?. As developers, in these cases we must try to make…