Add tour step indicators, use LinkLabels

This commit is contained in:
John Lewin 2018-12-30 12:09:55 -08:00
parent a89567dea5
commit 5445736fd0
3 changed files with 140 additions and 9 deletions

View file

@ -0,0 +1,111 @@
/*
Copyright (c) 2018, Lars Brubaker, John Lewin
All rights reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
1. Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer.
2. Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
The views and conclusions contained in the software and documentation are those
of the authors and should not be interpreted as representing official policies,
either expressed or implied, of the FreeBSD Project.
*/
using MatterHackers.Agg;
using MatterHackers.Agg.UI;
namespace MatterHackers.MatterControl.Tour
{
public class CarouselIndicators : FlowLayoutWidget
{
private ThemeConfig theme;
private int _activeIndex;
public CarouselIndicators(ProductTour productTour, ThemeConfig theme)
{
this.Tour = productTour;
this.theme = theme;
this.HAnchor = HAnchor.Fit;
this.VAnchor = VAnchor.Fit | VAnchor.Center;
this.InactiveColor = theme.SlightShade;
this.ActiveColor = theme.PrimaryAccentColor;
this.HighlightColor = theme.PrimaryAccentColor;
for (var i = 0; i < productTour.Count; i++)
{
this.AddChild(new StepIndicator(this, i)
{
//ToolTipText = productTour.Locations[i].Widget.Name ?? ""
});
}
}
public ProductTour Tour { get; }
public int ActiveIndex
{
get => _activeIndex;
set
{
_activeIndex = value;
Tour.ActiveIndex = value;
}
}
public Color InactiveColor { get; set; } = Color.Black;
public Color ActiveColor { get; set; }
public Color HighlightColor { get; set; } = Color.White;
private class StepIndicator : GuiWidget
{
private CarouselIndicators parent;
private int index;
public StepIndicator(CarouselIndicators parent, int index)
{
this.HAnchor = HAnchor.Absolute;
this.VAnchor = VAnchor.Absolute;
this.parent = parent;
this.index = index;
this.Width = 10;
this.Height = 10;
this.Color = (parent.Tour.ActiveIndex == index) ? parent.ActiveColor : parent.InactiveColor;
}
public Color Color { get; set; } = Color.Black;
public Color HighlightColor { get; set; } = Color.White;
public override void OnDraw(Graphics2D graphics2D)
{
//graphics2D.Circle(this.LocalBounds.Center, (this.Width - 3) / 2, this.FirstWidgetUnderMouse ? parent.HighlightColor : this.Color);
graphics2D.Circle(this.LocalBounds.Center, (this.Width - 3) / 2, this.Color);
base.OnDraw(graphics2D);
}
}
}
}

View file

@ -29,6 +29,7 @@ either expressed or implied, of the FreeBSD Project.
using System.Collections.Generic;
using System.Linq;
using MatterHackers.Agg;
using MatterHackers.Agg.UI;
namespace MatterHackers.MatterControl.Tour
@ -38,6 +39,7 @@ namespace MatterHackers.MatterControl.Tour
private List<TourLocation> tourLocations;
private SystemWindow systemWindow;
private ThemeConfig theme;
private int _activeIndex = -1;
public ProductTour(SystemWindow topWindow, List<TourLocation> tourLocations, ThemeConfig theme)
{
@ -47,6 +49,8 @@ namespace MatterHackers.MatterControl.Tour
this.theme = theme;
}
public IReadOnlyList<TourLocation> Locations => tourLocations;
public static async void StartTour()
{
var topWindow = ApplicationController.Instance.MainView.TopmostParent() as SystemWindow;
@ -84,7 +88,21 @@ namespace MatterHackers.MatterControl.Tour
public int Count { get; }
public int ActiveIndex { get; private set; } = -1;
public int ActiveIndex
{
get =>_activeIndex;
set
{
if (_activeIndex != value)
{
_activeIndex = value;
this.ActiveItem = tourLocations[_activeIndex];
var tourOverlay = new TourOverlay(systemWindow, this, theme);
systemWindow.AddChild(tourOverlay);
}
}
}
public TourLocation ActiveItem { get; private set; }
@ -96,10 +114,6 @@ namespace MatterHackers.MatterControl.Tour
}
this.ActiveIndex = locationIndex;
this.ActiveItem = tourLocations[locationIndex];
var tourOverlay = new TourOverlay(systemWindow, this, theme);
systemWindow.AddChild(tourOverlay);
}
}
}

View file

@ -205,11 +205,14 @@ namespace MatterHackers.MatterControl.Tour
var buttonRow = new FlowLayoutWidget()
{
HAnchor = HAnchor.Stretch,
Margin = new BorderDouble(0, 0, 0, 5)
Margin = new BorderDouble(10, 0, 10, 5)
};
body.AddChild(buttonRow);
var prevButton = theme.CreateDialogButton("Prev".Localize());
var prevButton = new LinkLabel("Prev".Localize(), theme, pointSize: theme.DefaultFontSize - 2)
{
TextColor = theme.TextColor
};
prevButton.Click += (s, e) =>
{
this.Parent.Close();
@ -219,11 +222,14 @@ namespace MatterHackers.MatterControl.Tour
buttonRow.AddChild(new HorizontalSpacer());
buttonRow.AddChild(new TextWidget($"{productTour.ActiveIndex + 1} of {productTour.Count}", pointSize: theme.H1PointSize, textColor: theme.TextColor));
buttonRow.AddChild(new CarouselIndicators(productTour, theme));
buttonRow.AddChild(new HorizontalSpacer());
var nextButton = theme.CreateDialogButton("Next".Localize());
var nextButton = new LinkLabel("Next".Localize(), theme, pointSize: theme.DefaultFontSize - 2)
{
TextColor = theme.TextColor
};
nextButton.Click += (s, e) =>
{
this.Parent.Close();