如何做Windows Phone的登录/注册功能
openkk
12年前
首先我要做的效果如下
思路一：page
在WP里Page是最基本的东西，你第一想法肯定是用Page来做登录注册。但是登录注册其实是不太适合用Page来做，关于login screen/splash screen的分析，且看这篇著名博文Introducing the concept of “Places”，在看完后想想用popup来做.登录注册页面在很多地方会被调用到，使用page会导致页面间跳转逻辑比较乱。
思路二：popup
popup只是个容器，设置Child为什么都可以，然后IsOpen=true;就显示出来了。
问题一：popup的Child可以是page吗？
答案是可以的。
signInUpPopup = new Popup(); //SignInUp为Page，改造过了 Guanjia.Views.SignInUp signInUp = new Guanjia.Views.SignInUp(this, signInUpPopup, 480, 728, 0);//this); //这个不用解释了 signInUpPopup.Child = signInUp; signInUpPopup.IsOpen = true;然后更多问题出来了。
问题二：
当按下BackKey键的时候，Popup出来的页面连同父Page全部关掉了，不是我们期望的Popup消失的效果。所以要处理下。
private void doSignInUp() { signInUpPopup = new Popup(); //SignInUp为Page，改造过了 Guanjia.Views.SignInUp signInUp = new Guanjia.Views.SignInUp(this, signInUpPopup, 480, 728, 0);//this); //登录注册成功后回调了 signInUp.OnSuccess += new EventHandler(signInUp_OnSuccess); //这个不用解释了 signInUpPopup.Child = signInUp; //一下三行处理BackKey冲突 signInUpPopup.Loaded += new RoutedEventHandler(signInUpPopup_Loaded); signInUpPopup.Unloaded += new RoutedEventHandler(signInUpPopup_Unloaded); signInUpPopup.Closed += new EventHandler(signInUpPopup_Closed); signInUpPopup.IsOpen = true; } void signInUpPopup_Unloaded(object sender, RoutedEventArgs e) { //草草草 没被调用 Debug.WriteLine("Popup Unloaded here"); this.BackKeyPress += Main_BackKeyPress; } public void AddBackKeyPressHandle() { this.BackKeyPress += Main_BackKeyPress; } void signInUpPopup_Loaded(object sender, RoutedEventArgs e) { this.BackKeyPress -= Main_BackKeyPress; } void signInUpPopup_Closed(object sender, EventArgs e) { Debug.WriteLine("Popup closed here"); this.BackKeyPress += Main_BackKeyPress; } void signInUpPopup_Opened(object sender, EventArgs e) { this.BackKeyPress -= Main_BackKeyPress; } 问题三：Popup出来的Page的ApplicationBar不对(在父Page里我没设ApplicationBar，所以popup出来也没有 ApplicationBar)，popup出来的page可以有ApplicationBar吗？我跑到stackoverflow一问： Is it possible to popup a sigin/up page(pivot) with appbar?。得到答案可以。 以下为改造过的登录页面
public partial class SignInUp : PhoneApplicationPage { private PhoneApplicationPage page = null; private IApplicationBar parentAppBar = null; private Popup popup = null; //public static event EventHandler OnSuccess; public SignInUp() { InitializeComponent(); page = this; } public SignInUp(PhoneApplicationPage parentpage, Popup popup, int width, int height, int selectedIndex = 0) { InitializeComponent(); page = parentpage; this.popup = popup; this.Height = height; this.Width = width; //SignInUpPivot.SelectedIndex = selectedIndex; parentAppBar = parentpage.ApplicationBar; this.Loaded += (s, e) => { page.BackKeyPress += page_BackKeyPress; }; this.Unloaded += (s, e) => { page.ApplicationBar = parentAppBar; page.BackKeyPress -= page_BackKeyPress; }; } void page_BackKeyPress(object sender, System.ComponentModel.CancelEventArgs e) { popup.IsOpen = false; e.Cancel = true; }private void Pivot_SelectionChanged(object sender, SelectionChangedEventArgs e) { int selectedIndex = (sender as Pivot).SelectedIndex; if (selectedIndex == 0) { page.ApplicationBar = (Microsoft.Phone.Shell.ApplicationBar)Resources["SignInAppbar"]; } else if (selectedIndex == 1) { page.ApplicationBar = (Microsoft.Phone.Shell.ApplicationBar)Resources["SignUpAppbar"]; } } 问题4:无法使用Code4Fun toolkit里的ToastPrompt来进行提示。网上一搜，c4f的开发者说ToastPrompt是所在层级与popup不一样（在popup之下，page之上），看了一下源码它使用了自己实现的popup来实现ToastPrompt。把c4f里的ToastPrompt改造成使用的Popup来实现，效果不好，但总算能显示在弹出来的东西之上，效果不好。 问题5：注册页里的TextBox会被弹出来的键盘遮住，不能像page那样自动向上移动。同样有人问了这样的问题：
这个真心没找到解决方案。
可见Popup来实现缺点太多。
思路三：还是用Page，只有一个问题：如何在登录成功后执行/通知前一个页面，执行一些操作，更新UI等?
解决方法：
1在SignInUp页里加一个可以登录注册成功事件，以便前一个页面添加回调
public partial class SignInUp : PhoneApplicationPage { //回调 public static event EventHandler OnSuccess; public SignInUp() { InitializeComponent(); } 2登录注册成功后调用OnSuccess
XXXService.Login(username, password, delegate(int loginResult) { switch (loginResult) { case 1: //登录成功 //Main.ToastMessage = "登录成功"; App.CurrentAccount = new Account { Username = username, Password = password, }; if (AutoSignInCheckBox.IsChecked == true) { GuanjiaPersistentUserDatas.Account = App.CurrentAccount; } //调用回调 if (OnSuccess != null) { OnSuccess(null, null); } this.NavigationService.GoBack(); //do something here break; case -1: ToastHelper.GetBasicToast("用户密码错误", "登录失败").Show(); break; case -2: ToastHelper.GetBasicToast("用户不存在", "登录失败").Show(); break; default: break; } }, 3在父页面中只需在navigation到SignInUp.xaml前多一个步骤
private void doSignInUp() { SignInUp.OnSuccess += new EventHandler(signInUp_OnSuccess); NavigationService.Navigate(new Uri("/Views/SignInUp.xaml?Action=SignIn", UriKind.Relative)); } DONE!