UWP - In Appチュートリアルグレイアウト1つのXaml要素

Question

例http://dashboard.securingdemocracy.org/そのページに移動し、[初めて：ここをクリック]ボタンをクリックすると簡単なチュートリアルが開始されます。私は私のUWPアプリケーションでこれを複製したいと思います。私はどのように調光効果を再現するのか分かりません。どんな提案も感謝しています。

Answer 1

light dismissダイアログでは、UWPでFlyoutコントロールを使用してみます。

単純な実装が必要な場合は、Opacityの設定を使用して、コントロールにマスク効果を与えるUIコントロールをカバーし、添付するプロパティを制御するように設定することがありますカバーされない1つのコントロールのzオーダー。たとえば、

<Canvas Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <TextBox Text="Testparagraph" Canvas.Top="20" Canvas.Left="20" Canvas.ZIndex="1" Background="White" IsReadOnly="True"></TextBox> 
    <TextBox Text="testparagraph 2" Canvas.Top="80" Canvas.Left="20" Canvas.ZIndex="-1" Background="White" IsReadOnly="True"></TextBox> 
    <Rectangle Fill="Gray" Opacity="0.5" Height="400" Width="400" Canvas.ZIndex="0"></Rectangle> 
</Canvas> 

Composition effectsを使用してください。ライブラリのWindowsUIDevLabsにマスク効果のサンプルがいくつかあります。たとえば、マスク効果はForegroundFocusEffectsです。あなたのシナリオの詳細を自分で実装しようとしてください。