Howdy!!!šāāļøĀ In this case, I just want to give you a quick tip about handling the Dark mode on iOS. Appearance handling came to iOS from version 13 onwards, thanks to this update, the users who own these devices will be able to adapt the appearance of their device as they like between light and dark. Because of this, I think…
Tag: UI
Replicating Burger UI App in Xamarin Forms
Howdy!!! ?āāIn this case we are going to replicate a Burger App UI obtained from Dribble. You can check the designĀ 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 the UI: ā At the beginning, you will see an image with the…
(Part 2) Replicating Flight UI: Working with the XAML
Howdy!!! ?āā Iāll continue doing what I love ?In this case we are going to replicate a Flight UI obtained from Dribble from Gleb Kuznetsovā. You can check it here! . To get the best out of this post, if you haven’t seen it yet, I recommend reading the first part of this article namedĀ ā(Part 1) Replicating Flight UI: Preparing…
(Part 1) Replicating Flight UI: Preparing the project to work with MVVM
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…
#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…