绑定选项卡

悠悠 2022-10-17 04:20 66阅读 0赞

开发工具与关键技术：WPF  
作者：文泽钦  
撰写时间：2021.5.26

在主页面绑定用户控件（子页面），在给页面写一个点击事件时，先在主页面引用点击事件的引用，这个引用可以在网上直接下载。

xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

在主页面，设计一个装子页面的容器。  
![在这里插入图片描述][20210601164321728.png]  
在主页面写一个点击事件，Binding后面的名字可以自定义，但是一定要名字加上Command来规范点击事件的命名。CommandParameter是装子页面的容器，当点击按钮时，传回来的子页面显示的位置。  
![在这里插入图片描述][20210601164336108.png]  
跳到主页面的类（不是控制器，重写了控制页面的类），他们关联的方法是在页面控制器，关联重写的类。  
![在这里插入图片描述][20210601164349392.png]  
这里要继承控制器，所以要在Models后面加上ViewModelBase,然后引用一下框架。  
![在这里插入图片描述][2021060116442481.png]  
写点击按钮的，点击命令。  
![在这里插入图片描述][20210601164447305.png]  
引用一下命令的框架。  
![在这里插入图片描述][20210601164505365.png]  
引用选项卡的框架  
![在这里插入图片描述][20210601164520790.png]  
封装一个方法，用来往主页面添加子页面。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70]  
写点击事件的方法，调用选项卡，（点击需要绑定的子页面，然后直接引用）引用需要显示的子页面，这里引用的是视图，不要引用错了；引用子页面的类是传参数的，有需要时再简单跟大家提一下怎么传参数，因为现在传参数还要涉及跳转到子页面的类。  
![在这里插入图片描述][20210601164551687.png]  
在构造函数写调用点击按钮方法。  
![在这里插入图片描述][20210601164607393.png]  
启动看效果。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70 1]

[20210601164321728.png]: /images/20221014/c94522d8518f4142b1f0c8bfe32ba993.png
[20210601164336108.png]: /images/20221014/b1e8d7c011ed4e699b0b3892926b6b40.png
[20210601164349392.png]: /images/20221014/46cfe39765ba489cb2759c41775ebb7c.png
[2021060116442481.png]: /images/20221014/adaf2a44e6b8412ea8d6c3bc1683ea43.png
[20210601164447305.png]: /images/20221014/eed79eedbc564359baefa744525878e9.png
[20210601164505365.png]: /images/20221014/21686c11237d4e669aa6eb534ffe442a.png
[20210601164520790.png]: /images/20221014/818aa24516174da5b9eef4034c83503e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70]: /images/20221014/c66d56a462f642b09ab949464cfbf0e3.png
[20210601164551687.png]: /images/20221014/838cafc5f3114d3ea328ec5e61793e82.png
[20210601164607393.png]: /images/20221014/c0c2eede90464f50a5a36cf7922feea3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70 1]: /images/20221014/4d9db3799e6845d089f6644c7a1a3a7b.png