Skip to content

Minor design tweaks to Hello World tutorial #2

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

Open
niels9001 wants to merge 9 commits into
base: winui-3/tutorials/winui-notes
Choose a base branch
from
Open

Minor design tweaks to Hello World tutorial #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
595b830
Remove background color so that Mica works
niels9001 Mar 31, 2025
16ed91c
Bind CanGoBack to BackButtonVisibility
niels9001 Mar 31, 2025
f01e3d2
Add AccentButtonStyle to save button
niels9001 Mar 31, 2025
4828b2b
Design tweaks to AllNotesPage
niels9001 Mar 31, 2025
c2d4c32
Minor design tweaks
niels9001 Apr 2, 2025
02cb7b9
Add notification
niels9001 Apr 2, 2025
66bd6b8
Update AllNotesPage.xaml
niels9001 Apr 2, 2025
d80f70c
Revert "Add notification"
niels9001 Apr 2, 2025
6166719
Update MainWindow.xaml
niels9001 Apr 2, 2025
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
2 changes: 1 addition & 1 deletion WinUINotes/WinUINotes/MainWindow.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,4 +34,4 @@
<Frame x:Name="rootFrame" Grid.Row="1"
SourcePageType="views:AllNotesPage"/>
</Grid>
</Window>
</Window>
17 changes: 8 additions & 9 deletions WinUINotes/WinUINotes/Views/AllNotesPage.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,7 @@
xmlns:models="using:WinUINotes.Models"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
mc:Ignorable="d">
<Page.Resources>
<DataTemplate x:Key="NoteItemTemplate"
x:DataType="models:Note">
Expand All @@ -21,11 +20,11 @@
<RowDefinition Height="120"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<TextBlock Text="{x:Bind Text}" Margin="4"
<TextBlock Text="{x:Bind Text}" Margin="12,8"
TextWrapping="Wrap"
TextTrimming="WordEllipsis"/>
<Border Grid.Row="1" Padding="4,6,0,6"
Background="{ThemeResource ControlAltFillColorSecondaryBrush}">
<Border Grid.Row="1" Padding="8,6,0,6"
Background="{ThemeResource SubtleFillColorSecondaryBrush}">
<TextBlock Text="{x:Bind Date}"
Style="{StaticResource CaptionTextBlockStyle}"
Foreground="{ThemeResource TextFillColorSecondaryBrush}"/>
Expand All @@ -44,21 +43,21 @@
<AppBarButton Icon="Add" Label="New note"
Click="NewNoteButton_Click"/>
<CommandBar.Content>
<TextBlock Text="Quick notes" Margin="12,8"
<TextBlock Text="Quick notes" Margin="16,8"
Style="{ThemeResource SubtitleTextBlockStyle}"/>
</CommandBar.Content>
</CommandBar>

<ItemsView ItemsSource="{x:Bind notesModel.Notes}"
Grid.Row="1" Margin="24"
Grid.Row="1" Padding="16"
ItemTemplate="{StaticResource NoteItemTemplate}"
SelectionMode="None"
IsItemInvokedEnabled="True"
ItemInvoked="ItemsView_ItemInvoked">
<ItemsView.Layout>
<UniformGridLayout MinItemWidth="200"
MinColumnSpacing="20"
MinRowSpacing="20"
MinColumnSpacing="12"
MinRowSpacing="12"
ItemsJustification="Start"/>
</ItemsView.Layout>
</ItemsView>
Expand Down
5 changes: 2 additions & 3 deletions WinUINotes/WinUINotes/Views/NotePage.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,7 @@
xmlns:local="using:WinUINotes"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
mc:Ignorable="d">

<Grid Padding="16" RowSpacing="8">
<Grid.RowDefinitions>
Expand All @@ -34,7 +33,7 @@
HorizontalAlignment="Right"
Spacing="4"
Grid.Row="1" Grid.Column="1">
<Button Content="Save" Click="SaveButton_Click"/>
<Button Content="Save" Click="SaveButton_Click" Style="{StaticResource AccentButtonStyle}"/>
<Button Content="Delete" Click="DeleteButton_Click"/>
</StackPanel>
</Grid>
Expand Down