UI, Xamarin

Replicating Sneakers UI in Xamarin Forms

Howdy!!! šŸ™‹ā€ā™€ļøIn this case we are going to replicate a Sneaker UI App 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 original UI where…

Continue Reading

Xamarin

Quiz: Let’s practice some simple UI skills!šŸ˜

Howdy! ?ā€ā™€ļøI have to confess that I really love UI practices and thatā€™s why I decided to create this post a little differently! I have noticed that the topic of creating graphical interfaces in XAML is one of the ā€œMost fearedā€ that’s why I usually develop a lot of posts about UI Replication in order to show you that itā€™s…

Continue Reading

UI, Xamarin

Replicating Real Estate Property details UI in Xamarin Forms

Howdy!!! ?ā€ā™€ In this case we are going to replicate a Real Estate 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…

Continue Reading

UI, Xamarin

Quick tip: Handling Dark mode in our iOS App

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…

Continue Reading

UI, Xamarin

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…

Continue Reading

UI, Xamarin

(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…

Continue Reading

MVVM, UI, Xamarin

(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…

Continue Reading

UI, Xamarin

#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…

Continue Reading

UI, Xamarin

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…

Continue Reading

UI, Xamarin

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…

Continue Reading

UI, Xamarin

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…

Continue Reading

UI, Xamarin

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…

Continue Reading

Images, UI

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…

Continue Reading

UI, Xamarin

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…

Continue Reading

UI

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

Continue Reading