WPF框架嵌套用户控件，显示与切换（详细，代码复制可用）

最新推荐文章于 2024-05-02 17:43:45 发布
最新推荐文章于 2024-05-02 17:43:45 发布
阅读量1.3k 收藏 6
点赞数 2
分类专栏： WPF 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44538266/article/details/117604586
版权

WPF框架手敲实现嵌套页面，点击显示与切换
下面附上成果图吧，看了之后觉得适用就可以参考一下，否则就不要浪费时间了
在这里插入图片描述
操作时间
1.此篇作为学习记录，是一个WPF框架window嵌套用户控件的使用。点击按钮切换显示嵌套的内容
1.1首先创建MainView.xaml
CommandParameter="MovieView"注：MovieView根据自己View的名称

<Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary>

                    <!--RadioButton样式-->
                    <Style TargetType="RadioButton" x:Key="NavButtonStyle">
                        <Setter Property="Foreground" Value="White"/>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="RadioButton">
                                    <Border Background="Transparent" CornerRadius="2" Name="back">
                                        <ContentControl Content="{TemplateBinding Content}" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="10,5" FontSize="12"/>
                                    </Border>
                                    <!--Triggers按钮样式-->
                                    <ControlTemplate.Triggers>
                                        <Trigger Property="IsChecked" Value="True">
                                            <Setter TargetName="back" Property="Background" Value="#44FFFFFF"/>
                                        </Trigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Window.Resources>

    <!--Background-->
    <Window.Background>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="Black" Offset="0"/>
            <GradientStop Color="#FF164472" Offset="1"/>
        </LinearGradientBrush>
    </Window.Background>

    <Border Margin="5" CornerRadius="5" x:Name="layout">
        <Border.Effect>
            <DropShadowEffect Color="Gray" ShadowDepth="0" BlurRadius="5" Opacity="0.3" Direction="0"/>
        </Border.Effect>
        <Grid>
            <!--Top样式-->
            <Border Background="#FF103C87" Height="50" VerticalAlignment="Top" CornerRadius="5,5,0,0"/>
            <Grid Margin="5,5">
                <!--NavigationHeight-->
                <Grid.RowDefinitions>
                    <RowDefinition Height="50"/>
                    <RowDefinition Height="390"/>
                    <RowDefinition Height="50"/>
                </Grid.RowDefinitions>
                <!--left-->
                <StackPanel Orientation="Horizontal" Grid.Row="0" HorizontalAlignment="Left" VerticalAlignment="Center">
                    <RadioButton Style="{StaticResource NavButtonStyle}" IsChecked="True" Command="{Binding NavChangedCommand}" CommandParameter="MovieView">
                        <WrapPanel>
                            <TextBlock Text="&#xe656;" FontFamily="/common/Resources/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Margin="0,0,1,3"/>
                            <TextBlock Text="医疗服务" Margin="0,0,3,3" FontSize="15"/>
                        </WrapPanel>
                    </RadioButton>
                    <RadioButton Style="{StaticResource NavButtonStyle}" Command="{Binding NavChangedCommand}" CommandParameter="HealthEducationView">
                        <WrapPanel>
                            <TextBlock Text="&#xe627;" FontFamily="/common/Resources/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Margin="0,0,3,3"/>
                            <TextBlock Text="健康宣教" Margin="0,0,3,3" FontSize="15"/>
                        </WrapPanel>
                    </RadioButton>
                    <RadioButton Style="{StaticResource NavButtonStyle}" Command="{Binding NavChangedCommand}" CommandParameter="MedicalView">
                        <WrapPanel>
                            <TextBlock Text="&#xe617;" FontFamily="/common/Resources/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Margin="0,0,3,3"/>
                            <TextBlock Text="影音视听" Margin="0,0,3,3" FontSize="15"/>
                        </WrapPanel>
                    </RadioButton>
                    <RadioButton Style="{StaticResource NavButtonStyle}" Command="{Binding NavChangedCommand}" CommandParameter="LifeServiceView">
                        <WrapPanel>
                            <TextBlock Text="&#xe605;" FontFamily="/common/Resources/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Margin="0,0,3,3"/>
                            <TextBlock Text="生活服务" Margin="0,0,3,3" FontSize="15"/>
                        </WrapPanel>
                    </RadioButton>
                    <RadioButton Style="{StaticResource NavButtonStyle}" Command="{Binding NavChangedCommand}" CommandParameter="HealthView">
                        <WrapPanel>
                            <TextBlock Text="&#xe68d;" FontFamily="/common/Resources/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Margin="0,0,3,3"/>
                            <TextBlock Text="健康专区" Margin="0,0,3,3" FontSize="15"/>
                        </WrapPanel>
                    </RadioButton>
                </StackPanel>
                <!--Right-->
                <StackPanel Orientation="Horizontal" Grid.Row="0" HorizontalAlignment="Right" VerticalAlignment="Center">
                    <RadioButton Style="{StaticResource NavButtonStyle}" Command="{Binding NavChangedCommand}" CommandParameter="PersonalView">
                        <WrapPanel>
                            <TextBlock Text="&#xe604;" FontFamily="/common/Resources/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Margin="0,0,3,3"/>
                            <TextBlock Text="汤姆汤姆" Margin="0,0,3,3" FontSize="15"/>
                        </WrapPanel>
                    </RadioButton>
                    <RadioButton Style="{StaticResource NavButtonStyle}" Command="{Binding NavChangedCommand}" CommandParameter="SetView">
                        <WrapPanel>
                            <TextBlock Text="&#xe603;" FontFamily="/common/Resources/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="15" Margin="0,0,3,3"/>
                            <TextBlock Text="深圳" Margin="0,0,3,3" FontSize="15"/>
                        </WrapPanel>
                    </RadioButton>
                    <Label Content="今日雷阵雨 23-26°" FontSize="13" Foreground="#FFFF" VerticalAlignment="Center"/>
                    <Label Content="09:30" FontSize="13" Foreground="#FFFF" VerticalAlignment="Center"/>
                </StackPanel>

                <!--中间嵌套层绑定-->
                <Border VerticalAlignment="Bottom" Grid.Row="1">
                    <ContentControl Content="{Binding MainContent}"/>
                </Border>
            </Grid>

            <!--Bottom-->
            <Border Background="Black" VerticalAlignment="Bottom" Grid.Row="2">
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Bottom" >
                    <DockPanel Margin="150,12">
                        <Button BorderThickness="0" Background="Black">
                            <TextBlock Text="&#xe64e;" FontFamily="/common/Resources/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="20" Foreground="White" Background="Black"/>
                        </Button>
                          </DockPanel>
                    <DockPanel Margin="150,12">
                        <Button BorderThickness="0" Background="Black">
                            <TextBlock Text="&#xeb74;" FontFamily="/common/Resources/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="20" Foreground="White" Background="Black"/>
                        </Button>
                         </DockPanel>
                    <DockPanel Margin="150,12">
                        <Button BorderThickness="0" Background="Black">
                            <TextBlock Text="&#xea70;" FontFamily="/common/Resources/#iconfont" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="20" Foreground="White" Background="Black"/>
                        </Button >
                         </DockPanel>
       
                </StackPanel>
            </Border>
        </Grid>
    </Border>

