private void WindowStates_CurrentStateChanged(object sender, VisualStateChangedEventArgs e)
{
switch (e.NewState.Name)
{
case nameof(NarrowState):
if (CanChangePaneState)
{
SidePaneState = PaneState.Closed;
}
// Update Read-Only XAML tab when switching back to show changes to TwoWay Bound Properties
if (CurrentSample?.HasXAMLCode == true && InfoAreaPivot.SelectedItem == XamlReadOnlyPivotItem)
{
XamlReadOnlyCodeRenderer.SetCode(CurrentSample.UpdatedXamlCode, "xaml");
}
break;
case nameof(WideState):
if (CanChangePaneState)
{
SidePaneState = PaneState.Normal;
}
break;
}
}
private async void InfoAreaPivot_OnSelectionChanged(object sender, SelectionChangedEventArgs e)
{
if (InfoAreaPivot.SelectedItem != null)
{
if (DataContext is Sample sample)
{
TrackingManager.TrackEvent("PropertyGrid", (InfoAreaPivot.SelectedItem as FrameworkElement)?.Name, sample.Name);
}
}
if (CurrentSample == null)
{
return;
}
if (InfoAreaPivot.SelectedItem == PropertiesPivotItem)
{
// If we switch to the Properties Panel, we want to use a binded version of the Xaml Code.
if (CurrentSample.HasXAMLCode)
{
_lastRenderedProperties = true;
UpdateXamlRender(CurrentSample.BindedXamlCode);
}
return;
}
if (CurrentSample.HasXAMLCode && InfoAreaPivot.SelectedItem == XamlPivotItem && _lastRenderedProperties)
{
// Use this flag so we don't re-render the XAML tab if we're switching from tabs other than the properties one.
_lastRenderedProperties = false;
// If we switch to the Live Preview, then we want to use the Value based Text
XamlCodeEditor.Text = CurrentSample.UpdatedXamlCode;
UpdateXamlRender(CurrentSample.UpdatedXamlCode);
await XamlCodeEditor.ResetPosition();
XamlCodeEditor.Focus(FocusState.Programmatic);
return;
}
if (CurrentSample.HasXAMLCode && InfoAreaPivot.SelectedItem == XamlReadOnlyPivotItem)
{
// Update Read-Only XAML tab on non-desktop devices to show changes to Properties
XamlReadOnlyCodeRenderer.SetCode(CurrentSample.UpdatedXamlCode, "xaml");
}
if (CurrentSample.HasCSharpCode && InfoAreaPivot.SelectedItem == CSharpPivotItem)
{
var code = await CurrentSample.GetCSharpSourceAsync();
CSharpCodeRenderer.SetCode(code, "c#");
return;
}
}
private void ExpandOrCloseProperties()
{
var states = VisualStateManager.GetVisualStateGroups(HamburgerMenu).FirstOrDefault();
string currentState = states.CurrentState.Name;
switch (currentState)
{
case "NarrowState":
case "MediumState":
// If pane is open, close it
if (_isPaneOpen)
{
Grid.SetRowSpan(InfoAreaGrid, 1);
Grid.SetRow(InfoAreaGrid, 2);
_isPaneOpen = false;
ExpandButton.Content = "";
}
else
{
// pane is closed, so let's open it
Grid.SetRowSpan(InfoAreaGrid, 2);
Grid.SetRow(InfoAreaGrid, 1);
_isPaneOpen = true;
ExpandButton.Content = "";
// Update Read-Only XAML tab when switching back to show changes to TwoWay Bound Properties
if (HamburgerMenu.CurrentSample?.HasXAMLCode == true && InfoAreaPivot.SelectedItem == XamlReadOnlyPivotItem)
{
XamlReadOnlyCodeRenderer.SetCode(HamburgerMenu.CurrentSample.UpdatedXamlCode, "xaml");
}
}
break;
case "WideState":
// If pane is open, close it
if (_isPaneOpen)
{
Grid.SetColumnSpan(InfoAreaGrid, 1);
Grid.SetColumn(InfoAreaGrid, 1);
_isPaneOpen = false;
ExpandButton.Content = "";
}
else
{
// Pane is closed, so let's open it
Grid.SetColumnSpan(InfoAreaGrid, 2);
Grid.SetColumn(InfoAreaGrid, 0);
_isPaneOpen = true;
ExpandButton.Content = "";
}
break;
}
}
protected override async void OnNavigatedTo(NavigationEventArgs e)
{
base.OnNavigatedTo(e);
if (e.Parameter is Sample sample)
{
CurrentSample = sample;
}
if (CurrentSample != null)
{
// UNO TODO
// The controls may be loaded when set directly to their parent
// so the datacontext of the renderer needs to be set early.
await SetSampleDataContext();
if (CurrentSample.HasType)
{
try
{
SamplePage = Activator.CreateInstance(CurrentSample.PageType) as Page;
SampleContent.Content = SamplePage;
// Some samples use the OnNavigatedTo and OnNavigatedFrom
// Can't use Frame here because some samples depend on the current Frame
MethodInfo method = CurrentSample.PageType.GetMethod(
"OnNavigatedTo",
BindingFlags.Instance | BindingFlags.NonPublic);
if (method != null)
{
method.Invoke(SamplePage, new object[] { e });
}
}
catch (Exception ex)
{
ExceptionNotification.Show("Sample Page failed to load: " + ex.Message);
}
if (SamplePage != null)
{
SamplePage.Loaded += SamplePage_Loaded;
// UNO TODO
if (SamplePage.IsLoaded)
{
SamplePage_Loaded(SamplePage, new RoutedEventArgs());
}
}
}
else if (!CurrentSample.HasXAMLCode)
{
_onlyDocumentation = true;
}
async Task SetSampleDataContext()
{
InfoAreaPivot.Items.Clear();
// Load Sample Properties before we load sample (if we haven't before)
await CurrentSample.PreparePropertyDescriptorAsync();
// We only have properties on examples with live XAML
var propertyDesc = CurrentSample.PropertyDescriptor;
DataContext = CurrentSample;
if (propertyDesc != null)
{
_xamlRenderer.DataContext = propertyDesc.Expando;
}
if (propertyDesc?.Options.Count > 0)
{
InfoAreaPivot.Items.Add(PropertiesPivotItem);
}
// Uno todo (Adding a pivot item does not refresh SelectedItem)
UpdateXamlRender(CurrentSample.BindedXamlCode);
}
if (CurrentSample.HasXAMLCode)
{
#if !HAS_UNO
if (AnalyticsInfo.VersionInfo.GetDeviceFormFactor() != DeviceFormFactor.Desktop || CurrentSample.DisableXamlEditorRendering)
#endif
{
// Only makes sense (and works) for now to show Live Xaml on Desktop, so fallback to old system here otherwise.
XamlReadOnlyCodeRenderer.SetCode(CurrentSample.UpdatedXamlCode, "xaml");
InfoAreaPivot.Items.Add(XamlReadOnlyPivotItem);
}
#if !HAS_UNO
else
{
XamlCodeEditor.Text = CurrentSample.UpdatedXamlCode;
InfoAreaPivot.Items.Add(XamlPivotItem);
_xamlCodeRendererSupported = true;
}
#endif
InfoAreaPivot.SelectedIndex = 0;
}
if (CurrentSample.HasCSharpCode)
{
var code = await CurrentSample.GetCSharpSourceAsync();
CSharpCodeRenderer.SetCode(code, "c#");
InfoAreaPivot.Items.Add(CSharpPivotItem);
}
if (CurrentSample.HasDocumentation)
{
var contents = await CurrentSample.GetDocumentationAsync();
if (!string.IsNullOrWhiteSpace(contents))
{
DocumentationTextBlock.Text = contents;
InfoAreaPivot.Items.Add(DocumentationPivotItem);
}
}
// Hide the GitHub button if there isn't a CodeUrl.
if (string.IsNullOrEmpty(CurrentSample.CodeUrl))
{
GithubButton.Visibility = Visibility.Collapsed;
}
else
{
GithubButton.Visibility = Visibility.Visible;
}
if (InfoAreaPivot.Items.Count == 0)
{
SidePaneState = PaneState.None;
}
else
{
SidePaneState = _onlyDocumentation ? PaneState.Full : PaneState.Normal;
}
Shell.Current.SetAppTitle($"{CurrentSample.CategoryName} > {CurrentSample.Name}");
}
else
{
ExceptionNotification.Show("Sample does not exist");
}
if (!CanChangePaneState)
{
SampleTitleBar.Children.Remove(NarrowInfoButton);
}
if (e.NavigationMode != NavigationMode.Back)
{
var nop = Samples.PushRecentSample(CurrentSample);
}
}
protected override async void OnNavigatedTo(NavigationEventArgs e)
{
base.OnNavigatedTo(e);
if (e.Parameter is Sample sample)
{
CurrentSample = sample;
}
if (CurrentSample != null)
{
if (!string.IsNullOrWhiteSpace(CurrentSample.Type))
{
try
{
var pageInstance = Activator.CreateInstance(CurrentSample.PageType);
SampleContent.Content = pageInstance;
}
catch
{
ExceptionNotification.Show("Sample Page failed to load.");
}
if (SamplePage != null)
{
SamplePage.Loaded += SamplePage_Loaded;
}
}
else
{
_onlyDocumentation = true;
}
DataContext = CurrentSample;
await Samples.PushRecentSample(CurrentSample);
var propertyDesc = CurrentSample.PropertyDescriptor;
InfoAreaPivot.Items.Clear();
if (propertyDesc != null)
{
_xamlRenderer.DataContext = propertyDesc.Expando;
}
if (propertyDesc != null && propertyDesc.Options.Count > 0)
{
InfoAreaPivot.Items.Add(PropertiesPivotItem);
}
if (CurrentSample.HasXAMLCode)
{
if (AnalyticsInfo.VersionInfo.GetDeviceFormFactor() != DeviceFormFactor.Desktop || CurrentSample.DisableXamlEditorRendering)
{
// Only makes sense (and works) for now to show Live Xaml on Desktop, so fallback to old system here otherwise.
XamlReadOnlyCodeRenderer.SetCode(CurrentSample.UpdatedXamlCode, "xaml");
InfoAreaPivot.Items.Add(XamlReadOnlyPivotItem);
}
else
{
XamlCodeEditor.Text = CurrentSample.UpdatedXamlCode;
InfoAreaPivot.Items.Add(XamlPivotItem);
_xamlCodeRendererSupported = true;
}
InfoAreaPivot.SelectedIndex = 0;
}
if (CurrentSample.HasCSharpCode)
{
var code = await CurrentSample.GetCSharpSourceAsync();
CSharpCodeRenderer.SetCode(code, "c#");
InfoAreaPivot.Items.Add(CSharpPivotItem);
}
if (CurrentSample.HasJavaScriptCode)
{
var code = await CurrentSample.GetJavaScriptSourceAsync();
JavaScriptCodeRenderer.SetCode(code, "js");
InfoAreaPivot.Items.Add(JavaScriptPivotItem);
}
if (CurrentSample.HasDocumentation)
{
#pragma warning disable SA1008 // Opening parenthesis must be spaced correctly
var(contents, path) = await CurrentSample.GetDocumentationAsync();
#pragma warning restore SA1008 // Opening parenthesis must be spaced correctly
documentationPath = path;
if (!string.IsNullOrWhiteSpace(contents))
{
DocumentationTextblock.Text = contents;
InfoAreaPivot.Items.Add(DocumentationPivotItem);
}
}
// Hide the Github button if there isn't a CodeUrl.
if (string.IsNullOrEmpty(CurrentSample.CodeUrl))
{
GithubButton.Visibility = Visibility.Collapsed;
}
if (InfoAreaPivot.Items.Count == 0)
{
SidePaneState = PaneState.None;
_hasDocumentation = false;
}
else
{
SidePaneState = _onlyDocumentation ? PaneState.Full : PaneState.Normal;
}
Shell.Current.SetAppTitle($"{CurrentSample.CategoryName} > {CurrentSample.Name}");
}
else
{
ExceptionNotification.Show("Sample does not exist");
}
if (!CanChangePaneState)
{
SampleTitleBar.Children.Remove(NarrowInfoButton);
PaneStates.States.Clear();
WindowStates.States.Clear();
}
}
private async void NavigationFrame_Navigating(object sender, NavigatingCancelEventArgs navigationEventArgs)
{
ProcessSampleEditorTime();
SampleCategory category;
if (navigationEventArgs.Parameter == null)
{
DataContext = null;
HamburgerMenu.CurrentSample = null;
category = navigationEventArgs.Parameter as SampleCategory;
if (category != null)
{
TrackingManager.TrackPage($"{navigationEventArgs.SourcePageType.Name} - {category.Name}");
}
else
{
TrackingManager.TrackPage($"{navigationEventArgs.SourcePageType.Name}");
}
HideInfoArea();
}
else
{
TrackingManager.TrackPage(navigationEventArgs.SourcePageType.Name);
Commands.Clear();
ShowInfoArea();
var sampleName = navigationEventArgs.Parameter.ToString();
HamburgerMenu.CurrentSample = await Samples.GetSampleByName(sampleName);
DataContext = HamburgerMenu.CurrentSample;
if (HamburgerMenu.CurrentSample == null)
{
HideInfoArea();
return;
}
category = await Samples.GetCategoryBySample(HamburgerMenu.CurrentSample);
await Samples.PushRecentSample(HamburgerMenu.CurrentSample);
var propertyDesc = HamburgerMenu.CurrentSample.PropertyDescriptor;
InfoAreaPivot.Items.Clear();
if (propertyDesc != null)
{
_xamlRenderer.DataContext = propertyDesc.Expando;
}
Title.Text = HamburgerMenu.CurrentSample.Name;
if (propertyDesc != null && propertyDesc.Options.Count > 0)
{
InfoAreaPivot.Items.Add(PropertiesPivotItem);
}
if (HamburgerMenu.CurrentSample.HasXAMLCode)
{
if (AnalyticsInfo.VersionInfo.GetDeviceFormFactor() != DeviceFormFactor.Desktop || HamburgerMenu.CurrentSample.DisableXamlEditorRendering)
{
// Only makes sense (and works) for now to show Live Xaml on Desktop, so fallback to old system here otherwise.
XamlReadOnlyCodeRenderer.SetCode(HamburgerMenu.CurrentSample.UpdatedXamlCode, "xaml");
InfoAreaPivot.Items.Add(XamlReadOnlyPivotItem);
}
else
{
XamlCodeRenderer.Text = HamburgerMenu.CurrentSample.UpdatedXamlCode;
InfoAreaPivot.Items.Add(XamlPivotItem);
_xamlCodeRendererSupported = true;
}
InfoAreaPivot.SelectedIndex = 0;
}
if (HamburgerMenu.CurrentSample.HasCSharpCode)
{
var code = await HamburgerMenu.CurrentSample.GetCSharpSourceAsync();
CSharpCodeRenderer.SetCode(code, "c#");
InfoAreaPivot.Items.Add(CSharpPivotItem);
}
if (HamburgerMenu.CurrentSample.HasJavaScriptCode)
{
var code = await HamburgerMenu.CurrentSample.GetJavaScriptSourceAsync();
JavaScriptCodeRenderer.SetCode(code, "js");
InfoAreaPivot.Items.Add(JavaScriptPivotItem);
}
if (!string.IsNullOrEmpty(HamburgerMenu.CurrentSample.CodeUrl))
{
GitHub.NavigateUri = new Uri(HamburgerMenu.CurrentSample.CodeUrl);
GitHub.Visibility = Visibility.Visible;
}
else
{
GitHub.Visibility = Visibility.Collapsed;
}
if (HamburgerMenu.CurrentSample.HasDocumentation)
{
var docs = await this.HamburgerMenu.CurrentSample.GetDocumentationAsync();
documentationPath = docs.path;
if (!string.IsNullOrWhiteSpace(docs.contents))
{
DocumentationTextblock.Text = docs.contents;
InfoAreaPivot.Items.Add(DocumentationPivotItem);
}
}
if (InfoAreaPivot.Items.Count == 0)
{
HideInfoArea();
}
HamburgerMenu.Title = $"{category.Name} > {HamburgerMenu.CurrentSample?.Name}";
ApplicationViewExtensions.SetTitle(this, $"{category.Name} > {HamburgerMenu.CurrentSample?.Name}");
}
}
protected override async void OnNavigatedTo(NavigationEventArgs e)
{
base.OnNavigatedTo(e);
if (e.Parameter is Sample sample)
{
CurrentSample = sample;
}
if (CurrentSample != null)
{
if (!string.IsNullOrWhiteSpace(CurrentSample.Type))
{
try
{
var pageInstance = Activator.CreateInstance(CurrentSample.PageType);
SampleContent.Content = pageInstance;
// Some samples use the OnNavigatedTo and OnNavigatedFrom
// Can't use Frame here because some samples depend on the current Frame
MethodInfo method = CurrentSample.PageType.GetMethod(
"OnNavigatedTo",
BindingFlags.Instance | BindingFlags.NonPublic);
if (method != null)
{
method.Invoke(pageInstance, new object[] { e });
}
}
catch
{
ExceptionNotification.Show("Sample Page failed to load.");
}
if (SamplePage != null)
{
SamplePage.Loaded += SamplePage_Loaded;
}
}
else
{
_onlyDocumentation = true;
}
InfoAreaPivot.Items.Clear();
if (CurrentSample.HasXAMLCode)
{
// Load Sample Properties before we load sample (if we haven't before)
await CurrentSample.PreparePropertyDescriptorAsync();
// We only have properties on examples with live XAML
var propertyDesc = CurrentSample.PropertyDescriptor;
if (propertyDesc != null)
{
_xamlRenderer.DataContext = propertyDesc.Expando;
}
if (propertyDesc?.Options.Count > 0)
{
InfoAreaPivot.Items.Add(PropertiesPivotItem);
}
if (AnalyticsInfo.VersionInfo.GetDeviceFormFactor() != DeviceFormFactor.Desktop || CurrentSample.DisableXamlEditorRendering)
{
// Only makes sense (and works) for now to show Live Xaml on Desktop, so fallback to old system here otherwise.
XamlReadOnlyCodeRenderer.SetCode(CurrentSample.UpdatedXamlCode, "xaml");
InfoAreaPivot.Items.Add(XamlReadOnlyPivotItem);
}
else
{
XamlCodeEditor.Text = CurrentSample.UpdatedXamlCode;
InfoAreaPivot.Items.Add(XamlPivotItem);
_xamlCodeRendererSupported = true;
}
InfoAreaPivot.SelectedIndex = 0;
}
if (CurrentSample.HasCSharpCode)
{
var code = await CurrentSample.GetCSharpSourceAsync();
CSharpCodeRenderer.SetCode(code, "c#");
InfoAreaPivot.Items.Add(CSharpPivotItem);
}
if (CurrentSample.HasDocumentation)
{
#pragma warning disable SA1008 // Opening parenthesis must be spaced correctly
var(contents, path) = await CurrentSample.GetDocumentationAsync();
#pragma warning restore SA1008 // Opening parenthesis must be spaced correctly
documentationPath = path;
if (!string.IsNullOrWhiteSpace(contents))
{
DocumentationTextBlock.Text = contents;
InfoAreaPivot.Items.Add(DocumentationPivotItem);
}
}
// Hide the GitHub button if there isn't a CodeUrl.
if (string.IsNullOrEmpty(CurrentSample.CodeUrl))
{
GithubButton.Visibility = Visibility.Collapsed;
}
else
{
GithubButton.Visibility = Visibility.Visible;
}
DataContext = CurrentSample;
if (InfoAreaPivot.Items.Count == 0)
{
SidePaneState = PaneState.None;
}
else
{
SidePaneState = _onlyDocumentation ? PaneState.Full : PaneState.Normal;
}
Shell.Current.SetAppTitle($"{CurrentSample.CategoryName} > {CurrentSample.Name}");
}
else
{
ExceptionNotification.Show("Sample does not exist");
}
if (!CanChangePaneState)
{
SampleTitleBar.Children.Remove(NarrowInfoButton);
}
if (e.NavigationMode != NavigationMode.Back)
{
var nop = Samples.PushRecentSample(CurrentSample);
}
}