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

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

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

　　实现的DEMO运行效果如下 ：

　　

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

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

创建完成后，可以看到设计图并不是我们熟悉的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 />--> public double Speed{ get ; set ;}
private int width; private int height;
public int Control_Width{ get { return 100 ;} set {width = value;}}
public int Control_Height{ get { return 100 ;} set {height = value;}}

使用线程，为用户控件作转动效果：

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

timer = new DispatcherTimer();
timer.Interval = TimeSpan.FromMilliseconds(Speed);
timer.Tick += new EventHandler(timer_Tick);
textBlock1.MouseLeftButtonDown += new MouseButtonEventHandler(textBlock1_MouseLeftButtonDown);
}
void timer_Tick( object sender,EventArgse)
{
this .image1.Source = new BitmapImage( new Uri( " 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 />--> public void begin()
{
timer.Start();
WaitingWnd.IsOpen = true ;
}

public void end()
{
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 />--> public event RoutedEventHandlerclickHandler;
void textBlock1_MouseLeftButtonDown( object sender,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
public MainPage()
{
InitializeComponent();
this .loading1.begin();
loading1.clickHandler += new RoutedEventHandler(loading1_clickHandler);
}

void loading1_clickHandler( object sender,RoutedEventArgse)
{
this .loading1.end();
}

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

源码下载 ：用户控件