michael/sourcegit
1
0
Fork 0
mirror of https://github.com/sourcegit-scm/sourcegit.git synced 2024-12-26 21:17:20 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

ux: layout of floating panels (commands and notifications) (#659)

Browse source 
Signed-off-by: leo <longshuang@msn.cn>
This commit is contained in:
leo 2024-11-07 11:07:47 +08:00
parent 88cec05e67
commit 45f4a5a4b1
No known key found for this signature in database
2 changed files with 90 additions and 92 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
src/Views/LauncherPage.axaml
View file

@ -5,6 +5,7 @@
xmlns:m="using:SourceGit.Models" xmlns:m="using:SourceGit.Models"
xmlns:v="using:SourceGit.Views" xmlns:v="using:SourceGit.Views"
xmlns:vm="using:SourceGit.ViewModels" xmlns:vm="using:SourceGit.ViewModels"
xmlns:c="using:SourceGit.Converters"
mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450" mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
x:Class="SourceGit.Views.LauncherPage" x:Class="SourceGit.Views.LauncherPage"
x:DataType="vm:LauncherPage"> x:DataType="vm:LauncherPage">
@ -39,11 +40,27 @@
</ContentControl> </ContentControl>
</Border> </Border>
<!-- Popup --> <!-- Floating -->
<Grid Grid.Row="1" IsVisible="{Binding Popup, Converter={x:Static ObjectConverters.IsNotNull}}" ClipToBounds="True"> <Grid Grid.Row="1" ClipToBounds="True">
<Border Background="Transparent" PointerPressed="OnPopupCancelByClickMask"/> <Grid.IsVisible>
<MultiBinding Converter="{x:Static BoolConverters.Or}">
<Binding Path="Popup" Converter="{x:Static ObjectConverters.IsNotNull}"/>
<Binding Path="Notifications.Count" Converter="{x:Static c:IntConverters.IsGreaterThanZero}"/>
</MultiBinding>
</Grid.IsVisible>
<Border Width="500" HorizontalAlignment="Center" VerticalAlignment="Top" Effect="drop-shadow(0 0 8 #8F000000)" CornerRadius="0,0,8,8" ClipToBounds="True"> <Border Background="Transparent"
PointerPressed="OnMaskClicked"
IsVisible="{Binding Popup, Converter={x:Static ObjectConverters.IsNotNull}}"/>
<Grid RowDefinitions="Auto,*" Width="512" HorizontalAlignment="Center">
<!-- Popup -->
<Border Grid.Row="0"
Margin="6,0"
Effect="drop-shadow(0 0 8 #8F000000)"
CornerRadius="0,0,8,8"
ClipToBounds="True"
IsVisible="{Binding Popup, Converter={x:Static ObjectConverters.IsNotNull}}">
<ContentControl Content="{Binding Popup}" Background="{DynamicResource Brush.Popup}"> <ContentControl Content="{Binding Popup}" Background="{DynamicResource Brush.Popup}">
<ContentControl.DataTemplates> <ContentControl.DataTemplates>
<DataTemplate DataType="vm:Popup"> <DataTemplate DataType="vm:Popup">
@ -86,48 +103,28 @@
</ContentControl.DataTemplates> </ContentControl.DataTemplates>
</ContentControl> </ContentControl>
</Border> </Border>
</Grid>
<!-- Notification --> <!-- Notifications -->
<Grid Grid.Row="1" Width="480" HorizontalAlignment="Right" VerticalAlignment="Top"> <ScrollViewer Grid.Row="1" Margin="0,6,0,0" VerticalAlignment="Top" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
<ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
<ItemsControl ItemsSource="{Binding Notifications}"> <ItemsControl ItemsSource="{Binding Notifications}">
<ItemsControl.ItemTemplate> <ItemsControl.ItemTemplate>
<DataTemplate DataType="m:Notification"> <DataTemplate DataType="m:Notification">
<Border Margin="10,6" HorizontalAlignment="Stretch" VerticalAlignment="Top" Effect="drop-shadow(0 0 12 #A0000000)"> <Border Margin="6" HorizontalAlignment="Stretch" VerticalAlignment="Top" Effect="drop-shadow(0 0 12 #A0000000)">
<Border Padding="8" CornerRadius="6" Background="{DynamicResource Brush.Popup}"> <Border Padding="8" CornerRadius="6" Background="{DynamicResource Brush.Popup}">
<Grid RowDefinitions="26,Auto,32"> <Grid RowDefinitions="26,Auto">
<StackPanel Grid.Row="0" Margin="8,0,0,0" Orientation="Horizontal" IsVisible="{Binding IsError}"> <Grid Grid.Row="0" ColumnDefinitions="Auto,*,Auto" Margin="8,0">
<Path Width="14" Height="14" Data="{StaticResource Icons.Error}" Fill="Red"/> <Path Grid.Column="0" Width="14" Height="14" Data="{StaticResource Icons.Error}" Fill="Red" IsVisible="{Binding IsError}"/>
<TextBlock Margin="8,0,0,0" FontWeight="Bold" FontSize="14" Text="{DynamicResource Text.Launcher.Error}"/> <Path Grid.Column="0" Width="14" Height="14" Data="{StaticResource Icons.Info}" Fill="Green" IsVisible="{Binding !IsError}"/>
</StackPanel> <TextBlock Grid.Column="1" Margin="8,0,0,0" FontWeight="Bold" FontSize="14" Text="{DynamicResource Text.Launcher.Error}" IsVisible="{Binding IsError}"/>
<StackPanel Grid.Row="0" Margin="8,0,0,0" Orientation="Horizontal" IsVisible="{Binding !IsError}"> <TextBlock Grid.Column="1" Margin="8,0,0,0" FontWeight="Bold" FontSize="14" Text="{DynamicResource Text.Launcher.Info}" IsVisible="{Binding !IsError}"/>
<Path Width="14" Height="14" Data="{StaticResource Icons.Info}" Fill="Green"/> <Button Grid.Column="2" Classes="icon_button" Width="16" Height="16" Click="OnDismissNotification">
<TextBlock Margin="8,0,0,0" FontWeight="Bold" FontSize="14" Text="{DynamicResource Text.Launcher.Info}"/> <Path Width="10" Height="10" Data="{StaticResource Icons.Window.Close}"/>
</StackPanel> </Button>
</Grid>
<TextBox Grid.Row="1" <ScrollViewer Grid.Row="1" Margin="8" MaxHeight="100" HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
Classes="no_background no_border" <SelectableTextBlock TextWrapping="Wrap" Text="{Binding Message}"/>
IsReadOnly="True" </ScrollViewer>
TextWrapping="Wrap"
ScrollViewer.VerticalScrollBarVisibility="Auto"
MaxHeight="100"
Margin="8" Padding="0"
VerticalContentAlignment="Top"
Text="{Binding Message}"/>
<StackPanel Grid.Row="2" Margin="0,4,0,0" Orientation="Horizontal" HorizontalAlignment="Right">
<Button Classes="flat"
Margin="0,0,8,0"
Command="{Binding CopyMessage}"
Content="{DynamicResource Text.CopyMessage}"
IsVisible="{Binding IsError}"/>
<Button Classes="flat primary"
Margin="0,0"
Content="{DynamicResource Text.Close}"
Click="OnDismissNotification"/>
</StackPanel>
</Grid> </Grid>
</Border> </Border>
</Border> </Border>
@ -137,4 +134,5 @@
</ScrollViewer> </ScrollViewer>
</Grid> </Grid>
</Grid> </Grid>
</Grid>
</UserControl> </UserControl>

2
src/Views/LauncherPage.axaml.cs
View file

@ -27,7 +27,7 @@ namespace SourceGit.Views
e.Handled = true; e.Handled = true;
} }
private void OnPopupCancelByClickMask(object sender, PointerPressedEventArgs e) private void OnMaskClicked(object sender, PointerPressedEventArgs e)
{ {
OnPopupCancel(sender, e); OnPopupCancel(sender, e);
} }