💄 minor changes in the custom toolbar sample #4

Merged
marc.chevaldonne merged 1 commits from customToolbar into master 1 year ago

@ -10,34 +10,6 @@
Shell.BackgroundColor="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource PrimaryDark}}" Shell.BackgroundColor="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource PrimaryDark}}"
Title="ex_CustomToolbar"> Title="ex_CustomToolbar">
<!-- <Shell.TitleView>
<Grid ColumnDefinitions="Auto, *, Auto, Auto, Auto" HorizontalOptions="Fill">
<Image Source="vinyl.png" HeightRequest="36"/>
<Label Grid.Column="1" Margin="10, 0, 0, 0"
Text="My Music App"
TextColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}"
VerticalTextAlignment="Center"
VerticalOptions="Center"
HeightRequest="36"
FontSize="Medium"/>
<ImageButton Source="hare.png" Grid.Column="2" MaximumHeightRequest="24">
<ImageButton.Behaviors>
<toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" />
</ImageButton.Behaviors>
</ImageButton>
<ImageButton Source="info_circle.png" Grid.Column="3" MaximumHeightRequest="24">
<ImageButton.Behaviors>
<toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" />
</ImageButton.Behaviors>
</ImageButton>
<ImageButton Source="ellipsis_vert.png" Grid.Column="4" MaximumHeightRequest="24">
<ImageButton.Behaviors>
<toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" />
</ImageButton.Behaviors>
</ImageButton>
</Grid>
</Shell.TitleView> -->
<ShellContent <ShellContent
Title="Home" Title="Home"
ContentTemplate="{DataTemplate local:MainPage}" ContentTemplate="{DataTemplate local:MainPage}"

@ -20,19 +20,19 @@
VerticalOptions="Center" VerticalOptions="Center"
HeightRequest="36" HeightRequest="36"
FontSize="Medium"/> FontSize="Medium"/>
<ImageButton Source="hare.png" Grid.Column="2" MaximumHeightRequest="24" MinimumHeightRequest="{OnPlatform WinUI=24}" <ImageButton Source="hare.png" Grid.Column="2" MaximumHeightRequest="24" MinimumHeightRequest="24"
BackgroundColor="Transparent"> BackgroundColor="Transparent">
<ImageButton.Behaviors> <ImageButton.Behaviors>
<toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" /> <toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" />
</ImageButton.Behaviors> </ImageButton.Behaviors>
</ImageButton> </ImageButton>
<ImageButton Source="info_circle.png" Grid.Column="3" MaximumHeightRequest="24" MinimumHeightRequest="{OnPlatform WinUI=24}" <ImageButton Source="info_circle.png" Grid.Column="3" MaximumHeightRequest="24" MinimumHeightRequest="24"
BackgroundColor="Transparent"> BackgroundColor="Transparent">
<ImageButton.Behaviors> <ImageButton.Behaviors>
<toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" /> <toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" />
</ImageButton.Behaviors> </ImageButton.Behaviors>
</ImageButton> </ImageButton>
<ImageButton Source="ellipsis_vert.png" Grid.Column="4" MaximumHeightRequest="24" MinimumHeightRequest="{OnPlatform WinUI=24}" Clicked="EllipsisClicked" <ImageButton Source="ellipsis_vert.png" Grid.Column="4" MaximumHeightRequest="24" MinimumHeightRequest="24" Clicked="EllipsisClicked"
BackgroundColor="Transparent"> BackgroundColor="Transparent">
<ImageButton.Behaviors> <ImageButton.Behaviors>
<toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" /> <toolkit:IconTintColorBehavior TintColor="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource PrimaryDarkText}}" />
@ -74,7 +74,7 @@
</ScrollView> </ScrollView>
<AbsoluteLayout AbsoluteLayout.LayoutFlags="All" <AbsoluteLayout AbsoluteLayout.LayoutFlags="All"
AbsoluteLayout.LayoutBounds="0, 0, 1, 1" AbsoluteLayout.LayoutBounds="0, 0, 1, 1"
x:Name="test" x:Name="secondaryMenu"
IsVisible="false"> IsVisible="false">
<AbsoluteLayout.GestureRecognizers> <AbsoluteLayout.GestureRecognizers>
<TapGestureRecognizer Tapped="BackgroundClicked"/> <TapGestureRecognizer Tapped="BackgroundClicked"/>

@ -23,15 +23,12 @@ public partial class MainPage : ContentPage
private void EllipsisClicked(object sender, EventArgs e) private void EllipsisClicked(object sender, EventArgs e)
{ {
test.IsVisible = !test.IsVisible; secondaryMenu.IsVisible = !secondaryMenu.IsVisible;
} }
private void BackgroundClicked(object sender, TappedEventArgs e) private void BackgroundClicked(object sender, TappedEventArgs e)
{ {
if(test.IsVisible) secondaryMenu.IsVisible = false;
{
test.IsVisible = false;
}
} }
} }

Loading…
Cancel
Save