{"id":825,"date":"2018-06-05T21:24:49","date_gmt":"2018-06-05T21:24:49","guid":{"rendered":"http:\/\/sezeromer.com\/?p=825"},"modified":"2023-02-26T23:45:21","modified_gmt":"2023-02-26T20:45:21","slug":"xamarin-forms-ios-ikon-degistirme","status":"publish","type":"post","link":"https:\/\/sezeromer.com\/en\/xamarin-forms-ios-ikon-degistirme\/","title":{"rendered":"Xamarin Forms Changing iOS Icon"},"content":{"rendered":"<p>The most important part of an application is its design. Although it is nice, it is not long-lasting to use as long as the user does not like the design. Of course, it is also the first icon in design. In this article, I will talk about how to change the icons of <strong>b<\/strong> applications in <strong>Xamarin<\/strong> <strong>Forms.<\/strong><\/p>\n<p>First we need to set the icons for <strong>iOS<\/strong>. We need to adjust the size of the photo you selected as an icon for this. <strong>Apple<\/strong> is very strict in this regard. The dimensions of the photo should be as follows. Otherwise it will always fail.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-827\" src=\"http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ios-ikon-boyutlari.png\" sizes=\"(max-width: 834px) 100vw, 834px\" srcset=\"http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ios-ikon-boyutlari.png 834w, http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ios-ikon-boyutlari-300x203.png 300w, http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ios-ikon-boyutlari-768x518.png 768w\" alt=\"\" width=\"834\" height=\"563\" \/><\/p>\n<p>It is very annoying and unnecessary to do them all by hand. There is a website that handles these very easily. When you put the photo on this site, the icons created in all the formats are sent to your e-mail address. You can get it here. The photos we have created in accordance with <strong>Apple<\/strong> come to the iOS layer of our project and place them in the Resources section. After that, <strong>MacOS<\/strong> and Windows will be different. For <strong>MacOS<\/strong>, we need to select photos directly on the <strong>Assest.xcassets<\/strong> screen in the <strong>iOS<\/strong> layer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-828\" src=\"http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ios-ikon-degistirme-2-1024x640.png\" sizes=\"(max-width: 1024px) 100vw, 1024px\" srcset=\"http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ios-ikon-degistirme-2-1024x640.png 1024w, http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ios-ikon-degistirme-2-300x188.png 300w, http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ios-ikon-degistirme-2-768x480.png 768w, http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ios-ikon-degistirme-2.png 1440w\" alt=\"\" width=\"1024\" height=\"640\" \/><\/p>\n<p>From here, match all the photos to their size. When you compile the project you will see that the icon changes. We are entering the Media section for <strong>Windows<\/strong>. In the <strong>Appicons<\/strong> section, we map again<strong>.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-830\" src=\"http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ikon-degistirme.png\" sizes=\"(max-width: 381px) 100vw, 381px\" srcset=\"http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ikon-degistirme.png 381w, http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/ikon-degistirme-163x300.png 163w\" alt=\"\" width=\"381\" height=\"700\" \/><\/p>\n<p>If you want to reach the project you can reach it via github or <a href=\"https:\/\/github.com\/omersezer\/ikon-Degistirme\">here<\/a>.<\/p>\n<p>If you have any questions, you can reach us by email or comment.<\/p>","protected":false},"excerpt":{"rendered":"<p>The most important part of an application is its design. Although it is nice, it is not long-lasting to use as long as the user does not like the design. Of course, it is also the first icon in design. In this article, I will talk about how to change the icons of b applications [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1262,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[288,3],"tags":[114,403,320,321,115,5,487,486,22],"class_list":["post-825","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ios","category-xamarin-ile-yapilmis-projeler","tag-android","tag-forms","tag-icon","tag-ikon","tag-ios","tag-microsoft","tag-resulotion","tag-visual-stduio","tag-xamarin"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/825"}],"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=825"}],"version-history":[{"count":5,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/825\/revisions"}],"predecessor-version":[{"id":1324,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/825\/revisions\/1324"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media\/1262"}],"wp:attachment":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media?parent=825"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/categories?post=825"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/tags?post=825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}