Xamarin Forms Instagram Tasarımı

Hello friends. In this article I will talk about how to design an Instagram with Xamarin Forms. Designing with Xamarin Forms is more difficult than drag and drop design. I really wanted it to be an example for beginners by not being so difficult and designing the screens of large applications. Below is the current entry page of Instagram.



It’s actually a very simple screen. The general feature of large applications; it’s simple. This prevents the user from escaping fearfully. This is the case in almost all major applications.


Now we are creating an empty project first. When we build it, we do a rebuild and make the project sit. Then we come to the side of Xaml which is the design part of a page which is either created or created by you. You can find the code for the progeny below or on GitHub, but I still want to tell you.


Here is the first language selection section at the beginning of the page. When you are touched, a picker will pop down and you will be able to choose a language from here. We just made the design. You can do this with a renderer if you like.


Then there is the instagram logo. This is actually a font, but I took it directly as a logo and put it on the screen. Down the Logon is the entrance. Here is the username and password requested from us. Here you can see the design patterns below. The thing you will have to struggle here is to give different features in the same label maybe written. To do this is to add span to the text you need to do. Examples are already available below. I put straight lines in box views.



If you have any questions about our design, you can contact me by paying or commenting. If you want to reach the project via Github, you can get it here. Good works.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.