Here is a representation of what I want to accomplish in Xamarin Forms (Android & iOS):
The bottom area is not a tab control because we can navigate to another page OR open a drop down menu at the page top level.
I was wondering if it was possible to have UI (like this menu at the bottom of the page) with an area where it is possible to navigate in Xamarin Forms. For example in UWP we can accomplish that by having a Frame control inside the page.
Related
I need to create a xamarin forms application that will work on half of the screen. As default, layouts fill the screen. How could i do this by layout or contentView or ContentPage?
Xamarin forms don't have this kind of function(half screen)
Although there a thing called widget on android,Android Floating Widget is nothing but overlay views drawn over applications. To allow drawing views over other applications.you can refer to here to know more https://www.journaldev.com/14673/android-floating-widget
and here is a related queston with the working solution:How can I do this floating action button where can run even in background mode in Xamarin forms
There is a list on the main page. When you tap on item opens page with full data about that item (Navigation.PushAsync). I need to implement on Android and iOS, so that when you swipe back on master page(Navigation.PopAsync).
As below shown:
I am using SwipeGestureRecognizer. But the animation itself (pull the page) I do not have.
How to implement this on gif above?
I have set up my Xamarin.Forms Prism application to use a Master-Detail Page (with MasterBehavior set to Popover) for its navigation, but I am noticing a few differences between my Prism app and the sample Xamarin.Forms app using this page (https://developer.xamarin.com/guides/xamarin-forms/user-interface/navigation/master-detail-page/).
On Android, clicking the hamburger icon makes the master slide out in both apps. In the sample app, the hamburger icon remains visible. In my Prism app, the hamburger icon does not remain visible, as the master view takes the full height of the screen, as shown below:
On UWP, clicking the hamburger icon makes the master slide out in both apps. In the sample app, the hamburger icon remains visible and the title of the master page is shown at the top. In my Prism app, neither of these items are visible, as shown below:
There also appears to be some type of padding or empty space at the top and bottom of the Prism app master view.
Are these differences introduced by Prism itself, or is there a way to configure the master to behave similar to the vanilla Xamarin.Forms sample?
UPDATED SCREENSHOTS
To better demonstrate the issue that I am seeing, here are some more screenshots.
Xamarin sample, app launch and then hitting the hamburger icon keeps the navigation bar (with hamburger icon) visible with the master visible:
My Prism app, app launch and then hitting the hamburger icon makes the master view take up the entire height of the screen:
In order to get the hamburger icon to show when you navigation to a page you have to wrap the Detail in a NavigationPage. So register the navigationPage for navigation, and then add it to your navigation URI.
protected override void OnInitialized()
{
NavigationService.NavigateAsync("MyMasterDetail/NavigationPage/MainPage");
}
Take a look at this sandbox example:
https://github.com/PrismLibrary/Prism/tree/master/Sandbox/Xamarin
I would like to create context menu in my project. On android it's called PopupMenu. On click of button, I have to show the popup with 3 rows and it's clickable event. How I can implement this in my code? Example of this menu here:
http://www.javatpoint.com/images/androidimages/popup2.png
The Xamarin.Forms way to handle this is to call DisplayActionSheet() on the Page.
It's not exactly a popup, but on the other hand it has better chances to be fully displayed and visible on screen if your view can scroll.
I am looking to create a menu bar with a specic type of "action"
Similar to the bar on this website
BBC Sport
Its totally static and has no dynamic or "pop out" sections. When the top menu is clicked the page will re-load and display the lower level in a diffrent colour.
Can this be achived with the Standard ASP:Menu control?
I am not a big fan of the pop out feature however I do not want all my options to be visible to my users at root
Hope that makes sense
Check out this basic ASP.Net Menu control page. You can click on the "Run" buttons to see very basic versions of the menus.
The advantage of using this particular approach is that you can tie it to a sitemap, so you don't have to keep updating the menu code. You just add the page(s) to the sitemap, and the menu picks it up.
You can also dynamically link the menu to different sitemaps, such as one for the admin menu and another for regular users' menu.
The Menu control is in the navigation section of the toolbox.
To experiment with the built-in functionality (before writing your own code to do what it will do for you), just drag and drop a menu control onto your form. Then, use the common tasks menu to:
autoformat -- good for quick & dirty because it sets hoverstyle too
set the data source
set the view type (static or dynamic)
define menu items with an editor
work with templates to set appearance
You have to go to properties to set menu appearance.