回答編集履歴

- スマホやゲームなどのチュートリアルで、ボタン等がアニメーションし（あるいはポップアップが出たりして）次の操作を促すようなものですよね？

- そしてそれ以外の操作はブロックし、数段階の一連の操作をユーザーにやらせてみるみたいな。

-

- それぞれ個別に考えれば、WPFでもそれほど難しくはありません。

- しかし一連の操作をチュートリアルとしてやらせようとすると、頭を抱えますね^^;（理屈上は可能だと思いますが、かなりのコードと状態管理が必要になりそう）

- サポートするようなライブラリも聞いたことないですし、やっている例も見たことありません（もしあったら私も参考にしたいです）

-

- 現実的には、

- * ツールチップやウォーターマーク等で説明を入れる

- * ツールチップやヘルプがあることをわかるように、？アイコンを表示する

- * 初回画面でのポップアップで動画再生

-

- あたりになるかなぁ？と思います。

-

- 理想を言えば、説明が要らないぐらい「シンプルでわかりやすいＵＩにする」ということなんでしょうけど^^;

-

- ---

-

- 一個一個の説明を順次出すだけでよければ、こんなのがお手軽でそこそこ見栄えもいいかもしれません（モーダルダイアログを吹き出し型にして、次々出すだけ）

-

- MainWindow.xaml

- ```xaml

- <Window

- x:Class="Questions296394.MainWindow"

- xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

- xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

- Width="450"

- Height="450"

- Loaded="Window_Loaded">

- <StackPanel>

- <Button

- x:Name="aaa"

- MinWidth="80"

- Margin="10"

- HorizontalAlignment="Center"

- Content="aaa" />

- <TextBox

- x:Name="bbb"

- MinWidth="80"

- Margin="10"

- HorizontalAlignment="Center"

- Text="bbb" />

- <Button

- x:Name="ccc"

- MinWidth="80"

- Margin="10"

- HorizontalAlignment="Center"

- Content="ccc" />

- </StackPanel>

- </Window>

- ```

- MainWindow.xaml.cs

- ```C#

- using System.Windows;

-

- namespace Questions296394

- {

- public partial class MainWindow : Window

- {

- public MainWindow() => InitializeComponent();

-

- private void Window_Loaded(object sender, RoutedEventArgs e)

- {

- var p = aaa.PointToScreen(new Point(aaa.ActualWidth + 10, 0));

- var b = new BalloonWindow { Left = p.X, Top = p.Y, Title = "aaaの説明", Content = "なんたらかんたら", Owner = this, };

- b.ShowDialog();

-

- p = bbb.PointToScreen(new Point(bbb.ActualWidth + 10, 0));

- b = new BalloonWindow { Left = p.X, Top = p.Y, Title = "bbbの説明", Content = "ほげほげふがふが", Owner = this, };

- b.ShowDialog();

-

- p = ccc.PointToScreen(new Point(ccc.ActualWidth + 10, 0));

- b = new BalloonWindow { Left = p.X, Top = p.Y, Title = "cccの説明", Content = "なんたらかんたら\nほげほげふがふが", Owner = this, };

- b.ShowDialog();

- }

- }

- }

- ```

-

- BalloonWindow.xaml

- ```xaml

- <Window

- x:Class="Questions296394.BalloonWindow"

- xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

- xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

- <Window.Style>

- <Style TargetType="{x:Type Window}">

- <Setter Property="AllowsTransparency" Value="True" />

- <Setter Property="SizeToContent" Value="WidthAndHeight" />

- <Setter Property="WindowStyle" Value="None" />

- <Setter Property="Template">

- <Setter.Value>

- <ControlTemplate TargetType="{x:Type Window}">

- <Grid>

- <Border

- Margin="20,0,0,0"

- Padding="10"

- Background="WhiteSmoke"

- BorderBrush="Black"

- BorderThickness="2"

- CornerRadius="10">

- <StackPanel>

- <TextBlock

- HorizontalAlignment="Center"

- FontSize="20"

- Text="{TemplateBinding Title}" />

- <ContentPresenter Margin="10" Content="{TemplateBinding Content}" />

- <Button

- HorizontalAlignment="Right"

- Click="Button_Click"

- Content="OK" />

- </StackPanel>

- </Border>

- <Polygon

- Fill="WhiteSmoke"

- Points="2,20 20,20 20,40"

- Stroke="Black"

- StrokeThickness="4" />

- <Polygon Fill="WhiteSmoke" Points="2,20 22,20 22,42" />

- </Grid>

- </ControlTemplate>

- </Setter.Value>

- </Setter>

- </Style>

- </Window.Style>

- </Window>

- ```

- BalloonWindow.xaml.cs

- ```C#

- using System.Windows;

-

- namespace Questions296394

- {

- public partial class BalloonWindow : Window

- {

- public BalloonWindow() => InitializeComponent();

-

- private void Button_Click(object sender, RoutedEventArgs e) => DialogResult = true;

- }

- }