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.<\/p>\r\n\r\n
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.<\/p>\r\n\r\n
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.<\/p>\r\n\r\n
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.\u00a0<\/p>\r\n
\r\n
<?xml version=\"1.0\" encoding=\"utf-8\" ?>\r\n<ContentPage xmlns=\"http:\/\/xamarin.com\/schemas\/2014\/forms\"\r\n xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2009\/xaml\"\r\n x:Class=\"InstagramApp.Views.LoginPage\"\r\n BackgroundColor=\"White\">\r\n <ContentPage.Content>\r\n <StackLayout Padding=\"10,45,10,0\">\r\n <!-- Bas\u015fl\u0131k k\u0131m\u0131nda bulunan dil se\u00e7me b\u00f6l\u00fcm\u00fc -->\r\n <StackLayout HorizontalOptions=\"Center\">\r\n <Label Text=\"T\u00fcrk\u00e7e (T\u00fcrkiye) \u2193 \"\r\n TextColor=\"#999999\"\r\n \/>\r\n <\/StackLayout>\r\n <!-- Instagram logosu -->\r\n <StackLayout HorizontalOptions=\"Center\"\r\n Margin=\"80,20,80,20\">\r\n <Image Source=\"intagram.png\"\r\n Aspect=\"AspectFill\"\/>\r\n <\/StackLayout>\r\n <!-- Kullan\u0131c\u0131 giri\u015f ekran\u0131-->\r\n <StackLayout Padding=\"5,20,5,0\">\r\n <StackLayout Padding=\"0,3,0,3\">\r\n <Entry Text=\"Telefon numaras\u0131,e-posta adresi veya kullan\u0131c\u0131 ad\u0131\"\r\n HeightRequest=\"50\"\r\n BackgroundColor=\"#fafafa\"\r\n TextColor=\"#999999\"\/>\r\n\r\n <\/StackLayout>\r\n <StackLayout Padding=\"0,3,0,3\">\r\n <Entry Text=\"\u015eifre\"\r\n HeightRequest=\"50\"\r\n BackgroundColor=\"#fafafa\"\r\n TextColor=\"#999999\"\/>\r\n <\/StackLayout>\r\n <StackLayout Padding=\"0,3,0,3\">\r\n <Button BackgroundColor=\"Transparent\"\r\n Text=\"Giri\u015f Yap\"\r\n HeightRequest=\"50\"\r\n TextColor=\"#c5e1fa\"\r\n BorderColor=\"#c5e1fa\"\r\n BorderWidth=\"1\"\r\n \/>\r\n <\/StackLayout>\r\n <StackLayout Padding=\"0,10,0,0\">\r\n <Label HorizontalTextAlignment=\"Center\">\r\n <Label.FormattedText>\r\n <FormattedString>\r\n <Span Text=\"Giri\u015f detaylar\u0131n\u0131 unuttun mu ?\"\r\n FontSize=\"Small\"\r\n TextColor=\"#999999\"\/>\r\n <Span Text=\"Giri\u015f yapmak i\u00e7in yard\u0131m al.\"\r\n FontSize=\"Small\"\r\n \r\n TextColor=\"#999999\"\r\n FontAttributes=\"Bold\"\/>\r\n <\/FormattedString>\r\n <\/Label.FormattedText>\r\n <\/Label>\r\n\r\n <\/StackLayout>\r\n <\/StackLayout>\r\n <!-- Ya da k\u0131sm\u0131-->\r\n <Grid Padding=\"5,10,5,0\">\r\n <Grid.ColumnDefinitions>\r\n <ColumnDefinition Width=\"*\"\/>\r\n <ColumnDefinition Width=\"Auto\"\/>\r\n <ColumnDefinition Width=\"*\"\/>\r\n <\/Grid.ColumnDefinitions>\r\n <StackLayout Grid.Column=\"0\"\r\n VerticalOptions=\"Center\">\r\n <BoxView Color=\"#999999\"\r\n Grid.Column=\"0\"\r\n HeightRequest=\"1\"\/>\r\n <\/StackLayout>\r\n <StackLayout Grid.Column=\"1\"\r\n VerticalOptions=\"Center\">\r\n <Label Text=\"YA DA\"\r\n TextColor=\"#999999\"\/>\r\n <\/StackLayout>\r\n <StackLayout Grid.Column=\"2\"\r\n VerticalOptions=\"Center\">\r\n <BoxView Color=\"#999999\"\r\n Grid.Column=\"0\"\r\n HeightRequest=\"1\"\/>\r\n <\/StackLayout>\r\n <\/Grid>\r\n <!-- Facebook ile devam edi\u015f-->\r\n <Grid Padding=\"20,40,20,20\">\r\n <Grid.ColumnDefinitions>\r\n <ColumnDefinition Width=\"50\"\/>\r\n <ColumnDefinition Width=\"Auto\"\/>\r\n <\/Grid.ColumnDefinitions>\r\n <StackLayout Grid.Column=\"0\"\r\n HorizontalOptions=\"End\">\r\n <Image Source=\"facebook.png\"\r\n HeightRequest=\"30\"\r\n WidthRequest=\"30\"\r\n Aspect=\"AspectFit\"\/>\r\n <\/StackLayout>\r\n <StackLayout Grid.Column=\"1\"\r\n HorizontalOptions=\"Start\"\r\n VerticalOptions=\"CenterAndExpand\">\r\n <Label Text=\" \u00d6mer Sezer Olarak Devam Et\"\r\n FontAttributes=\"Bold\"\r\n VerticalTextAlignment=\"Center\"\r\n TextColor=\"#3897f0\"\/>\r\n <\/StackLayout>\r\n <\/Grid>\r\n <!-- Son olarak a\u015fa\u011f\u0131da bulunan \u00e7izgiyi \u00e7ekiyorum-->\r\n <StackLayout VerticalOptions=\"EndAndExpand\"\r\n Padding=\"0,0,0,20\">\r\n <StackLayout Padding=\"0,0,0,15\">\r\n <BoxView Color=\"#999999\"\r\n HeightRequest=\"1\"\/>\r\n <\/StackLayout>\r\n <!-- En son olarak ise Hesab\u0131n yok mu kaydol b\u00f6l\u00fcm\u00fc yap\u0131yorum-->\r\n <StackLayout>\r\n <Label HorizontalTextAlignment=\"Center\">\r\n <Label.FormattedText>\r\n <FormattedString>\r\n <Span Text=\"Hesab\u0131n yok mu ?\"\r\n FontSize=\"Small\"\r\n TextColor=\"#999999\"\/>\r\n <Span Text=\" Kaydol.\"\r\n FontSize=\"Small\"\r\n TextColor=\"#999999\"\r\n FontAttributes=\"Bold\"\/>\r\n <\/FormattedString>\r\n <\/Label.FormattedText>\r\n <\/Label>\r\n <\/StackLayout>\r\n <\/StackLayout>\r\n <\/StackLayout>\r\n <\/ContentPage.Content>\r\n<\/ContentPage> <\/pre>\r\n<\/div>\r\n\r\nIf 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<\/a>. Good works.<\/p>\r\n","protected":false},"excerpt":{"rendered":"Sorry, this entry is only available in Turkish.<\/p>\n","protected":false},"author":1,"featured_media":1371,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[289,288,3],"tags":[403,514,7,109,538,22,119],"class_list":["post-1366","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","category-ios","category-xamarin-ile-yapilmis-projeler","tag-forms","tag-instagram","tag-omer-sezer","tag-visual-studio","tag-visuastuio","tag-xamarin","tag-xamarin-forms"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/1366"}],"collection":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/comments?post=1366"}],"version-history":[{"count":6,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/1366\/revisions"}],"predecessor-version":[{"id":2602,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/1366\/revisions\/2602"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media\/1371"}],"wp:attachment":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media?parent=1366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/categories?post=1366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/tags?post=1366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/sezeromer.com\/wp-content\/uploads\/2018\/08\/Screenshot_2018-08-20-14-22-10.png\")
<\/figure>\r\n\r\n