1.2在MainView.xaml按F7去到MainView.xaml.cs页面
实例化会报错，因为没有创建，下一步创建

 public MainView()
        {
            InitializeComponent();
            MainViewModel model = new MainViewModel();
            this.DataContext = model;
        }

1.3创建MainViewModel .cs

class MainViewModel : NotifyBase
    {
        private FrameworkElement _mainContent;
        public FrameworkElement MainContent
        {
            get { return _mainContent; }
            set { _mainContent = value; this.DoNotify(); }
        }
        public CommandBase NavChangedCommand { get; set; }

        public MainViewModel()
        {
            this.NavChangedCommand = new CommandBase();
            this.NavChangedCommand.DoExecute = new Action<object>(DoNavChanged);
            this.NavChangedCommand.DoCanExecute = new Func<object, bool>((o) => true);

            DoNavChanged("HealthEducationView");/*健康宣教*/
            DoNavChanged("MedicalView");/*影音视听*/
            DoNavChanged("LifeServiceView");/*生活服务*/
            DoNavChanged("HealthView");/*健康专区*/
            DoNavChanged("PersonalView");/*个人中心*/
            DoNavChanged("SetView");/*设置*/
            DoNavChanged("MovieView");/*医疗服务*/
        }
        private void DoNavChanged(object obj)
        {
            Type type = Type.GetType("UItemplate.View." + obj.ToString());
            ConstructorInfo cti = type.GetConstructor(System.Type.EmptyTypes);
            this.MainContent = (FrameworkElement)cti.Invoke(null);
        }
    }

