Im new in Xamarin, for the last couple of days i've been doing some searching on Side menu panel that supports both Xamarin.iOS and Xamarin.Android and can include an image at the top of it like the screenshot shown below.
Side menu screenshot
Any components in mind? if there is no component how can i do it by myself?
Android has the Navigation Draw for side slide out menus.
For iOS there are quite a few components such as Flyout Navigation, ActionTray and Sidebar Navigation
Related
Using xamarin forms, I am trying to create an app for android tablet with layout navigation structure which should have
left side menu items and right side its pages in the same screen (no overlapping menu panel required in ux)
Master detail page is a option but it will create fly layout appearance and ux will not match upto the requirement.
I need mvvm structure on viewmodel navigation to its pages.
Any help would be appreciated on this.
Example:
sample screen
I am using master detail page. In iOS when I click hamburger icon the master page slides the detail page to right in iOS. I want when we click on hamburger icon the master page should come over detail page like in android. The detail page should not slide to right, it should stable and Master page should overlap it in ios. In android its working fine. How can I achieve it in ios also?
In your Master Detail Page Xaml or CS file you need to set the attribute MasterBehaviour to be equal to the type Popover.
You must then on pressing the hamburger icon change the IsPresented variable from false to true or the reverse if you would like to slide the drawer out or back in.
Xamarin.Forms currently (v3.40) have a pretty terrible implementation of the MasterDetailPage I have raised issues on GitHub and I am currently working on a pull request to fix their bugs for them.
I'm trying to find a way to put a close ToolBarItem on the left of my ToolBar.
To be more explicit, here are some screenshots:
For Android:
For iOS:
The problem is not about to display icon istead of text, I'm using Iconize for that. The problem is about to put ToolBarItem to the left for both iOS and Android.
I've found this renderer for iOS (not tried yet):
https://gist.github.com/alexlau811/f1fff9e726333e6b4a2f
You need to write Custom renderer to implement left side tool bar items. Detailed implementation for this is explained here https://timeyoutake.it/2016/01/02/creating-a-left-toolbaritem-in-xamarin-forms/
I'm using Xamarin Forms with Prism and I need to create a layout with a sidebar menu and a fixed bar at the bottom of the screen with quick actions like instagram app for iOS and Android.
I was thinking in use MasterDetail but how can I add that fixed bar at bottom of the Detail controller and keep it when detail page changes?
And the second thing is that I have a specific page that has form sections separated by tabs, so how can I render tabs at the top of the page for iOS (like Android)?
Something like this:
I develop Xamarin.Forms app (latest version of Xamarin), I'm targeting only Android. I use TabbedPage which displays bar on the top of the screen. I want to make my custom visual item that will look like the TabbedPage bar. Where can I find out font size, font type, background color, margins etc so I can make my custom visual item that will look like TabbedPage bar?
As you said that you want to create tabbed page I think you should use Xamarin.forms controls (https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/navigation/tabbed-page/). But if you want to create custom tabbed then you have to use custom renderer for top navigation bar.