ListView ContextAction not following layout - android

Wondering if anyone else has run into the following issue.
I've got my App.MainPage wrapped in a navigation page
MainPage = new NavigationPage(new MyPage());
From MyPage I navigate to a user account page which is a TabbedPage
await Navigation.PushAsync(new MyAccountTabbedPage());
and here's the xaml (pretty simple)
<TabbedPage.Children>
<userAccount:SitesTab />
<userAccount:ProjectsTab />
<userAccount:SettingsTab />
</TabbedPage.Children>
Now here's where it gets fun. From within my SitesTab, I need to show a ListView that contains ContextActions
<AbsoluteLayout>
<ListView AbsoluteLayout.LayoutBounds="0,0,1,1"
AbsoluteLayout.LayoutFlags="All"
ItemsSource="{Binding ListItems}">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<ViewCell.ContextActions>
<MenuItem Text="Do Stuff"/>
<MenuItem Text="Delete Stuff" IsDestructive="True"/>
</ViewCell.ContextActions>
<StackLayout>
<Label Text="{Binding .}"/>
</StackLayout>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</AbsoluteLayout>
The issue I'm running up against is that the context action on Android doesn't cover/replace the NavigationBar, but rather pushes it down and screws everything up.
Before Context
After Context
So what's up here? Has anyone figured out a way around this? That context menu at the top of the page should cover over the NavigationBar instead of push everything down.

turns out I needed the following in my app compat theme
<style name="myActivityTheme" parent="Theme.AppCompat.NoActionBar">
<item name="windowActionModeOverlay">true</item>
</style>

Related

Xamarin.Forms Picker Selection BackgroundColor

I am Searching for a proper fix on how to change the Color of the Pickers (Date & Time) in Xamarin Forms. I already have the Custom Renderer to customize the Dialog, but is there also a similar possibility to customize the Background Color of the displayed Picker itself(and the annoying Pink line) on all Instances at once?
I found out how to make it, but my solution is not that elegant since i have to define the Background Color on each Instance throughout the App.
-> i want the Blue Box behind the 16:00 to disappear
the code to the picture i have as follows:
<TimePicker Grid.Row="5"
Grid.Column="0"
x:Name="BtnTime2"
Format="t"/>
<Button Grid.Row="5"
Grid.Column="1"
x:Name="BtnTime2Now"
CornerRadius="15"/>
<DatePicker Grid.Row="6"
Grid.Column="0"
Grid.ColumnSpan="2"
x:Name="BtnDate"
Format="D"
BackgroundColor="#00000000"/>
Hope anybody of you guys can help me
ok nevermind...
i already had the solution in my App.xaml
<Application xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Arbeitszeitrechner_Forms.App">
<Application.Resources>
<ResourceDictionary>
...some more Styles here...
<Style TargetType="TimePicker">
<Setter Property="BackgroundColor" Value="#00000000"/>
<Setter Property="TextColor" Value="{StaticResource Text}"/>
</Style>
<Style TargetType="DatePicker">
<Setter Property="BackgroundColor" Value="#00000000"/>
<Setter Property="TextColor" Value="{StaticResource Text}"/>
</Style>
</ResourceDictionary>
</Application.Resources>

Xamarin background color property

I want to use AppThemeBinding and use a binding for both Dark and Light color. Here is the code I have:
<Grid BackgroundColor="{AppThemeBinding Light={Binding onLigColour}, Dark={Binding someDarkColour}}"> <!-- ... --> </Grid>
And a class that it binds to and retrieves those properties, here is a code that works:
<Grid BackgroundColor="{onLigColour}"> <!-- ... --> </Grid>
Can anyone tell me why binding in a AppThemeBinding does not work?
We could not binding a value for AppThemeBinding.
<Grid BackgroundColor="{AppThemeBinding Light={Binding onLigColour}, Dark={Binding someDarkColour}}">
Because the Light and Dork of AppThemeBinding is not bindable.
The bindable property looks like below.
You could use the color directly.
<Grid BackgroundColor="{AppThemeBinding Light=#F1E1FF, Dark=#6C6C6C}">
Or you could use the static resource.
<Grid BackgroundColor="{AppThemeBinding Dark={StaticResource Background_Dark}, Light={StaticResource Background_Light}}">

Labels and Entries, by default, have no color in Xamarin.Forms

I have created a Xamarin Android Shell app. All the labels and Entries are in blank color and don't display on the android device until I change it to black or other colors. Below is a code snippet for the login page.
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="VaxineApp.Views.Login.LoginPage"
xmlns:local="clr-namespace:VaxineApp.Renderers"
Shell.FlyoutBehavior="Disabled"
Shell.NavBarIsVisible="False">
<ContentPage.Content>
<StackLayout Padding="40" VerticalOptions="Center" HorizontalOptions="FillAndExpand">
<Label Text="Welcome to Login Page" />
<Entry Placeholder="Email or Phone"></Entry>
<Entry Placeholder="Password"></Entry>
<Button Text="Sign in"></Button>
</StackLayout>
</ContentPage.Content>
</ContentPage>
I don't know whether I am missing something. That hasn't happened to me before.
See how this code renders on my Android device.

Adding background color to Xamarin Forms WebView has no impact

Page markup
<?xml version="1.0" encoding="UTF-8"?>
<ContentPage NavigationPage.HasNavigationBar="false" xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="ConnectedLifeView.NativeApp.Pages.LoginSuccessPage">
<ContentPage.Content>
<StackLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" Margin="0" Padding="0">
<WebView x:Name="webView" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" BackgroundColor="#02114D"/>
</StackLayout>
</ContentPage.Content>
</ContentPage>
Output
I tried adding background color to content page and setting WebView background color to Transparent but it has no effect either.
My all other pages have proper background but this page looks a bit weird as it shows white background while the URL loads in WebView.
Xamarin.Forms version: 4.2.0.815419
Platform: Android
If you want to change webview background color, another way is to use custom render.
public class TransparentWebViewRenderer:WebViewRenderer
{
protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
{
base.OnElementChanged(e);
// Setting the background as transparent
this.Control.SetBackgroundColor(Android.Graphics.Color.AliceBlue);
}
}

How to insert image in Toolbar in Appcelerator

I'm building an app with appcelerator studio for Android system.
So I want to display and customize a ToolBar.
So this is my index.xml layout:
<Alloy>
<Window class="container">
<ActionBar id="actionbar" title="" icon="/images/logo_decipher.png" />
<Menu>
<MenuItem id="item1" title="Settings" />
<MenuItem id="item2" title="Search" />
</Menu>
</Window>
</Alloy>
I want to display my personal Image in this Toolbar. I'm try to use tag icon but not works.
You can use actionbarExtras. https://github.com/ricardoalcocer/actionbarextras/blob/master/documentation/index.md
Ray

Categories

Resources