Windows Phone 7 不温不火学习之《创建用户控件》

同样出自微软的产品,像ASP.NET 一样,Windows Phone 7 也有一个叫UserControl 的东西。这个相当于一个组件,类似于Android 继承View 。

  本篇将实现一个用户控件,默认为它添加高宽,并为它添加一个自己的事件,通过本篇学习,你可以学习到如何编写一个Windows Phone 7用户控件,如何为它添加属性,如何为我们自己的用户控件添加事件处理。

  实现的DEMO运行效果如下 :

  Windows Phone 7 不温不火学习之《创建用户控件》

当你点击文本后,可以执行一些你要的操作,例如关闭该对话框。

  实现我们自己的用户控件,第一步先添加一个用户控件模板:

Windows Phone 7 不温不火学习之《创建用户控件》

创建完成后,可以看到设计图并不是我们熟悉的Windows Phone 7手机的样子,还是一块画板展现在上面。在画板上我们添加一个Popup面板,在面板里面添加一个图片和一个文本,如下代码:

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><Popupx:Name="WaitingWnd">
<Gridx:Name="LayoutRoot"Background="{StaticResourcePhoneChromeBrush}">
<ImageHeight="88"HorizontalAlignment="Center"Margin="172,137,218,0"Name="image1"Stretch="Fill"VerticalAlignment="Top"Width="90"/>
<TextBlockHeight="30"HorizontalAlignment="Left"Margin="172,231,0,0"Name="textBlock1"Text="等待中..."VerticalAlignment="Top"Width="92"/>
</Grid>
</Popup>

  到了这里,我们就可以开始编写后台代码了,首先要记的是,如果我们没有给我们的用户控件设置默认高和宽的话,开始拖进来的时候会很小,所以这里我们为他做两个默认的高宽,并且添加一个属性可以供控件用户控件图片的轮换速度,代码如下:

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->publicdoubleSpeed{get;set;}
privateintwidth;privateintheight;
publicintControl_Width{get{return100;}set{width=value;}}
publicintControl_Height{get{return100;}set{height=value;}}

使用线程,为用户控件作转动效果:

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->publicloading()
{
InitializeComponent();
this.Width=Control_Width;
this.Height=Control_Height;

timer
=newDispatcherTimer();
timer.Interval
=TimeSpan.FromMilliseconds(Speed);
timer.Tick
+=newEventHandler(timer_Tick);
textBlock1.MouseLeftButtonDown
+=newMouseButtonEventHandler(textBlock1_MouseLeftButtonDown);
}
voidtimer_Tick(objectsender,EventArgse)
{
this.image1.Source=newBitmapImage(newUri("Assets/loading00"+Count+".png",UriKind.Relative));

Count
=(Count==8?1:Count+1);
}

并且,需要抛出两个方法,可在外面调用控制用户控件的行为:

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->publicvoidbegin()
{
timer.Start();
WaitingWnd.IsOpen
=true;
}

publicvoidend()
{
timer.Stop();
WaitingWnd.IsOpen
=false;
}

其实到这里这个控件己经是可以运行的了,那么如何为我们自己的用户控件添加一个自己的事件呢?

  这里运用Android 的一些小知识点,在Andorid 为自己的VIEW添加事件(那里叫接口)是实现一个自己的接口,而Windows Phone 7必须声明一个叫event 的RoutedEventHandler 事件,然后实现一个需要有行为的控件,为RoutedEventHandler 做委托,如下代码 ,我们实现了文本框的点击事件,让它可以触发我们自己的事件功能:

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->publiceventRoutedEventHandlerclickHandler;
voidtextBlock1_MouseLeftButtonDown(objectsender,MouseButtonEventArgse)
{
clickHandler.Invoke(sender,e);
}

按照上面的操作,我们就可以在任何地方使用这个控件的事件了,如本DEMO中的mainpage.cs下面的代码:

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->//Constructor
publicMainPage()
{
InitializeComponent();
this.loading1.begin();
loading1.clickHandler
+=newRoutedEventHandler(loading1_clickHandler);
}

voidloading1_clickHandler(objectsender,RoutedEventArgse)
{
this.loading1.end();
}

另外要提的是,创建好的用户控件系统会默认让在IDE用户控件列表里面,如下图:

Windows Phone 7 不温不火学习之《创建用户控件》

源码下载 :用户控件