Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement wrap panels for controls #271

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

Implement wrap panels for controls #271

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
88 changes: 47 additions & 41 deletions ClassevivaPCTO/Views/BachecaPage.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
xmlns:controls="using:ClassevivaPCTO.Controls"
xmlns:controls1="using:CommunityToolkit.WinUI.Controls"
mc:Ignorable="d"
SizeChanged="CustomAppPage_SizeChanged"
xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
xmlns:converters="using:ClassevivaPCTO.Converters"
xmlns:converters1="using:CommunityToolkit.WinUI.Converters"
Expand All @@ -31,84 +32,89 @@
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>

<StackPanel Grid.Row="0"
Margin="32,16,0,0"
<controls1:WrapPanel VerticalSpacing="8" Grid.Row="0" Margin="32,16,0,0" x:Name="ControlsPanel" >


<StackPanel

Orientation="Horizontal"
Spacing="16">

<TextBlock Text="{CustomResource NoticeBoardTitle}" Style="{StaticResource PageTitleTextStyle}" />
<TextBlock Text="{CustomResource NoticeBoardTitle}" Style="{StaticResource PageTitleTextStyle}" />
<TextBlock x:Name="sss" />
<muxc:ProgressRing Style="{StaticResource PageProgressRingStyle}" Visibility="{x:Bind BachecaViewModel.IsLoadingBacheca, Mode=OneWay, Converter={StaticResource BoolToVisibilityConverter}}" />

<muxc:ProgressRing Style="{StaticResource PageProgressRingStyle}" Visibility="{x:Bind BachecaViewModel.IsLoadingBacheca, Mode=OneWay, Converter={StaticResource BoolToVisibilityConverter}}" />

</StackPanel>
</StackPanel>

<StackPanel Grid.Row="0"
Margin="0,18,24,0"
<StackPanel Grid.Row="0"
Margin="0,0,24,0"
HorizontalAlignment="Right"
Orientation="Horizontal">

<ComboBox x:Name="CategoryComboBox"
<ComboBox x:Name="CategoryComboBox"
MinWidth="170"
VerticalAlignment="Center"
controls:KeepOldItemsSourceDecorator.ItemsSource="{x:Bind BachecaViewModel.Categories, Mode=OneWay}"
PlaceholderText="{CustomResource NoticeBoardCategoryComboboxPlaceholderText}"
SelectionChanged="CategoryComboBox_OnSelectionChanged" />

<Rectangle Style="{StaticResource ControlSeparatorStyle}"/>
<Rectangle Style="{StaticResource ControlSeparatorStyle}"/>

<controls1:Segmented x:Name="ReadUnreadSegmented"
<controls1:Segmented x:Name="ReadUnreadSegmented"
MinWidth="310"
Margin="0,0,0,0"
HorizontalAlignment="Stretch"
SelectedIndex="0"
SelectionChanged="ReadUnreadSegmented_OnSelectionChanged">

<controls1:SegmentedItem ToolTipService.ToolTip="{CustomResource NoticeBoardFilterAllNoticesItemTooltip}">
<controls1:SegmentedItem.Content>
<StackPanel Orientation="Horizontal">
<FontIcon Margin="0,0,6,0"
<controls1:SegmentedItem ToolTipService.ToolTip="{CustomResource NoticeBoardFilterAllNoticesItemTooltip}">
<controls1:SegmentedItem.Content>
<StackPanel Orientation="Horizontal">
<FontIcon Margin="0,0,6,0"
FontFamily="{StaticResource FluentIcons}"
FontSize="14"
Glyph="&#xE138;" />
<TextBlock Text="{CustomResource NoticeBoardFilterAllNotices}" />
</StackPanel>
</controls1:SegmentedItem.Content>
</controls1:SegmentedItem>

<controls1:SegmentedItem ToolTipService.ToolTip="{CustomResource NoticeBoardFilterUnreadNoticesItemTooltip}">
<controls1:SegmentedItem.Content>
<StackPanel Orientation="Horizontal">
<FontIcon Margin="0,0,6,0"
<TextBlock Text="{CustomResource NoticeBoardFilterAllNotices}" />
</StackPanel>
</controls1:SegmentedItem.Content>
</controls1:SegmentedItem>

