Aura.UI 0.1.3 stable is now

samples/Aura.UI.Gallery/App.axaml.cs

@@ -44,9 +44,13 @@ public override void OnFrameworkInitializationCompleted()
                 };
                 desktop.Exit += (s, e) =>
                 {
-                    new SettingsProvider().Save<AppSettings>(Settings);
+                    new SettingsProvider().Save(Settings);
                 };
             }
+            else if(ApplicationLifetime is ISingleViewApplicationLifetime single)
+            {
+                single.MainView = new MainView();
+            }
 
             base.OnFrameworkInitializationCompleted();
         }

samples/Aura.UI.Gallery/Aura.UI.Gallery.csproj

@@ -86,9 +86,6 @@
     <Compile Update="Pages\NavigationViewPage.axaml.cs">
       <DependentUpon>%(Filename)</DependentUpon>
     </Compile>
-    <Compile Update="Pages\PagesViewPage.axaml.cs">
-      <DependentUpon>%(Filename)</DependentUpon>
-    </Compile>
     <Compile Update="Pages\ProgressRingPage.axaml.cs">
       <DependentUpon>%(Filename)</DependentUpon>
     </Compile>
@@ -101,14 +98,5 @@
     <Compile Update="Pages\SuperListBoxItemPage.axaml.cs">
       <DependentUpon>%(Filename)</DependentUpon>
     </Compile>
-    <Compile Update="Pages\TitleBoxPage.axaml.cs">
-      <DependentUpon>%(Filename)</DependentUpon>
-    </Compile>
-    <Compile Update="Pages\ToolWindowPage.axaml.cs">
-      <DependentUpon>%(Filename)</DependentUpon>
-    </Compile>
-    <Compile Update="Pages\XamlExtensionsPage.axaml.cs">
-      <DependentUpon>%(Filename)</DependentUpon>
-    </Compile>
   </ItemGroup>
 </Project>

samples/Aura.UI.Gallery/Pages/BlurryImagePage.axaml

@@ -13,10 +13,10 @@
     <UniformGrid>
       <CodeExample Margin="10" Title="BlurryImage" CSharpVisible="False">
         <BlurryImage BlurLevel="{Binding BlurValue, Mode=TwoWay}"
-                     Height="150"
-                     Source="/Assets/20000.jpg"/>
+                     Height="200"
+                     Source="/Assets/alonetogheterRM.jpg"/>
         <CodeExample.XAMLText>
-&lt;BlurryImage Source="/Assets/20000.jpg"/>
+&lt;BlurryImage Source="/Assets/alonetogheterRM.jpg"/>
         </CodeExample.XAMLText>
       </CodeExample>
     </UniformGrid>

samples/Aura.UI.Gallery/Pages/NavigationViewPage.axaml

@@ -2,19 +2,90 @@
              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"
-             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             xmlns:pg="using:Aura.UI.Gallery.Pages"
+             mc:Ignorable="d"
              x:Class="Aura.UI.Gallery.Pages.NavigationViewPage"
              Classes="us_c">
   <StackPanel Spacing="20">
     <TextBlock>The NavigationView is a control that organizes pages as TreeViewItem, also can be opened and closed.</TextBlock>
     <CodeExample Title="NavigationView"
-                 TitleTwo="Default"
+                 CSharpVisible="False"
                  HorizontalAlignment="Stretch">
-      <NavigationView>
-        <NavigationViewItem>
-
+      <CodeExample.Styles>
+        <Style Selector="NavigationViewItem">
+          <Setter Property="Title" Value="Lorem ipsum."/>
+          <Setter Property="Header" Value="Lorem ipsum."/>
+          <Setter Property="Content">
+            <Template>
+              <pg:SampleTextPage Width="1000" HorizontalAlignment="Left" Classes="us_c"/>
+            </Template>
+          </Setter>
+        </Style>
+      </CodeExample.Styles>
+      <NavigationView Header="Gallery"
+                      SelectedItem="{Binding #el}">
+        <NavigationViewItem Name="el"
+                  IsSelected="True"
+                  Icon="{DynamicResource Zondicons.Announcement}"/>
+        <Separator/>
+        <NavigationViewItem Icon="{DynamicResource FontAwesome.CheckSquareRegular}">
+          <NavigationViewItem Icon="{DynamicResource BoxIcons.RegularCodeAlt}"/>
+          <NavigationViewItem Icon="{DynamicResource VSImageLib2019.Slider_16x}"/>
+          <NavigationViewItem Icon="{DynamicResource VSImageLib2019.ShapeArcRing_16x}"/>
         </NavigationViewItem>
