设计Popup Window

设计一个Popup window, 在其中实现分享到Facebook 和Twitter 功能。

popup window 名称为 ShareView.xaml, 代码如下：

<phone:PhoneApplicationPage

    x:Class="MVA.ShareView"

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

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

    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"

    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    FontFamily="{StaticResource PhoneFontFamilyNormal}"

    FontSize="{StaticResource PhoneFontSizeNormal}"

    Foreground="{StaticResource PhoneForegroundBrush}"

    SupportedOrientations="Portrait"  Orientation="Portrait"

    shell:SystemTray.IsVisible="False">

    <!--LayoutRoot contains the root grid where all other page content is placed-->

    <Grid x:Name="LayoutRoot" Background="#FF20422E">

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto" />

            <RowDefinition Height="*" />

        </Grid.RowDefinitions>

        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">

            <TextBlock x:Name="pageTitle" HorizontalAlignment="Center" Text="Share this Course" Margin="9,-1,0,0" Style="{StaticResource PhoneTextTitle1Style}" FontSize="50" />

        </StackPanel>

        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0" >

            <Grid.RowDefinitions>

                <RowDefinition Height="Auto" />

                <RowDefinition Height="*" />

            </Grid.RowDefinitions>

            <Grid.ColumnDefinitions>

                <ColumnDefinition Width="*" />

                <ColumnDefinition Width="*" />

            </Grid.ColumnDefinitions>

            <Border Grid.Row="0" Grid.Column="0" Tap="Border_Tap_1" >

                <Image Height="100" Width="100" Source="/Assets/Icon/facetitle.JPG" />

            </Border>

            <Border Grid.Row="0" Grid.Column="1" Tap="Border_Tap_2">

                <Image Height="100" Width="100" Source="/Assets/Icon/twittertitle.JPG"/>

            </Border>

            <Button Content="Close Share" Grid.Row="1" Grid.ColumnSpan="2" Height="72" HorizontalAlignment="Left" Margin="120,152,0,0" Name="btnShowPopUp" VerticalAlignment="Top" Width="235" Click="btnShowPopUp_Click_1" />

        </Grid>

    </Grid>

</phone:PhoneApplicationPage>

后台代码：

using System.Windows.Controls.Primitives;

using Microsoft.Phone.Tasks;

    public partial class ShareView : PhoneApplicationPage

    {

        public ShareView()

        {

            InitializeComponent();

        }

        private void btnShowPopUp_Click_1(object sender, RoutedEventArgs e)

        {

            ClosePopup();

        }

        private void ClosePopup()

        {

            Popup popupWindow = this.Parent as Popup;

            popupWindow.IsOpen = false;

        }

        private void Border_Tap_1(object sender, System.Windows.Input.GestureEventArgs e)

        {

            var item = CommonConfig.SelectedItem;

            if (item != null)

            {

                string url=item.ID;

                CommonConfig.FaceBookSharePath = url;

                WebBrowserTask webTask = new WebBrowserTask();

                webTask.Uri = new Uri(CommonConfig.FaceBookSharePath, UriKind.Absolute);

                webTask.Show();

            }

        }

        private void Border_Tap_2(object sender, System.Windows.Input.GestureEventArgs e)

        {

            var item = CommonConfig.SelectedItem;

            if (item != null)

            {

                string url = item.ID;

                CommonConfig.TwitterSharePath = url;

                WebBrowserTask webTask = new WebBrowserTask();

                webTask.Uri = new Uri(CommonConfig.TwitterSharePath, UriKind.Absolute);

                webTask.Show();

            }

        }

    }

触发 Popup Window 的事件：

        private void TextBlock_Tap_2(object sender, System.Windows.Input.GestureEventArgs e)

        {

            Popup popupView;

            popupView = new Popup();

            popupView.Child = new ShareView();

            popupView.IsOpen = true;

            popupView.VerticalOffset = ;

            popupView.HorizontalOffset = ;

        }

参考：

http://www.mindfiresolutions.com/Display-Popup-Box-in-Windows-2108.php