In xamarin forms iOS, blue color is applying without providing any color at bottom.
This has to do with the ios Safe Area
If you have Page.SafeArea=True with a device with rounded corner, it will "truncate" a part. And show the Page.BackgroundColor behind (blue in your case)
If it's false, it will not truncate, but the content might be shown in an undesired way because of the rounded borders
I show you a Page with BackgroundColor="Red" and a StackLayout with BackgroundColor="Yellow"
On the right the page has Page.SafeArea="True" and on the left, with a False value
Related
My app uses a frameless window and I made a custom title bar along with it, I set the entire titlebar area to be draggable with -webkit-app-region: drag; so you can position the window on the desktop, but now I can't resize the app from those corners, is there any way to keep both?
Edit: I added -webkit-app-region: drag; to the buttons and the left title area because I lost control of the buttons and I can resize from corners and those edges, but the top edge is still inactive
I have noticed that in the simulator using iPhone X, the tabBar increases dimension vertically to respect the safe area on the bottom of the screen. However toolbars added in storyboard do not and still maintain their default 44 height which causes the toolbarItems to be cutoff on the edges.
How would I duplicate the tabBar behavior for the toolbar on iPhone X without customizing the toolbar?
In order to be able to constrain items to the safe area in a storyboard, you need to enable "Use Safe Area Layout Guides" on the storyboard, in the Interface Builder Document section:
Once you've done that, you can, as mentioned in the other answer, constrain to the Safe Area:
The solution is to change the vertical constraint in storyboard on the bottom and sides to the safe area rather than container margin:
Can anyone help with some tips to create a Progress Bar similare to the progress bar in the picture in both android and IOS.
Any tip or trick could be helpful.
ProgressBar picture
I know that on android applications in Xamarin Forms, the color of a progress bar is tied to the value of colorAccent in the styles file in the Android Resources folder.
To make the progress bar white you could make the colorAccent line like this:
<item name="colorAccent">#FFFFFF</item>
A warning with doing this, it will also change the colors of other views accent colors such as Switches.
To add the number next to the progress bar, it is easiest to do that with a label that is positioned next to the progress bar. Then in your code, whenever you change the value of the progress bar, you can also change the Text of the label.
I am writing an application where I need to move a view from top to bottom but only when user moves it downward. To move this view I have a button below the view to drag. So initially I place the view beyond top of the view i.e. with negative margin equals the height and only the drag button is visible at the top to user. I see that this works perfectly on Lollipop and view is just at the position where bottom of view matches the top of screen. When I try it on Kitkat and lower versions, the view goes more towards top than the edge of screen. I have this everything in a RelativeLayout.
To show that view is dragged downward I am manipulating bottomMargin and topMargin properties on view.
Has anyone came across similar problems? Thanks in advance.
Sorry for the confusing title, but I'm not sure the correct name of the border.
I've created the UISplitViewController that looks like exactly the Mail app in iPad. But my UISplitViewController is not the highest controller in controls hierarchy.
My problem is that I need a sponsor banner to be displayed under UINavigationBarController but above the UISplitViewController.
As the image, I could have everything in place, but 1 thing, the border of the Master View popover stays on top of the banner.
As my investigation and testing, the border is neither the popover border, nor the view's border. It appears as the UIViewController border???
How can I change the border's colour or just remove it?
Thanks
-Khang
I finally found the solution.
There is no way to touch the border, because it's a part on UIViewController.
I realized that the MasterView in portrait mode is a UIPopoverController. It should appear on top of existing content. I tried to insert another view (mask, black UIView to cover the border which was staying on top of the black banner) on top of the popover.
I the solution found here. Just added the mask view in portrait mode and removed it in landscape mode.
Hope this helps other guys.