1.4创建NotifyBase.cs

 class NotifyBase : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;

        public void DoNotify([CallerMemberName] string propName = "")
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));
        }
    }

1.5创建CommandBase.cs

public class CommandBase : ICommand
    {
        public event EventHandler CanExecuteChanged;

        public bool CanExecute(object parameter)
        {
            return DoCanExecute?.Invoke(parameter) == true;
        }

        public void Execute(object parameter)
        {
            DoExecute?.Invoke(parameter);
        }

        public Action<object> DoExecute { get; set; }

        public Func<object, bool> DoCanExecute { get; set; }

        public void RaiseCanExecuteChanged()
        {
            CanExecuteChanged?.Invoke(this, new EventArgs());
        }
    }
放荡不羁爱java..
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
wpf框架的图片切换核心代码
01-29
wpf 框架下的 图片切换 demo 适合初学者 涉及到stackpanel gridview 控件的使用
WPF用户控件制作与使用
11-17
MVVM思想做WPF用户控件
wpf tab切换--contentControl demo
06-08
比较简单的demo，但比较使用，可以下载来看看
WPF 控件专题 RadioButton详解
^@^lemon tea^@^
07-06 7486
WPF 控件专题 RadioButton详解
C# WPF 页面切换（Page）
流浪—到处搬砖的博客
06-08 9282
C# WPF页面切换（Page）
WPF点击不同界面上的按钮实现界面切换
weixin_30662539的博客
04-02 1795
WPF点击不同界面上的按钮实现界面切换 原文:WPF点击不同界面上的按钮实现界面切换 版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn...
WPF中如何实现页面的切换和Window的跳转切换
热门推荐
鲤籽鲲的博客
12-20 1万+
WPF中如何实现页面的切换和Window的跳转切换
WPF 控件专题 RadioButton样式一
^@^lemon tea^@^
09-18 969
WPF 控件专题 RadioButton样式一
WPF 自动调整控件的大小和位置，当窗体大小发生变化的时候
czf2505的专栏
11-28 1万+
 http://www.cnblogs.com/grenet/archive/2010/11/14/1877071.html
