Inspectツールを使ってUIを調査するには?[Windows 8/Windows 8.1ストアアプリ開発]

画像部分のUIを構成するコントロール1つの画像として見えている部分は、MediaElementコントロール/Imageコントロール/ToggleButtonコントロールの3つが重ねられている。この構造から、次のような動作が想像できる。ToggleButtonコントロールは大部分が透明で中央付近に半透明の画像(=再生と一時停止の2枚)が配置されており、その画像をマウスオーバー時に表示している。そして、ToggleButtonコントロールがONになったときにMediaElementコントロールで再生を開始するとともにImageコントロールを隠し、再生終了時点でImageコントロールを再び表示するとともにToggleButtonコントロールをOFFにしているのであろう。また、下部の本文にはWebViewコントロールが使われていることも分かる。以上のようなコントロールを、GridコントロールやStackPanelコントロールなどを使ってレイアウトしてDataTemplateに収めていると想像されるが、残念なことにInspectツールではそのようなUIを持たないコントロールは調べられない。

画像部分のUIを構成するコントロール1つの画像として見えている部分は、MediaElementコントロール/Imageコントロール/ToggleButtonコントロールの3つが重ねられている。この構造から、次のような動作が想像できる。ToggleButtonコントロールは大部分が透明で中央付近に半透明の画像(=再生と一時停止の2枚)が配置されており、その画像をマウスオーバー時に表示している。そして、ToggleButtonコントロールがONになったときにMediaElementコントロールで再生を開始するとともにImageコントロールを隠し、再生終了時点でImageコントロールを再び表示するとともにToggleButtonコントロールをOFFにしているのであろう。また、下部の本文にはWebViewコントロールが使われていることも分かる。以上のようなコントロールを、GridコントロールやStackPanelコントロールなどを使ってレイアウトしてDataTemplateに収めていると想像されるが、残念なことにInspectツールではそのようなUIを持たないコントロールは調べられない。