The issue I need to create left and right side menu without using a plugin in Xamarin forms but right side menu is not supported.
can I create layout contains main content, left and right drawer using xamarin native and use this layout as the master layout in Xamarin forms?
If you want to have both menus, you can use the following:
Use a layaout for the main content and add two buttons (one for display right menu, the other for the left).
Add a layout after the main for the left menu and set visibility to hide
Add the code that when the user tap the button, changes the visibility of the layout created in 2.
Repeat for the right menu.
This is a easy way to achieve it. I hope this can help you.
you can use slideoverkit, if you want to with the plugin. This will help you otherwise it will take a lot of time for some perfect solution.
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 trying to get a Circular Icon of my Application Logo right in middle of tabbed bar menu's, I have 5 Tab Menu's where the third one i want it to look like this
trying to get this on Android & Ios
i have tried custom rendering by removing the padding but still not able to get the desired result, i found one solution updating icon using SetTabIcons Method but this method does not get trigger when we are working with bottom tabbed bar in Android, please suggest me something which can help me to get this for both android & Ios
I understand your problem here, i am not sure how to get that big button overflowing the tabbar but however have a look at this
https://devlinduldulao.pro/how-to-create-bottom-navigation-bar-in-xamarin-forms/
That's an open source project and the source code is linked at the bottom of page, you can tweak the animation (which i like very much) and use a customrenderer to render the center icon over a circle.
Have a look if that helps you in any way! :)
Hi does anybody knows if I can make a button in Xamarin Forms that opens a small dropdown menu? I did this in android studio but I can't find a way how this could work in Xamarin.
It should look like this:
And like this if the button is clicked:
And the Button should not be in the navigation bar because this page don't have one.
So if anybody could help me I would be very grateful and sorry for my bad english.
The closest API in Xamarin that does that is to display a pop-up using DisplayActionSheet, but the dropdown menu will be at the bottom of the screen. Or you can use a Picker (link to documentation).
If you want to implement something that look exactly like the image in your post, you can create a StackLayout that contains a few buttons, and show it when the drop down menu button is clicked.
i think that you can do it not directly but if we let some things be together we can achieve it, you have to add toolbar item for the button and for the menu list it's a popup page that has transparent background and list menu on the top right !
I am building an app in Visual studio with crossed platform in Xamarin.Forms.
I have been trying to change the back arrow button in the navigation UI to an image in stead of the arrow, but I haven't found any good examples.
Is there anyone here who can help me?
Back arrow button in navigation bar is default feature. I think it can't be changed. If you want to change it then you should use a custom navigation bar.
I have created AppShell Page as a master page for my mvvmcross UWP(windows 10) app and added hamburger menu in it. Now I want to add two buttons like Users and Customers in hamburger menu. When click on users button i want to open sliding panel from right side with animation and display list in it and when user click anywhere in page except sliding layout then hide sliding layout.
Please suggest me any good way to achieve this.
Thank you.
Easy - use a TranslateTransform to animate sliding and Visibility to make it show up or hide.