Windows 8 開發入門（六）：Popup 彈出視窗三大進階用法

用法一：基本彈出 + 輕量關閉

<Button Name="btn1" Content="彈出視窗一" Click="btn1_Click" .../>
<Popup Name="tip1" IsLightDismissEnabled="True" HorizontalOffset="161" VerticalOffset="250">
    <Grid Width="312" Height="200">
        <Grid.Background><ImageBrush ImageSource="./BG.png"/></Grid.Background>
        <TextBlock Foreground="White" FontSize="15" HorizontalAlignment="Center" Margin="0,20,0,0">
            <Run>眾芳搖落獨暄妍，占盡風情向小園</Run><LineBreak/><LineBreak/>
            <Run>疏影橫斜水清淺，暗香浮動月黃昏</Run><LineBreak/><LineBreak/>
            <Run>霜禽欲下先偷眼，粉蝶如知合斷魂</Run><LineBreak/><LineBreak/>
            <Run>幸有微吟可相狎，不須檀板共金樽</Run>
        </TextBlock>
    </Grid>
</Popup>

用法二：豐富進場/離場動畫

<Popup Name="tip2" IsLightDismissEnabled="True" HorizontalOffset="510" VerticalOffset="250">
    <Popup.ChildTransitions>
        <TransitionCollection>
            <AddDeleteThemeTransition/>
            <ContentThemeTransition/>
            <EdgeUIThemeTransition/>
            <EntranceThemeTransition/>
            <PaneThemeTransition/>
            <PopupThemeTransition/>
            <ReorderThemeTransition/>
            <RepositionThemeTransition/>
        </TransitionCollection>
    </Popup.ChildTransitions>
    <Grid Width="312" Height="200">...</Grid>
</Popup>

<Popup Name="tip3" HorizontalOffset="-312" HorizontalAlignment="Right" VerticalOffset="250">
    <Popup.ChildTransitions>
        <TransitionCollection><PaneThemeTransition/></TransitionCollection>
    </Popup.ChildTransitions>
    <Grid Width="312" Height="200">...</Grid>
</Popup>

動畫類型：AddDeleteThemeTransition、ContentThemeTransition、EdgeUIThemeTransition、EntranceThemeTransition、PaneThemeTransition、PopupThemeTransition、ReorderThemeTransition、RepositionThemeTransition。

用法三：承載 UserControl 實現複雜互動

<Popup Name="tip4" IsLightDismissEnabled="True" HorizontalOffset="850" VerticalOffset="250">
    <Popup.ChildTransitions>
        <TransitionCollection><AddDeleteThemeTransition/></TransitionCollection>
    </Popup.ChildTransitions>
    <local:UC1/> <!-- 專案中的 UserControl -->
</Popup>

原始碼下載：Win8Popup.rar