Add a custom button in the Tabbar in Xamarin Forms - xamarin

Is there any way to add a custom button in the tabbar of Xamarin.Forms, like it's seeable on the mock below?
Thanks in advance.
Cue.

You can use relative layout to add the tabs in Xaml,
If you need any coding help let me know I'll help you to design this layout.

I came across this question while looking into implementing a very similar tab bar. There is one other option I've found to do this without writing those hefty custom renders yourself. Check out Sharpnado. It provides a variety of possible customizations for a Xamarin.Forms tab bar.
There is also a blog post on implementing a few options, complete with sample code you can clone.

Related

Is there a way to use Rg.Plugins with Xamarin Forms Shell?

From what I can see Xamarin Forms Shell is a "work in progress" and has been for a long time. With that in mind is there a way to use Rg.Plugins with Shell?
Having a problem doing things like this:
await Navigation.PushPopupAsync(PopupPage);
When there is no Navigation property with Shell.
Would appreciate any advice on what I can do, suggestions on another plugin that could help me or can I just do the same thing with my own custom code to open up another page?
For those people who have been in the same situation as me, what did you do?
now
First of all, Rg.Plugins add support to Shell Navigation, this demand was added this to To Do in Todo List.
https://github.com/rotorgames/Rg.Plugins.Popup/issues/441,
But I test Rg.Plugins in the ShellContent, ShellContent use a ContentPage to display the Button, then click the Button to pop up a window. it worked as normal. Here is running screenshot.
Xamarin forms shell achieve the Navigation that provide following ways.
https://learn.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell/navigation
I test Rg.Plugins with above ways. It cannot worked. It do not support the Rg.Plugins page.

Xamarin master detail page with static header and context menu

I need to do a master detail layout page in Xamarin which then will be used in child pages.
Please check the screenshot below:
I need to have a header part with button for notifications and a button for context menu plus a header.
What is the best approach how I can create this layout in Xamarin?
I will assume that you want to use Xamarin.Forms, instead of using Xamarin.Android and Xamarin.iOS separately.
One approach would be to use default MasterDetailPage as described here or even better to try it with Shell as described here.
Then, you would need to create your CustomNavigationPage and write a custom renderer for it.
Second approach would be to do some tricks, again creating your CustomNavigationPage with template(so that the navigation bar is always displayed) and that you change content dynamically.
Also, you would need to hide default navigation bar and attach click events to your menu button to really open up the menu.
Hope you got it clearly.
MasterDetailPage already provides nearly all functionality that you have asked for, so in some way your question isn't quite clear as you already mention MasterDetailPage. The only remaining problem I can see is how to set up a custom header, and that is than with NavigationPage.TitleView.

Have any way to let the drawer navigator Item not be show

I don't want to let all routers show the itemView. It is because that there are some routers I need custom the item in other position.Thanks your help.
I had the same problem, if I understood your question right. I looked a long time for a way to disable or hide certain drawer items to only navigate to through a custom link. I didn't find a simple way to do this in the React navigation docs. Instead, I created a custom drawer and created all of the links myself.
I gave a longer answer to a similar question on https://stackoverflow.com/a/44205159/8071132.

How to create a view for a single control?

What is the best way to create a view for a single control that I need to load into a Shell region in a Prism app. I know I can wrap the control in a UserControl, but I suspect there may be a better way.
I am working on a demo app to learn Prism 4. Each module will load a navigation button into an ItemsControl in a region in the Shell. These navigation buttons will function like the Mail, Calendar, and other buttons in Outlook.
I am creating the view in each module that will hold the module's navigation button. The simplest way to create the view seems to be to wrap it in a UserControl. My question is this: Is there a better way to do it? Thanks for your help.
If you need graphical control, what you are doing is the way to go. If you find yourself making all of the buttons look the same (copy - pasting) you might find that a menu registration service is the way to go.
You'd have a service like IMenuService that you register with your container and modules can come around and register menu items to. You can then create buttons for the module. I've provided a sample for this here:
http://dl.getdropbox.com/u/376992/CAGMenus.zip
Your question, though, seems to be about whether or not you need to wrap a control in a UserControl to register them with a region? If that's the question, I believe the answer is no, although you might amend your question to tell us what you are running up against that makes you think this.
I ended up wrapping the control in a UserControl, and it seems to work fine. I am still interested in seeing if there is a better way to load the button, so I will hold this question open for a few days.
Edit 02/22/2011: I tried using a control without a UserControl wrapper, and I got the following error:
Library project file cannot specify ApplicationDefinition element.
I wrapped the control in a UserControl and the error went away.

Cocoa Interface Builder's 'Attributes Inspector' like window

I'm making a Cocoa application, and I would like a panel like the 'Attributes Inspector' in Interface Builder. So with big tabs on the top and collapsable/expandable groups. Does anyone know how I can do this?
This is an image of the Attributes Inspector:
Attributes Inspector http://developer.apple.com/documentation/DeveloperTools/Conceptual/XcodeQuickTour/Art/hello_win_attributes.jpg
So I actually want to make a window like the one shown in the image above.
InspectorKit is FOSS on github.
There's no built-in Cocoa controls to do this. You're going to have to write some custom views which replicate the functionality.
There some good advice for creating custom controls in the answers to this question: Looking for info on custom drawing of interface components (Cocoa)
If you need additional help, I recommend you ask smaller, more specific questions explaining what you've tried and what hasn't worked.
I've written some custom classes to do this- it ended up being less work than I expected. I broke it down into two separate components which can be used independently- the first handles the icons at the top and performs the view switching and the second handles the expandable panes:
My code is available at github and is under the BSD 2-clause license.

Resources