这节，我们来建立一个用户控件瞧一瞧

建立用户控件

以前，我都说过这么个事情，如果把所有的文件写在一个xaml文件中，这样一个页面就会变得特别的冗长。所以,我更加的喜欢吧flyouts定义成用户控件。注意用户控也是包含一个xmal设计文件和一个源代码文件。（我这里不会重点深入xaml的实质，但这部分的源码我会在这里展示出来）。为了更好的管理，我在项目中建立了一个相应的文件夹叫做Flyouts的文件夹，并且使用原始的用户控件的模板创建一个新用户控件叫做HomeZipCodeFlyout，相应的源代码如图所示：

1 
     
      11     
      12   
      
       14     
       15     
       
        16        
        17       
        
         18         
         
          19           
          
           20 
           23 
           25 
          26           
          OK28         
         29       
        30     
       31   
      32 
     

 

命名及规范，命名及知意。flyout的控件的作用就是允许用户更改ViewModel中的HomeZipCode属性的值，作用在这个项目中不是很大，但他保持了项目很好的扩展性。

 

说一说UserControl吧！他在项目中更多的是以的模板使用的，你定义xaml，是你要创建哪些元素在模板中。当你创建flyouts这个控件的时候，这内容是在Popup的里面。我的布据中是用文本框得到相应的输入，在控件中，用户点击某某按钮，能得到相应值，就是我们周围加了像这样各种各样的控件元素了。

我在popup元素中设置了3个非常非常重要属性，每个属性都粗体显示。这个IsLightDismissEnabled属性，意思是用户点击了popup以外的部分，这个popup控件是否消失了，默认值是真，为什么了，这样能够给用户很好的弹出对话框的体验。

至于宽度和高度这样的属性，还有什么好说的了，我必须要设置，并且要设置好，因为他要有足够的大小显示文字内容，至于这些属性怎么用于定位。后面的篇幅我会给予了说明。

特别提醒，只用运用了精确的高度和宽度，才能够使其popup控件定位。

哝——一个popup控件的界面已经做好了。