初学Windows Phone：弹出式(popup)页面加截状态提示

这个示例主要是把popup封装成一个能用的自定义类库，当然在功能上还有很多不足，抛砖引玉吧。

1.新建一个Windows Phone项目（PhoneApp1）。
2.在解决方案中再新建一个Windows Phone的类库项目(CusPopup)。
3.PhoneApp1引用CusPopup。
4.在CusPopup中新建一个用户自定义控件(PopupPannel.xaml)。
5. 在CusPopup中新建一个类文件(PopupMain.cs)。
注：PhoneApp1用来做示例演示，CusPopup是我们要做功能的主要部分，其中PopupPannel.xaml的作用是弹出层的内容，赋给Popup.Child，这里的内容很简单我只放了一个TextBlock用于显示进度；PopupMain.cs是主要功能类，它的作用是显示/隐藏PopupPannel的内容，开启一个后台进程，并做一些其它事情。
6.在PopupPannel.xaml页中放入一个TextBlock控件，位置和样式根据需要调整。
7.PopupMain.cs的代码如下：

using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using System.ComponentModel;
using System.Windows.Controls.Primitives;
namespace CusPopup
{
    public  class PopupMain
    {
        private  Popup popup;
        private  BackgroundWorker backgroundWorker;
        private  Action<object, DoWorkEventArgs> dowork;
        private  Action<object, RunWorkerCompletedEventArgs> runWorkerCompleted;
        private  Action<object, ProgressChangedEventArgs> progressChanged;
        /// <summary>
/// 打开进度状态显示
/// </summary>
        public  void OpenPopup()
        {
            if (popup == null)
                popup = new Popup();
            popup.Child = new CusPopup.PopupPannel();
            popup.IsOpen = true;
            
        }
        /// <summary>
/// 关闭进度状态显示
/// </summary>
        public void ClosePopup()
        {
            popup.IsOpen = false;
        }
        /// <summary>
/// 进度改变后把信息显示到页面上
/// </summary>
/// <param name="ProgressPercentage"></param>
        public void BackgroundWorkerProgressChanged(int ProgressPercentage)
        {
            CusPopup.PopupPannel cuspopup = popup.Child as CusPopup.PopupPannel;
            cuspopup.textBlock2.Text = string.Format("{0}%", ProgressPercentage);
 
        }
        /// <summary>
/// 开启一个BackgroundWorker
/// </summary>
/// <param name="Dowork"></param>
/// <param name="RunWorkerCompleted"></param>
/// <param name="ProgressChanged"></param>
/// <param name="obj"></param>
        public  void RunBackgroundWorker(Action<object,DoWorkEventArgs> Dowork, Action<object, RunWorkerCompletedEventArgs> RunWorkerCompleted, Action<object, ProgressChangedEventArgs> ProgressChanged,object obj=null)
        {
            dowork = Dowork;
            runWorkerCompleted = RunWorkerCompleted;
            progressChanged = ProgressChanged;
            backgroundWorker = new BackgroundWorker();
            backgroundWorker.WorkerReportsProgress = true;
            backgroundWorker.DoWork += new DoWorkEventHandler(backgroundWorker_DoWork);
            backgroundWorker.RunWorkerCompleted += new RunWorkerCompletedEventHandler(backgroundWorker_RunWorkerCompleted );
            backgroundWorker.ProgressChanged += new ProgressChangedEventHandler(backgroundWorker_ProgressChanged);
            backgroundWorker.RunWorkerAsync(obj);
        }
 
         void backgroundWorker_ProgressChanged(object sender, ProgressChangedEventArgs e)
        {
            progressChanged(sender, e);
        }
 
         void backgroundWorker_RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e)
        {
            if (runWorkerCompleted != null)
                runWorkerCompleted(sender,e);
        }
 
         void backgroundWorker_DoWork(object sender, DoWorkEventArgs e)
        {
            if (dowork != null)
                dowork(sender, e);
 
        }
    }
}

 

8.在PhoneApp1中的MainPage.xaml.cs中写如下代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;
using System.Threading;
using System.ComponentModel;
using System.Windows.Controls.Primitives;
namespace PhoneApp1
{
    public partial class MainPage : PhoneApplicationPage
    {
        CusPopup.PopupMain popupMain;//定义一个对象
        public MainPage()
        {
            InitializeComponent();
            popupMain = new CusPopup.PopupMain();//初始化
            showPopup();
        }
        /// <summary>
/// 执行
/// </summary>
        private void showPopup()
        {
            popupMain.OpenPopup();//打开层
//开启一个后台进程，并做一些其它的
            popupMain.RunBackgroundWorker(                
                (obj, doWorkEventArgs) =>
                {
                    DoWork(obj, doWorkEventArgs);
                },                
                (obj, runWorkerCompletedEventArgs) =>
                {
                    RunWorkerCompleted(obj, runWorkerCompletedEventArgs);
                },                
                (obj, progressChangedEventArgs) =>
                {
                    ProgressChanged(obj, progressChangedEventArgs);
                },
                null);
            
        }
        
 
        void ProgressChanged(object sender, ProgressChangedEventArgs e)
        {
            popupMain.BackgroundWorkerProgressChanged(e.ProgressPercentage);
        }
 
        void RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e)
        {
            //Do Something
            popupMain.ClosePopup();
        }
 
        void DoWork(object sender, DoWorkEventArgs e)
        {
            BackgroundWorker worker = sender as BackgroundWorker;
            for (int i = 0; i < 100; i++)
            {
                worker.ReportProgress(i + 1);
                Thread.Sleep(100);
            }
        }
    }
}

 

在这里，DoWork我只是做了一个循环延时，然后把进度报告给BackgroundWorker,并执行BackgroundWorkerProgressChanged使界面上的文字发生变化显示。RunWorkerCompleted完成后关闭状态进度。方法的最后一个参数为null，如果DoWork需要参数可以从这里传入。

源码下载