+        <NavigationViewItem Icon="{DynamicResource BoxIcons.RegularLayout}">
+          <NavigationViewItem Icon="{DynamicResource VSImageLib.GroupBox_16x}"/>
+          <NavigationViewItem Icon="{DynamicResource Material.CardsOutline}"/>
+        </NavigationViewItem>
+        <NavigationViewItem Icon="{DynamicResource FluentIcons.navigation_regular}">
+          <NavigationViewItem Icon="{DynamicResource FluentIconsFilled.tab_desktop_new_page_filled}"/>
+          <NavigationViewItem Icon="{DynamicResource FluentIcons.navigation_regular}"/>
+          <NavigationViewItem Icon="{DynamicResource VSImageLib.RibbonMenu_16x}"/>
+        </NavigationViewItem>
+        <NavigationViewItem Icon="{DynamicResource BoxIcons.RegularMessageAlt}">
+          <NavigationViewItem Icon="{DynamicResource BoxIcons.RegularMessageAltDots}"/>
+          <NavigationViewItem Icon="{DynamicResource BoxIcons.SolidMessageAltDots}"/>
+        </NavigationViewItem>
+        <NavigationViewItem Icon="{DynamicResource VSImageLib.Media_16x}">
+          <NavigationViewItem Icon="{DynamicResource FluentIconsFilled.image_filled}"/>
+        </NavigationViewItem>
+        <!--Bottom-->
+        <NavigationViewItem VerticalAlignment="Bottom"
+                            Icon="{DynamicResource EvaIcons.Settings2Outline}"/>
       </NavigationView>
+      <CodeExample.XAMLText>
+&lt;NavigationView Header="Gallery"
+                   SelectedItem="{Binding #el}">
+    &lt;NavigationViewItem Name="el"
+                    IsSelected="True"
+                    Icon="{DynamicResource Zondicons.Announcement}"/>
+    &lt;Separator/>
+    &lt;NavigationViewItem Icon="{DynamicResource FontAwesome.CheckSquareRegular}">
+        &lt;NavigationViewItem Icon="{DynamicResource BoxIcons.RegularCodeAlt}"/>
+        &lt;NavigationViewItem Icon="{DynamicResource VSImageLib2019.Slider_16x}"/>
+        &lt;NavigationViewItem Icon="{DynamicResource VSImageLib2019.ShapeArcRing_16x}"/>
+    &lt;/NavigationViewItem>
+    &lt;NavigationViewItem Icon="{DynamicResource BoxIcons.RegularLayout}">
+        &lt;NavigationViewItem Icon="{DynamicResource VSImageLib.GroupBox_16x}"/>
+        &lt;NavigationViewItem Icon="{DynamicResource Material.CardsOutline}"/>
+    &lt;/NavigationViewItem>
+    &lt;NavigationViewItem Icon="{DynamicResource FluentIcons.navigation_regular}">
+        &lt;NavigationViewItem Icon="{DynamicResource FluentIconsFilled.tab_desktop_new_page_filled}"/>
+        &lt;NavigationViewItem Icon="{DynamicResource FluentIcons.navigation_regular}"/>
+        &lt;NavigationViewItem Icon="{DynamicResource VSImageLib.RibbonMenu_16x}"/>
+    &lt;/NavigationViewItem>
+    &lt;NavigationViewItem Icon="{DynamicResource BoxIcons.RegularMessageAlt}">
+        &lt;NavigationViewItem Icon="{DynamicResource BoxIcons.RegularMessageAltDots}"/>
+        &lt;NavigationViewItem Icon="{DynamicResource BoxIcons.SolidMessageAltDots}"/>
+    &lt;/NavigationViewItem>
+    &lt;NavigationViewItem Icon="{DynamicResource VSImageLib.Media_16x}">
+        &lt;NavigationViewItem Icon="{DynamicResource FluentIconsFilled.image_filled}"/>
+    &lt;/NavigationViewItem>
+    &lt;!--Bottom-->
+    &lt;NavigationViewItem VerticalAlignment="Bottom"
+                            Icon="{DynamicResource EvaIcons.Settings2Outline}"/>
+&lt;/NavigationView>
+      </CodeExample.XAMLText>
     </CodeExample>
   </StackPanel>
 </UserControl>