R.java文件clean或refresh之后丢失
yu_meiguang的专栏
09-11 528
R,java文件是自动生成的，但 R.java这个文件是会自动生成的。但是有时候你写错xml文件的时候，R.java是不会自动生成对应的值。这个时候我们会很习惯去clean一下这个项目，这个时候会突然发现，R.java竟然不见了。   这个时候的你肯定非常的气愤，你可能会拼命在网上找答案，网上会有很多答案告诉你右键项目--》Android Tools--> fix project
WPF主窗体嵌套用户控件可拖动加滚动信息
05-13
WPF 主窗体嵌套 用户控件 可拖动 ，新闻在窗体内动态滚动。
WPF的弹窗用户控件，添加到工程即可使用
01-27
WPF的弹窗用户控件，添加到工程即可使用；效果见博文：https://blog.csdn.net/leeyunj/article/details/122711930?spm=1001.2014.3001.5502
WPF自定义用户控件一个小例子
08-04
就是一个WPF如何自定义一个用户控件的小例子，主要是了解一下用户控件中不同的代码片应该插在哪里~
nuxt3使用记录六：禁用莫名其妙的Tailwind CSS(html文件大大减小)
lsjweiyi的博客
04-29 278
平时没注意看，这时候看，猜测是nuxt的默认配置就会加载这玩意，关键我想不明白一个css，为啥要默认加载呢？下面那个style，也不是我写的，我试着删掉，发现对项目也没影响，而且也是每个html文件都有。看到是跳过了这玩意，所以nuxt3这玩意，还有很多可以琢磨的地方，50k star的成熟项目也有不成熟的地方嘛。然后我记得在官网看过它，去搜索，果然，这些nuxt自带的一个样式，不过没说为啥要引用他。发现这个问题是因为，今天我突然很好奇，我发现之前构建的自动产生的。我全局搜索我的项目，都没有引用这玩意！
cefsharp实现资源替换如网页背景、移除替换标签、html标识、执行javascript脚本学习笔记（含源码说明）
最新发布
无线智能模块 可视DIY智能专家
05-02 45
通过自定义的浏览器cefsharp实现某系统的登录，背景图片替换，标题替换，标签移除替换等
【HTML】实现 pre 标签内容超出自动换行
qq_45677671的博客
04-28 295
实现 pre 标签内容超出自动换行
【笔记】Python3｜2024年 PDF 转 XML 或 HTML 的第三方库的使用方式、测评过程以及对比结果（汇总）
qq_46106285的博客
04-30 1270
目的是对比一下常用的 PDF 转 HTML/XML 的工具。 整个对比过程放在了 Github 仓库中， 欢迎提交 PR/Issue 补充更多工具：https://github.com/shandianchengzi/PDF2HTML_Samples。
html如何实现按钮跳转，以及访问随机跳转
weixin_42759398的博客
04-29 295
html如何实现按钮跳转，以及访问随机跳转。需求看似很冷门，实际上这个对应我上一篇文章。
前端入门：HTML（css轮廓，填充，宽高）
yscy0801的博客
04-28 273
1.注意：outline中，out-style是必须要设置的，格式为：
WPF 复制粘贴用户控件该怎么做
06-10
要在 WPF 中实现用户控件的复制粘贴功能，可以按照以下步骤进行操作： 1. 创建一个自定义控件，并在该控件中添加一个复制方法和一个粘贴方法。例如： ```csharp public class MyUserControl : UserControl { public void Copy() { // 将控件的内容复制到剪贴板中 } public void Paste() { // 从剪贴板中获取内容，并将其粘贴到控件中 } } ``` 2. 在复制方法中，可以使用 WPF 中的 Clipboard 类将控件的内容复制到剪贴板中。例如： ```csharp public void Copy() { // 将控件的内容复制到剪贴板中 Clipboard.SetDataObject(this.Content); } ``` 3. 在粘贴方法中，可以使用 WPF 中的 Clipboard 类从剪贴板中获取内容，并将其粘贴到控件中。例如： ```csharp public void Paste() { // 从剪贴板中获取内容，并将其粘贴到控件中 IDataObject dataObject = Clipboard.GetDataObject(); if (dataObject.GetDataPresent(typeof(string))) { string text = (string)dataObject.GetData(typeof(string)); this.Content = text; } } ``` 4. 在需要使用该控件的页面或窗口中，可以通过调用该控件的复制和粘贴方法来实现复制粘贴功能。例如： ```csharp private void CopyButton_Click(object sender, RoutedEventArgs e) { MyUserControl myControl = this.MyControl; myControl.Copy(); } private void PasteButton_Click(object sender, RoutedEventArgs e) { MyUserControl myControl = this.MyControl; myControl.Paste(); } ``` 以上就是 WPF 中实现用户控件的复制粘贴功能的基本步骤。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

放荡不羁爱java..

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

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

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

打赏作者

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

抵扣说明：

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

余额充值