mirror of
https://github.com/wwiinnddyy/LanMountainDesktop.git
synced 2026-06-22 00:54:26 +08:00
0.3.5
This commit is contained in:
178
LanMountainDesktop/Views/Components/RecordingWidget.axaml
Normal file
178
LanMountainDesktop/Views/Components/RecordingWidget.axaml
Normal file
@@ -0,0 +1,178 @@
|
||||
<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="LanMountainDesktop.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>
|
||||
Reference in New Issue
Block a user