samples/Aura.UI.Gallery/Pages/ProgressRingPage.axaml

@@ -26,19 +26,7 @@
 						 UseFloatingWatermark="True"/>
 			</StackPanel>
 			<CodeExample.XAMLText>
-&lt;StackPanel Spacing="20"
-	&lt;VerticalAlignment="Center">
-	&lt;ProgressRing Value="{Binding #num.Value, Mode=TwoWay}"
-					 Maximum="{Binding #max.Text}"
-				     Minimum="{Binding #min.Text}"/>
-	&lt;NumericUpDown Name="num"
-					  Maximum="{Binding #max.Text}"
-					  Minimum="{Binding #min.Text}"/>
-	&lt;TextBox Name="min" Watermark="Minimum" Text="0"
-			    UseFloatingWatermark="True"/>
-	&lt;TextBox Name="max" Watermark="Maximum" Text="100"
-				UseFloatingWatermark="True"/>
-&lt;/StackPanel>
+&lt;ProgressRing Value="50" Maximum="100" Minimum="0"/>
 			</CodeExample.XAMLText>
 		</CodeExample>
 		<CodeExample Title="ProgressRing" TitleTwo="IsIndeterminate" CSharpVisible="False" HorizontalAlignment="Center">

samples/Aura.UI.Gallery/Pages/RibbonPage.axaml

@@ -5,20 +5,60 @@
              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
              x:Class="Aura.UI.Gallery.Pages.RibbonPage"
 						 Classes="us_c">
-	<Grid>
-		<Ribbon>
-			<Ribbon.Header>
-				<Image Source="/Assets/AuraUILogo_icon.png"
-					   Height="20"/>
-			</Ribbon.Header>
-			<RibbonItem Header="Start">
-				<RibbonGroup/>
-			</RibbonItem>
-			<RibbonItem Header="Edit">
-        <RibbonGroup>
-
-        </RibbonGroup>
-			</RibbonItem>
-		</Ribbon> 
-	</Grid>
+	<StackPanel Spacing="20" HorizontalAlignment="Stretch">
+    <TextBlock>Ribbon is a control that order items by tabs and use an animation in them; fully recommended in MS Office-like apps.</TextBlock>
+    <CodeExample CSharpVisible="False"
+                 Title="Ribbon" HorizontalAlignment="Stretch">
+      <Ribbon>
+        <Ribbon.Header>
+          <Image Source="/Assets/AuraUILogo_icon.png"
+               Height="20"/>
+        </Ribbon.Header>
+        <RibbonItem Header="Lorem ipsum.">
+          <RibbonPanel>
+            <RibbonGroup/>
+            <RibbonSeparator/>
+            <RibbonGroup/>
+            <RibbonSeparator/>
+            <RibbonGroup/>
+          </RibbonPanel>
+        </RibbonItem>
+        <RibbonItem Header="Lorem ipsum.">
+          <RibbonPanel>
+            <RibbonGroup/>
+            <RibbonSeparator/>
+            <RibbonGroup/>
+            <RibbonSeparator/>
+            <RibbonGroup/>
+          </RibbonPanel>
+        </RibbonItem>
+      </Ribbon>
+      <CodeExample.XAMLText>
+&lt;Ribbon>
+  &lt;Ribbon.Header>
+    &lt;Image Source="/Assets/AuraUILogo_icon.png"
+         Height="20"/>
+  &lt;/Ribbon.Header>
+  &lt;RibbonItem Header="Lorem ipsum.">
+    &lt;RibbonPanel>
+      &lt;RibbonGroup/>
+      &lt;RibbonSeparator/>
+      &lt;RibbonGroup/>
+      &lt;RibbonSeparator/>
+      &lt;RibbonGroup/>
+    &lt;/RibbonPanel>
+  &lt;/RibbonItem>
+  &lt;RibbonItem Header="Lorem ipsum.">
+    &lt;RibbonPanel>
+      &lt;RibbonGroup/>
+      &lt;RibbonSeparator/>
+      &lt;RibbonGroup/>
+      &lt;RibbonSeparator/>
+      &lt;RibbonGroup/>
+    &lt;/RibbonPanel>
+  &lt;/RibbonItem>
+&lt;/Ribbon>       
+      </CodeExample.XAMLText>
+    </CodeExample>
+	</StackPanel>
 </UserControl>

