NoteMAUI/NoteContent/EmojiSelectionPopup.xaml

46 lines
2 KiB
XML

<?xml version="1.0" encoding="utf-8" ?>
<toolkit:Popup xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
x:Class="NotesDataAnalyst.EmojiSelectionPopup">
<!-- Внутри Frame мы можем установить цвет фона -->
<!-- Задаем фон внутри Frame -->
<Frame BackgroundColor="White"
CornerRadius="10"
Padding="10"
VerticalOptions="Center"
HorizontalOptions="Center"
WidthRequest="300">
<StackLayout>
<Label Text="Выберите смайлик" FontSize="18" HorizontalOptions="Center" />
<!-- Прокручиваемая область для смайликов -->
<ScrollView HeightRequest="200">
<CollectionView x:Name="emojiCollectionView"
ItemsSource="{Binding EmojiList}"
SelectionMode="Single"
SelectionChanged="OnEmojiSelected">
<CollectionView.ItemsLayout>
<GridItemsLayout Orientation="Vertical" Span="4" />
</CollectionView.ItemsLayout>
<CollectionView.ItemTemplate>
<DataTemplate>
<Label Text="{Binding}"
FontSize="24"
HorizontalOptions="Center"
VerticalOptions="Center"
Padding="10" />
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</ScrollView>
<!-- Кнопка для закрытия окна -->
<Button Text="Закрыть" Clicked="OnCloseButtonClicked" HorizontalOptions="Center" />
</StackLayout>
</Frame>
</toolkit:Popup>