wpf中团队独立开发模块和左侧2个菜单的框架演示

         此篇文章和上一篇文章wpf中开发独立模块功能和左侧1个菜单的框架演示-CSDN博客的结构是一样的,有1点不同的是,左侧有2层菜单,所以,就会更加的复杂。建议,先看明白上一篇的内容,再看这篇文章,否则可能有点难度。

        其余的功能开发模式和团队分工管理都和上一篇文章是一样的,在此就不再叙述了。 现在就解释一下下面的图的意思。

其中“功能123”菜单栏包含了“功能1”,“功能2”,“功能3”,而“功能1”就是WpfControlLibrary1项目,“功能2”就是WpfControlLibrary2项目,“功能3”就是WpfControlLibrary3项目。

依次类推,“功能456”菜单栏包含了“功能4”,“功能5”,“功能6”,“功能4”就是UserControl4界面,“功能5”就是UserControl5界面,“功能6”就是UserControl6界面,这里我们使用了UC界面,而不是项目了,当然也可以使用项目的,只是为了区分一下。此时就相当于 UserControl4到UserControl9界面是框架里面的内容了,由HCDemo这个项目的人,全部负责,与WpfControlLibrary1项目是有区别的,需要注意一下。

 

同“功能456”所示,“功能789”菜单栏包含了“功能7”,“功能8”,“功能9”,“功能7”就是UserControl7界面,“功能8”就是UserControl8界面,“功能9”就是UserControl9界面。

对于2层菜单的设计说明:

首先把界面分成3部分,左1是“蓝色部分”,中间是具体的菜单栏,右侧是菜单栏呈现的最终效果。

代码如下:

   <ListBox Name="lstMenu" Grid.Column="0" BorderThickness="0" Style="{ x:Null}" Background="#409EFF" ItemContainerStyle="{StaticResource CustomLstMenuItemContainerStyle}"  SelectionChanged="lstMenu_SelectionChanged"  >
       <ListBoxItem Tag="功能123" Cursor="Hand"  >
           <StackPanel Width="auto" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,0,15"     >
               <Image Source="/imgs/1.png" Width="40" Height="40" />
               <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,5,0,0">
                   <TextBlock Text="功能123" Style="{StaticResource CustomTextBlockStyle}"/>
               </StackPanel>
           </StackPanel>
       </ListBoxItem>
       <ListBoxItem Tag="功能456"  Cursor="Hand" >
           <StackPanel Width="auto" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,0,15"      >
               <Image Source="/imgs/2.png" Width="40" Height="40" />
               <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,5,0,0">
                   <TextBlock Text="功能456" Style="{StaticResource CustomTextBlockStyle}"/>
               </StackPanel>
           </StackPanel>
       </ListBoxItem>
       <ListBoxItem  Tag="功能789"  Cursor="Hand"  >
           <StackPanel Width="auto" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,0,0,15"      >
               <Image Source="/imgs/3.png" Width="40" Height="40" />
               <StackPanel VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,5,0,0">
                   <TextBlock Text="功能789" Style="{StaticResource CustomTextBlockStyle}"/>
               </StackPanel>
           </StackPanel>
       </ListBoxItem>
   </ListBox>
   <ListBox x:Name="lstDetails" Grid.Column="1" BorderThickness="0" Style="{ x:Null}" Background="#F5F5F5" ItemContainerStyle="{StaticResource CustomItemContainerStyle}" SelectionChanged="lstDetails_SelectionChanged"  />
   <hc:TabControl Name="tabMenu" Grid.Column="2" IsAnimationEnabled="True" IsDraggable="True" ShowCloseButton="True"  OverflowMenuDisplayMemberPath="Header"/>

lstMenu控件只是一个功能1,功能2,功能3的总标识, lstDetails控件是具体的功能1,所以这里是动态增加的,而tabMenu是TabControl,菜单栏不停地向里面增加界面,所以也是动态增加的。这里最核心的就是,菜单是动态的,所以,不管增加多少个都是可以的,在对应的功能里面写代码即可。

对于此软件的目录结构来说,与上一篇是一样的。

Libs文件夹同级别的,是整个软件框架的资源

Libs里面的dll,都是各个业务的功能模块 

对于整个软件的目录设计来说,清晰明了,后期我们可以对于相应的dll进行独立升级或者替换,而不需要每次都复制一大堆文件给用户了,定量定点的去解决问题,提高效率。 

最终效果:

当需要左侧有1个菜单栏的时候,请参考: 

wpf中开发独立模块功能和左侧1个菜单的框架演示-CSDN博客

本文运行的程序(带环境): 

https://download.csdn.net/download/u012563853/89591412

本文源码:

https://download.csdn.net/download/u012563853/89591744

本文来源:

wpf中团队独立开发模块和左侧2个菜单的框架演示-CSDN博客

  • 20
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
WPF创建左侧多级菜单样式可以通过使用TreeView控件来实现。 首先,我们可以在XAML创建一个TreeView控件,并为其设置样式。样式可以定义树形结构的外观、颜色和字体等属性。 接下来,我们需要在TreeView添加树形结构的数据项。可以使用TreeView的ItemsSource属性绑定一个数据集合,例如ObservableCollection或TreeViewItem集合。每个数据项都可以包含子项,从而实现多级菜单。 为了定义每个菜单项的外观,我们可以使用TreeViewItem的ItemContainerStyle属性。在此属性,我们可以设置菜单项的样式,包括背景、边框、字体等。 要创建多级菜单,我们可以使用TreeViewItem的Items属性为每个菜单项添加子菜单。可以嵌套多个TreeViewItem,以实现多级嵌套的菜单结构。 对于菜单项的点击事件,我们可以为每个TreeViewItem添加一个命令或事件处理程序。在点击菜单项时,我们可以执行特定的操作或导航到其他界面。 最后,可以根据需要调整菜单的样式和布局,例如更改字体、字号、行距等。可以使用TreeView的样式属性和模板来自定义菜单的外观和交互方式。 总之,在WPF创建左侧多级菜单样式需要使用TreeView控件,为其设置样式、绑定数据项,并使用TreeViewItem来定义多级菜单结构。通过设置样式和命令/事件处理程序,可以实现菜单项的外观和功能定制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

故里2130-西安找工作

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值