<controls1:SegmentedItem ToolTipService.ToolTip="{CustomResource NoticeBoardFilterUnreadNoticesItemTooltip}">
<controls1:SegmentedItem.Content>
<StackPanel Orientation="Horizontal">
<FontIcon Margin="0,0,6,0"
FontFamily="{StaticResource FluentIcons}"
FontSize="14"
Glyph="&#xE119;" />
<TextBlock Text="{CustomResource NoticeBoardFilterUnreadNotices}" />
</StackPanel>
</controls1:SegmentedItem.Content>
</controls1:SegmentedItem>

<controls1:SegmentedItem ToolTipService.ToolTip="{CustomResource NoticeBoardFilterReadNoticesItemTooltip}">
<controls1:SegmentedItem.Content>
<StackPanel Orientation="Horizontal">
<FontIcon Margin="0,0,6,0"
<TextBlock Text="{CustomResource NoticeBoardFilterUnreadNotices}" />
</StackPanel>
</controls1:SegmentedItem.Content>
</controls1:SegmentedItem>

<controls1:SegmentedItem ToolTipService.ToolTip="{CustomResource NoticeBoardFilterReadNoticesItemTooltip}">
<controls1:SegmentedItem.Content>
<StackPanel Orientation="Horizontal">
<FontIcon Margin="0,0,6,0"
FontFamily="{StaticResource FluentIcons}"
FontSize="14"
Glyph="&#xE166;" />
<TextBlock Text="{CustomResource NoticeBoardFilterReadNotices}" />
</StackPanel>
</controls1:SegmentedItem.Content>
</controls1:SegmentedItem>
<TextBlock Text="{CustomResource NoticeBoardFilterReadNotices}" />
</StackPanel>
</controls1:SegmentedItem.Content>
</controls1:SegmentedItem>

</controls1:Segmented>
</controls1:Segmented>

<Rectangle Style="{StaticResource ControlSeparatorStyle}"/>
<Rectangle Style="{StaticResource ControlSeparatorStyle}"/>

<CheckBox x:Name="CheckboxAttive"
<CheckBox x:Name="CheckboxAttive"
Content="{CustomResource NoticeBoardShowInactiveNoticesCheckbox}"
IsChecked="{x:Bind BachecaViewModel.MostraComInattive, Mode=TwoWay}"
ToolTipService.ToolTip="{CustomResource NoticeBoardShowInactiveNoticesCheckboxTooltip}" />

</StackPanel>
</StackPanel>

</controls1:WrapPanel>

<Grid Grid.Row="2"
Style="{StaticResource CardGridStyle}"
Expand Down
21 changes: 20 additions & 1 deletion ClassevivaPCTO/Views/BachecaPage.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,8 @@
using ClassevivaPCTO.Controls;
using CommunityToolkit.WinUI.Controls;
using ClassevivaPCTO.Helpers;
using Windows.UI.WindowManagement;
using Windows.UI.Xaml;

namespace ClassevivaPCTO.Views
{
Expand Down Expand Up @@ -100,7 +102,7 @@ await CoreApplication.MainView.Dispatcher.RunAsync(
CategoryComboBox.SelectionChanged -= CategoryComboBox_OnSelectionChanged;
BachecaViewModel.Categories = noticeCategories;

if(CategoryComboBox.SelectedIndex == -1)
if (CategoryComboBox.SelectedIndex == -1)
CategoryComboBox.SelectedIndex = 0;

CategoryComboBox.SelectionChanged += CategoryComboBox_OnSelectionChanged;
Expand Down Expand Up @@ -159,5 +161,22 @@ private void ClearAllFiltersButton_Click(object sender, Windows.UI.Xaml.RoutedEv
ClearAllFiltersButton.Visibility = Windows.UI.Xaml.Visibility.Collapsed;
AggiornaAction();
}

private void CustomAppPage_SizeChanged(object sender, SizeChangedEventArgs e)
{
var currentWidth = ((Frame)Window.Current.Content).ActualWidth;

sss.Text = currentWidth.ToString();
if(currentWidth > 500 && currentWidth < 900)
{
// fistra piccola
// deve stare sotto al titolo
ControlsPanel.HorizontalSpacing = (currentWidth + 1100) + 32;
}
else
{
ControlsPanel.HorizontalSpacing = currentWidth/50 + 100;
}
}
}
}