アプリ内でインタラクティブなチュートリアルを実装するにはどうすればよいですか？

Question

私はWord用のC＃アドインを持っており、通常ゲームのようなインタラクティブなチュートリアルを実装したいと考えています。私は何らかのビジュアル要素を強調表示（おそらく回覧）し、その要素が何をするかを説明するテキストボックスを表示したいと思います。たとえば、アドインが一般的なワークフローエディタであるとします。私は、要素を視覚的に選択し、要素の内容と要素がどのようなものかを説明することによって、何を行う必要があるかを段階的にユーザーに示したいと考えています。私の最初の質問です：これはCで行うことができます＃？私の2番目の質問はどうですか？ :)私は、上記の視覚的要素の位置を取得し、その後、上に画像を描画する必要があるだろうと思うが、私はどのようにそれを行うことができないのか分からない。

Answer 1

私は、Stack Overflowコミュニティのメンバーでさえも、少なくともこれについてヒントを得るまでには時間がかかりませんでしたが、少し残念です。しかし、そのような人生は、私はここで私の発見を共有するつもりだ、私は他の誰かが彼らから恩恵を受けると確信しているので。

あなたは3つのことを必要とするインタラクティブなチュートリアルを行うことができるようにするには：

• コントロールが画面の観点に配置されている場所を見つけるための方法はでコントロールにユーザーを指すように
• 方法を座標たとえば、赤い線で囲んで を強調表示します。
• デフォルトのアクション（ボタンをクリック）を行う方法。

つまり、アイデアは、コントロールを記述するテキストとアプリでコントロールを示すいくつかのグラフィカルな方法でウィンドウを並べ替えることです。オプションで、ウィンドウにはShowMeボタンのようなものが用意されています。マウスやキーボードを制御してコントロールを使用する方法をユーザーに示すことができます。

これは、コントロールが自分で作成され、ソースコードにアクセスするのは簡単です。しかし、Wordなどのブラックボックスアプリでこのようなことを行うときは、Windows IAccessibleインターフェイスを使用できます。あなたのお気に入りの検索エンジンでそれを検索すると、それを理解して使用するために必要なすべてが得られます。 IAccessibleは多くのことを行うことができますが、最も重要なことはコントロールの位置を取得することができ、デフォルトのアクションを実行することもできます。

次の手順では、コントロールをグラフィックでどのように指摘するかを判断します。これを行うには多くの方法がありますが、私の場合は赤い四角で囲むことにしました。私はそれに空の赤い四角形の、目に見えない、ボーダーレスのフォームを作成してこれを行いました。コントロールの位置とサイズを持っているので、コントロールの上に上記のフォームを配置することに問題はありませんでした。

あなたはそれを持っています。どのアプリでもインタラクティブなチュートリアルを作成するために必要なビルディングブロックを示しました。