{"id":2184,"date":"2021-08-07T13:37:30","date_gmt":"2021-08-07T13:37:30","guid":{"rendered":"https:\/\/sezeromer.com\/?p=2184"},"modified":"2023-03-04T13:53:53","modified_gmt":"2023-03-04T10:53:53","slug":"xamarin-android-round-icon","status":"publish","type":"post","link":"https:\/\/sezeromer.com\/en\/xamarin-android-round-icon\/","title":{"rendered":"Xamarin Android Round Icon"},"content":{"rendered":"<p>Hello friends, in this article, we will talk about how to make a round icon in Android applications that we developed with Xamarin Forms. In many versions of Android, app icons are shown in a circular form on the home screen. This causes the application we have developed to not look very nice. You can see it below as an example.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2185\" src=\"https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628339152-512x1024.png\" alt=\"\" width=\"512\" height=\"1024\" srcset=\"https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628339152-512x1024.png 512w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628339152-150x300.png 150w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628339152-768x1536.png 768w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628339152-1024x2048.png 1024w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628339152-500x1000.png 500w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628339152-800x1600.png 800w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628339152.png 1080w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/p>\n<p>As you can see above, the application we developed seems absurd compared to other applications. There is a very good online editor to edit this icon. With this editor, you can crop your square icon in a round shape. You can access this site <a href=\"https:\/\/romannurik.github.io\/AndroidAssetStudio\/index.html\">here<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2186\" src=\"https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.29.29-1024x548.png\" alt=\"\" width=\"640\" height=\"343\" srcset=\"https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.29.29-1024x548.png 1024w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.29.29-300x161.png 300w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.29.29-768x411.png 768w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.29.29-500x268.png 500w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.29.29-800x428.png 800w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.29.29-1280x685.png 1280w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.29.29.png 1435w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>After updating your application icon from here, you can download it. Place the icons in this downloaded file to coincide with the mipmap folders in Resources. As you can see here, I added round next to the normal icon name to indicate that I have a round icon.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2187\" src=\"https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.32.38.png\" alt=\"\" width=\"263\" height=\"628\" srcset=\"https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.32.38.png 263w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.32.38-126x300.png 126w\" sizes=\"(max-width: 263px) 100vw, 263px\" \/><\/p>\n<p>The last step is to specify the RoundIcon. We should do this in our Activity class.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2188\" src=\"https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.35.03-1024x131.png\" alt=\"\" width=\"640\" height=\"82\" srcset=\"https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.35.03-1024x131.png 1024w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.35.03-300x38.png 300w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.35.03-768x98.png 768w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.35.03-500x64.png 500w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.35.03-800x102.png 800w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.35.03-1280x163.png 1280w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screen-Shot-2021-08-07-at-15.35.03.png 1316w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>The final version of our application icon is as follows.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-2189\" src=\"https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628340000-512x1024.png\" alt=\"\" width=\"512\" height=\"1024\" srcset=\"https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628340000-512x1024.png 512w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628340000-150x300.png 150w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628340000-768x1536.png 768w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628340000-1024x2048.png 1024w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628340000-500x1000.png 500w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628340000-800x1600.png 800w, https:\/\/sezeromer.com\/wp-content\/uploads\/2021\/08\/Screenshot_1628340000.png 1080w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/p>\n<p>If you have questions, you can reach us by sending an e-mail or comment. Good work.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Hello friends, in this article, we will talk about how to make a round icon in Android applications that we developed with Xamarin Forms. In many versions of Android, app icons are shown in a circular form on the home screen. This causes the application we have developed to not look very nice. You can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2190,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[289,804,288,803,802,3],"tags":[114,403,320,797,861,862,863,22,119],"class_list":["post-2184","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","category-maui-android","category-ios","category-maui-ios","category-maui","category-xamarin-ile-yapilmis-projeler","tag-android","tag-forms","tag-icon","tag-maui","tag-round","tag-round-icon","tag-rounded-icon","tag-xamarin","tag-xamarin-forms"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/2184"}],"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=2184"}],"version-history":[{"count":2,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/2184\/revisions"}],"predecessor-version":[{"id":2334,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/2184\/revisions\/2334"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media\/2190"}],"wp:attachment":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media?parent=2184"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/categories?post=2184"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/tags?post=2184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}