samples/Aura.UI.Gallery/Pages/SampleTextPage.axaml

@@ -0,0 +1,18 @@
+<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"
+             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
+             x:Class="Aura.UI.Gallery.Pages.SampleTextPage">
+   Lorem ipsum dolor sit amet consectetur, adipiscing elit taciti in curae turpis, potenti tincidunt varius nunc. Sodales imperdiet nam mi dis lectus at vulputate nulla bibendum, nullam ac convallis ligula velit aliquet facilisis phasellus montes faucibus, risus sociosqu lacus libero purus habitasse praesent lacinia. Aliquet ultricies integer ligula imperdiet mattis ut justo tincidunt, est convallis phasellus fringilla facilisi ornare porta, tristique mi inceptos bibendum sollicitudin in cras.
+
+  Ornare in parturient cursus congue lectus arcu integer sed, dignissim sociosqu interdum eu lobortis hendrerit cubilia, cum faucibus leo litora pellentesque euismod accumsan. Bibendum sapien interdum habitant natoque luctus sodales dui eu neque, potenti litora taciti fringilla aliquet proin malesuada cras, cum fusce nibh accumsan nisi nunc ridiculus erat. Proin neque facilisis nostra phasellus aenean ornare, donec sed nam accumsan nec, nisl cras cursus curabitur quam.
+
+  Pellentesque placerat rutrum sed morbi vel tincidunt, viverra ad nisi at malesuada justo montes, natoque dis nunc est ullamcorper. Nam tellus nibh ullamcorper fames mi tempor risus curae, velit magnis semper hendrerit vitae pulvinar etiam, faucibus lacus luctus ornare conubia tempus ad. Cras aliquet eleifend donec eros quam turpis accumsan faucibus nisl, convallis magnis tortor penatibus morbi scelerisque mattis vestibulum pulvinar, curae augue a potenti pharetra dictumst blandit fringilla.
+
+  Volutpat non laoreet senectus mattis natoque porta mi aenean, sodales arcu augue nisi mauris tincidunt dignissim eros, turpis maecenas sollicitudin risus aliquet elementum dui. Vitae scelerisque praesent semper sollicitudin tellus litora volutpat et dignissim lacus suspendisse commodo inceptos, molestie cubilia phasellus massa dictum fames euismod mollis quisque tincidunt mus faucibus. Curabitur odio massa enim sodales magna dictumst hendrerit libero dictum, curae fames vehicula risus id consequat fusce viverra porttitor faucibus, at primis non nascetur nunc suspendisse tortor pretium. Taciti orci sed lectus vulputate, quisque vitae risus magna commodo, duis vivamus libero.
+
+  Facilisi feugiat taciti cursus enim ante duis pretium fermentum pulvinar, suspendisse morbi nisl nisi montes consequat gravida habitasse, venenatis nascetur class in tellus habitant potenti integer. Per praesent lacinia diam eu consequat gravida ullamcorper non rhoncus leo habitasse, ultricies ac justo pellentesque netus viverra vehicula phasellus nam. Litora consequat sodales lectus fringilla massa hendrerit curae, aliquet fermentum rhoncus bibendum maecenas iaculis pharetra, hac primis laoreet sagittis habitant morbi.
+
+  Nec faucibus vulputate convallis posuere ad molestie donec proin commodo sociis metus pharetra mauris morbi a, mi ac enim scelerisque velit leo sapien habitant imperdiet dictumst tortor hendrerit senectus. Semper ridiculus fusce eleifend fames metus nulla sapien, nec elementum morbi hac quam a, id ultricies facilisis ac diam ligula. Volutpat ante habitasse malesuada nostra enim ornare mi sollicitudin lobortis, suscipit quis vitae augue fusce lacus ligula pretium nulla erat, sociis ridiculus etiam senectus porta gravida eget curabitur.
+</UserControl>

samples/Aura.UI.Gallery/Pages/TitleBoxPage.axaml.cs → samples/Aura.UI.Gallery/Pages/SampleTextPage.axaml.cs

@@ -1,12 +1,12 @@
-using Avalonia;
+using Avalonia;
 using Avalonia.Controls;
 using Avalonia.Markup.Xaml;
 
 namespace Aura.UI.Gallery.Pages
 {
-    public partial class TitleBoxPage : UserControl
+    public partial class SampleTextPage : UserControl
     {
-        public TitleBoxPage()
+        public SampleTextPage()
         {
             InitializeComponent();
         }