{"id":876,"date":"2018-02-11T20:52:37","date_gmt":"2018-02-11T20:52:37","guid":{"rendered":"http:\/\/sezeromer.com\/?p=876"},"modified":"2023-02-26T12:52:24","modified_gmt":"2023-02-26T09:52:24","slug":"xamarin-forms-ios-hamburger-menu-eklemek","status":"publish","type":"post","link":"https:\/\/sezeromer.com\/en\/xamarin-forms-ios-hamburger-menu-eklemek\/","title":{"rendered":"Xamarin Forms iOS Adding Hamburger Menu"},"content":{"rendered":"<p>Hello. You may want to add a <strong>Master Detail Page<\/strong> in your <strong>Xamarin Forms<\/strong> project. This page, which is very useful, is so complicated to use. Because there are so many features. I&#8217;m going to talk about a topic I&#8217;m having difficulty with in this writing. The most important reason for us to use Master Detail Page is a page like a pop-up menu. On the other hand, in order to open the drop-down menu on the <strong>Android<\/strong> side, we have a 3-line visual called a hamburger menu, but unfortunately not for <strong>iOS<\/strong>.<\/p>\n<p>When you open a project or add a master detail page to an existing pro- gram, you need to add a hamburger menu icon for <strong>iOS<\/strong>. I can use this image for you if you wish to appoint it here. I found this visual problem while investigating. You can get it <a href=\"https:\/\/raw.githubusercontent.com\/xamarin\/xamarin-forms-samples\/master\/Navigation\/MasterDetailPage\/Droid\/Resources\/drawable\/hamburger.png\">here<\/a>.<\/p>\n<p>But after we add this icon, our problems continue. In this case, the problem is that when you add an icon, it appears blue.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-878\" src=\"http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/master-detail-1.png\" sizes=\"(max-width: 511px) 100vw, 511px\" srcset=\"http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/master-detail-1.png 511w, http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/master-detail-1-300x129.png 300w\" alt=\"\" width=\"511\" height=\"220\" \/><\/p>\n<p>For this you need to do; first you will go to your master detail page. Then we need to change the tint property of the Detail page, ie the tone property. We can do this using the Color class we want. I chose white color here, you can do as you like. Afterwards, you can use it with your hand.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-879\" src=\"http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/master-detail-2.png\" sizes=\"(max-width: 404px) 100vw, 404px\" srcset=\"http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/master-detail-2.png 404w, http:\/\/sezeromer.com\/wp-content\/uploads\/2018\/02\/master-detail-2-300x77.png 300w\" alt=\"\" width=\"404\" height=\"104\" \/><\/p>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Hello. You may want to add a Master Detail Page in your Xamarin Forms project. This page, which is very useful, is so complicated to use. Because there are so many features. I&#8217;m going to talk about a topic I&#8217;m having difficulty with in this writing. The most important reason for us to use Master [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":880,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[288,3],"tags":[114,290,291,115,123,7,292,22,119],"class_list":["post-876","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ios","category-xamarin-ile-yapilmis-projeler","tag-android","tag-hamburger","tag-hamburger-mneu","tag-ios","tag-master-detail-page","tag-omer-sezer","tag-tint","tag-xamarin","tag-xamarin-forms"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/876"}],"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=876"}],"version-history":[{"count":3,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/876\/revisions"}],"predecessor-version":[{"id":1014,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/posts\/876\/revisions\/1014"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media\/880"}],"wp:attachment":[{"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/media?parent=876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/categories?post=876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sezeromer.com\/en\/wp-json\/wp\/v2\/tags?post=876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}