mirror of
https://github.com/wwiinnddyy/LanMountainDesktop.git
synced 2026-06-20 23:54:26 +08:00
179 lines
9.1 KiB
XML
179 lines
9.1 KiB
XML
<UserControl xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:fi="using:FluentIcons.Avalonia"
|
|
mc:Ignorable="d"
|
|
d:DesignWidth="320"
|
|
d:DesignHeight="320"
|
|
x:Class="LanMontainDesktop.Views.Components.RecordingWidget">
|
|
|
|
<Border x:Name="RootBorder"
|
|
CornerRadius="34"
|
|
Padding="0"
|
|
ClipToBounds="True"
|
|
Background="#ECEFF3"
|
|
BorderBrush="#D9DEE7"
|
|
BorderThickness="1">
|
|
<Viewbox Stretch="Uniform">
|
|
<Grid Width="300"
|
|
Height="300">
|
|
<Border x:Name="RecorderCardBorder"
|
|
Width="300"
|
|
Height="300"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
CornerRadius="34"
|
|
BorderBrush="#00000000"
|
|
BorderThickness="0"
|
|
Background="Transparent">
|
|
<Grid x:Name="RecorderContentGrid"
|
|
Margin="24,20,24,22"
|
|
RowDefinitions="Auto,Auto,Auto,Auto,Auto">
|
|
<TextBlock x:Name="TitleTextBlock"
|
|
Grid.Row="0"
|
|
Text="Recorder"
|
|
FontSize="19"
|
|
FontWeight="SemiBold"
|
|
Foreground="#11151D"
|
|
HorizontalAlignment="Center"
|
|
IsVisible="False" />
|
|
|
|
<TextBlock x:Name="TimerTextBlock"
|
|
Grid.Row="1"
|
|
Margin="0,6,0,0"
|
|
Text="00:00"
|
|
FontSize="66"
|
|
FontWeight="SemiBold"
|
|
FontFeatures="tnum"
|
|
Foreground="#A4A9B2"
|
|
HorizontalAlignment="Center" />
|
|
|
|
<Grid x:Name="WaveformRowGrid"
|
|
Grid.Row="2"
|
|
Margin="0,14,0,0"
|
|
ColumnDefinitions="*,2,*"
|
|
VerticalAlignment="Center">
|
|
<StackPanel x:Name="WaveformBarsPanel"
|
|
Grid.Column="0"
|
|
Orientation="Horizontal"
|
|
Spacing="3"
|
|
HorizontalAlignment="Left"
|
|
VerticalAlignment="Center" />
|
|
|
|
<Border x:Name="CenterNeedle"
|
|
Grid.Column="1"
|
|
Width="2"
|
|
Height="32"
|
|
CornerRadius="1"
|
|
Background="#F14A40"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center" />
|
|
|
|
<Border x:Name="FutureLine"
|
|
Grid.Column="2"
|
|
Margin="4,0,0,0"
|
|
Height="2"
|
|
CornerRadius="1"
|
|
Background="#A3A8B3"
|
|
Opacity="0.55"
|
|
HorizontalAlignment="Stretch"
|
|
VerticalAlignment="Center" />
|
|
</Grid>
|
|
|
|
<Grid x:Name="ControlButtonsGrid"
|
|
Grid.Row="3"
|
|
Margin="0,22,0,0"
|
|
HorizontalAlignment="Center"
|
|
ColumnDefinitions="Auto,Auto,Auto"
|
|
ColumnSpacing="16">
|
|
<Border x:Name="DiscardButtonBorder"
|
|
Grid.Column="0"
|
|
Width="54"
|
|
Height="54"
|
|
CornerRadius="27"
|
|
Background="#F8FAFD"
|
|
BorderBrush="#E0E5EC"
|
|
BorderThickness="1"
|
|
Cursor="Hand"
|
|
PointerPressed="OnDiscardButtonPointerPressed">
|
|
<fi:SymbolIcon x:Name="DiscardIcon"
|
|
Symbol="Dismiss"
|
|
IconVariant="Regular"
|
|
FontSize="20"
|
|
Foreground="#141922"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center" />
|
|
</Border>
|
|
|
|
<Border x:Name="RecordToggleButtonBorder"
|
|
Grid.Column="1"
|
|
Width="68"
|
|
Height="68"
|
|
CornerRadius="34"
|
|
Background="#EF3E38"
|
|
Cursor="Hand"
|
|
PointerPressed="OnRecordToggleButtonPointerPressed">
|
|
<Grid>
|
|
<Ellipse x:Name="RecordDot"
|
|
Width="15"
|
|
Height="15"
|
|
Fill="#FFFFFF"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center" />
|
|
<fi:SymbolIcon x:Name="PauseGlyphIcon"
|
|
Symbol="Pause"
|
|
IconVariant="Filled"
|
|
FontSize="20"
|
|
Foreground="#FFFFFF"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
IsVisible="False" />
|
|
<fi:SymbolIcon x:Name="PlayGlyphIcon"
|
|
Symbol="Play"
|
|
IconVariant="Filled"
|
|
FontSize="20"
|
|
Foreground="#FFFFFF"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
IsVisible="False" />
|
|
</Grid>
|
|
</Border>
|
|
|
|
<Border x:Name="SaveButtonBorder"
|
|
Grid.Column="2"
|
|
Width="54"
|
|
Height="54"
|
|
CornerRadius="27"
|
|
Background="#F8FAFD"
|
|
BorderBrush="#E0E5EC"
|
|
BorderThickness="1"
|
|
Cursor="Hand"
|
|
PointerPressed="OnSaveButtonPointerPressed">
|
|
<fi:SymbolIcon x:Name="SaveIcon"
|
|
Symbol="Checkmark"
|
|
IconVariant="Regular"
|
|
FontSize="22"
|
|
Foreground="#141922"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center" />
|
|
</Border>
|
|
</Grid>
|
|
|
|
<TextBlock x:Name="HintTextBlock"
|
|
Grid.Row="4"
|
|
Margin="0,10,0,0"
|
|
HorizontalAlignment="Center"
|
|
TextAlignment="Center"
|
|
FontSize="13"
|
|
FontWeight="Medium"
|
|
Foreground="#7A818E"
|
|
Text="Tap red button to record"
|
|
IsVisible="False" />
|
|
</Grid>
|
|
</Border>
|
|
</Grid>
|
|
</Viewbox>
|
|
</Border>
|
|
</UserControl>
|