I created a really simple TabbedPage on my project and i set the BarBackground to the same color of the other pages but the bar has a shadow that i want to remove but i don't know how to do it. I tried to set the BarBackground to "Transparent" but doesn't work or i just don't know how to set properly. I know on IOS there's a way but i couldn't find on android.
My TabbedPage:
<local:Hub IconImageSource="checklist.png"></local:Hub>
<local:Home IconImageSource="home.png"></local:Home>
<local:ChartView IconImageSource="charthistogram.png"></local:ChartView>
Related
My goal is to view the content of the bottom page from the top of the other content page. In order to accomplish this, I used PushModalAsync to navigate and set the BackgroundColor property of the navigation page to Transparent. I can view the content on the bottom page on Android. However on the iOS platform, a black color is always displayed and I am unable to read the content of the bottom page. Why is the background color always black even when it is set to be transparent in PushModalAsync?
Note: The iOS platform displays a white screen when I change the navigation to PushAsync.
Expected Behavior:
Background color should not be black and it should be transparent when navigating using PushModalAsync
Actual Behavior:
Background color is always black even when the content page background color is set as transparent when navigating using PushModalAsync
Android Screenshot
iOS Screenshot
The issue reproducing sample is provided below:
DemoSample
If you want to do EXACTLY like that, it is not possible (it will require so much work that you can't expect someone to provide you the solution here).
On iOS that control (ViewController) is drawn that way in that presentation mode. So as long as you use that control and that mode it will work that way irrelevant if you use Xamarin or something else. As ViewControllers are most basic controls it is not realistic to replace them with something else. But you can replace presentation mode. In Xamarin.Forms you can do that this way:
<ContentPage ...
xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core"
ios:Page.ModalPresentationStyle="FormSheet">
...
</ContentPage>
This will result in somewhat different visual presentation but that is the only way to have one ViewController drawn over another without going into some deep customization that would require tons of code, especially on Xamarin.Forms.
You can also try some other values, but the default value will not work.
In iOS, the hierarchy is managed by the view controller. Each page has a separate view controller. A page consists of a window, a root view, and a subview. You cannot see the layout of the previous page by setting the background color to be transparent.
For more details, you can refer to the following documents:
User interface | Microsoft
The View Controller Hierarchy | Apple
Recently I came to know about this trend called Neumorphism. Its normally used in android and webisite but I to achieve same in effect in UWP in Windows App. This effect requires 2 shadows light and dark in opposite directions to make object look like its merged with background. UWP dont have shadow effect so I used Drop Shadow Panel from "Microsoft.Toolkit.Uwp.UI.Controls" nuget package but it dosent look like its natural.
Can anyone please tell me what would be more better way to achieve this ?
I'm creating a windows 10 xaml app. One of the views contains a webview which fetches some html.
My problem is that although the default theme on the app is set to dark, the scrollbar in the webview is always light, which jars against the rest of the UI.
I've tried setting the RequestedTheme=dark on the webview, but no joy
Unfortunately this isn't possible since the WebView is based off of Edge and Edge doesn't currently support it, as you can see here. If Edge gets this feature, you could simply insert a STYLE into your head element to define the color.
I've been working on this project, and its really been bothering me. I have this issuse where I can easily add text to my title bar, but i can't center it. All my code is written in either XAML / MVVM. The thing is, it needs to be cross-platform, So far i've only found guides how to do it specific for android devices.
Heres is the example of my title bar right now. I want to center that text. I hope anyone can help.
It is centered by default on iOS and you would need to add a custom binding I guess to add the Android specific code for centering it.
I have a monotouch project and I am trying to theme the uipicker without any luck. I have tried setting backgroundcolors to clear however none seem to do much.
To start with I don't want to do anything to difficult I really just want to be able to clear the black background then remove the 2 tone gradient bar that the picker is inside.
Any monotouch gurus care to lend a hand?
It is not an easy task (Apple doesn't have a clear cut way to do this). Read some of the options here.
So you can either:
Create an image with a transparent center to add a UIImageView as a subview,
Try settings properties on a Subview of UIPickerView
Try porting their IXPickerOverlayView to MonoTouch