<wp7>另类弹窗,coding4Fun插件提供的弹窗

原创 2012年03月22日 20:27:59

从我的网易博客移过来的。。


先提供效果图吧。

 

 

 这个是coding4Fun提供的MessagePrompt弹窗。还提供了ToastPrompt:土司弹出框,类似于土司推送通知。

AboutPrompt:说明弹出框,特点是弹出框会在屏幕中间,其他的弹出框是在屏幕的上方(其他可以通过Margin调整文位置)。

PasswordInputPrompt:密码输入弹出框。

InputPrompt:输入弹出框,用于弹出输入框输入其他的信息。

这些都不讨论了。需要的可以到官网文档:http://coding4fun.codeplex.com/wikipage?title=MessagePrompt&referringTitle=Documentation

或者到:http://coding4fun.codeplex.com/wikipage?title=MessagePrompt&referringTitle=Documentation了解。

今天讨论用MessagePrompt自定义自己的弹窗。弹窗可以带输入框等内容。

先新建一个window phone User Control。命名为BodyUserControl。这个主要是设计弹窗的内容。

添加代码:

 

       

 <Border BorderBrush="YellowGreen" BorderThickness="2">
            <StackPanel x:Name="LayoutRoot1" Background="{StaticResource PhoneChromeBrush}"  Margin="0,0,0,10">
                <TextBlock Text="Body declared in UserControl XAML" HorizontalAlignment="Center"/>
                <Image Source="/RoundBtnDemo;component/images/MB_0010_radio.png" Height="80" Width="80" HorizontalAlignment="Center"/>
                <TextBox x:Name="msg" />
                <Border Background="YellowGreen" Height="100" Width="400">
                    <TextBlock x:Name="tx" Text="This is the first text in the Body section. Another Body content here" TextWrapping="Wrap" VerticalAlignment="Center"/>
                </Border>
            </StackPanel>
        </Border>



效果图为:


在主界面里面的需要弹窗的onclick事件或者其他里面添加代码:

 MessagePrompt msgPrompt = new MessagePrompt();
            msgPrompt.Title = "UserControl test";
            msgPrompt.Body = new BodyUserControl();
            msgPrompt.IsAppBarVisible = false;
            msgPrompt.Completed += new EventHandler<PopUpEventArgs<string, PopUpResult>>(msgPrompt_Completed);
            msgPrompt.Show();



 最重要的来了:怎么获取弹窗上的TextBox 的内容呢?

其实是在那个Completed事件可以获取:

 

 void msgPrompt_Completed(object sender, PopUpEventArgs<string, PopUpResult> e)
        {
            if (e.PopUpResult == PopUpResult.Ok)//先判断是否是点击那个勾,也就是确定
            {
                var msgPrompt = sender as MessagePrompt;//把sender转为MessagePrompt对象
                var bodyControl = msgPrompt.Body as BodyUserControl;//取出BodyUserControl对象
  //取出BodyUserControl中Name为msg,也就是那个TextBox。
  //这里的Showmsg是一个TextBlock,这样,就能取到弹窗上的控件的值
                ShowMsg.Text = bodyControl.msg.Text;
            }
            
        }



相关文章推荐

WP7 Coding4Fun控件工具v1.60源码2012815

  • 2012年08月15日 11:41
  • 11.35MB
  • 下载

另类弹窗十倍放大流量

另类弹窗十倍放大流量 2012-03-03 19:58 作者: admin 来源: 未知 浏览: 128 次 摘要:我们都知道弹窗,当时弹窗的流量价格是十分低的,一万个弹窗的价格也只有几十...

超强的jquery极品插件--分页类和提示框弹窗类

分页类+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++   jQuery Pagination j...

fancybox_弹窗 插件

  • 2015年08月12日 09:21
  • 60KB
  • 下载

jquery弹窗插件

  • 2014年01月13日 10:59
  • 33KB
  • 下载

jquery layer弹窗弹层插件 小巧强大

/* 先去官网下载最新的js http://sentsin.com/jquery/layer/ ①引用jquery ②引用layer.min.js */ 触发弹层的事件可自由绑定,如: $('#i...

js弹窗小插件

  • 2014年09月25日 21:43
  • 34KB
  • 下载

jquery弹窗插件

  • 2017年06月28日 17:43
  • 51KB
  • 下载

Jquery插件,右下角弹窗提醒,无视框架

推荐其它几款插件: http://www.jqueryrain.com/?rv0ica8W
  • ful1021
  • ful1021
  • 2014年08月14日 12:08
  • 1550

浏览器弹窗插件

  • 2013年12月31日 08:52
  • 63KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:<wp7>另类弹窗,coding4Fun插件提供的弹窗
举报原因:
原因补充:

(最多只允许输入30个字)