WPF页面动态生成

最新推荐文章于 2024-06-12 11:51:01 发布
最新推荐文章于 2024-06-12 11:51:01 发布
阅读量4.6k 收藏 1
点赞数 1
分类专栏： WPF-上位机 文章标签： WPF 页面初始化 控件动态加载
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xfeng20/article/details/93380656
版权

返回目录

 Page加载机制与页面动态生成

布局图：
在这里插入图片描述
在这里插入图片描述

设计过程
Step1:页面加载完毕初始化

        public Page2()
        {
            InitializeComponent();
            this.Loaded += pageInit;
        }

Step2:控件动态加载
Page2.xaml修改

<Page x:Class="Test1.Page2"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:local="clr-namespace:Test1"
      xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes" 
      mc:Ignorable="d" 
      d:DesignHeight="450" d:DesignWidth="690"
      Title="Page2">
    <Page.Resources>
        <Style  TargetType="RadioButton" BasedOn="{StaticResource MaterialDesignTabRadioButton}">
                <Setter Property="Margin" Value="5 5" />
                <Setter Property="Width" Value="100" />
                <Setter Property="Height" Value="30"/>
                <!--<Style.Triggers>
                    <Trigger  Property="RadioButton.IsChecked" Value="True">
                        <Setter Property="RadioButton.Background"  Value="LightBlue"/>
                    </Trigger>
                    <Trigger  Property="RadioButton.IsChecked"  Value="False">
                        <Setter Property="RadioButton.Background"  Value="WhiteSmoke"/>
                    </Trigger>
                </Style.Triggers>-->
            </Style>
        </Page.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition />
            <RowDefinition Height="100"/>
        </Grid.RowDefinitions>
        
        <Border Grid.ColumnSpan="2">
            <materialDesign:ColorZone
  Mode="PrimaryMid">
                <StackPanel x:Name="stkp1" Orientation="Horizontal" >
                    <!--<RadioButton x:Name="rb1" Checked="RbChecked" Margin="2 2" Style="{StaticResource MaterialDesignTabRadioButton}" Content="选项卡1" FontSize="15" VerticalAlignment="Center"/>
                    <RadioButton x:Name="rb2" Checked="RbChecked"  Margin="2 2" Style="{StaticResource MaterialDesignTabRadioButton}" Content="选项卡2" FontSize="15" VerticalAlignment="Center"/>
                    <RadioButton x:Name="rb3" Checked="RbChecked"  Margin="2 2" Style="{StaticResource MaterialDesignTabRadioButton}" Content="选项卡3" FontSize="15" VerticalAlignment="Center"/>
                    <RadioButton x:Name="rb4" Checked="RbChecked"  Margin="2 2" Style="{StaticResource MaterialDesignTabRadioButton}" Content="选项卡4" FontSize="15" VerticalAlignment="Center"/>
                    <RadioButton x:Name="rb5" Checked="RbChecked"  Margin="2 2" Style="{StaticResource MaterialDesignTabRadioButton}" Content="选项卡5" FontSize="15" VerticalAlignment="Center"/>-->
                </StackPanel>
            </materialDesign:ColorZone>
        </Border>
        <GroupBox Grid.Row="1" Margin="5 5" Header="Image">
            <Image x:Name="image"  Stretch="UniformToFill" />
            <!--<Image.Style>
                    <Style>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding ElementName=rb1,Path=IsChecked,Mode=OneWay}" Value="True">
                                <Setter Property="Image.Source" Value="pack://application:,,,/Resources/CC.jpg" />
                            </DataTrigger>
                            <DataTrigger Binding="{Binding ElementName=rb2,Path=IsChecked,Mode=OneWay}" Value="True">
                                <Setter Property="Image.Source" Value="pack://application:,,,/Resources/CC2.jpg" />
                            </DataTrigger>
                            <DataTrigger Binding="{Binding ElementName=rb3,Path=IsChecked,Mode=OneWay}" Value="True">
                                <Setter Property="Image.Source" Value="pack://application:,,,/Resources/CC3.jpg" />
                            </DataTrigger>
                            <DataTrigger Binding="{Binding ElementName=rb4,Path=IsChecked,Mode=OneWay}" Value="True">
                                <Setter Property="Image.Source" Value="pack://application:,,,/Resources/CC4.png" />
                            </DataTrigger>
                            <DataTrigger Binding="{Binding ElementName=rb5,Path=IsChecked,Mode=OneWay}" Value="True">
                                <Setter Property="Image.Source" Value="pack://application:,,,/Resources/CC5.jpg" />
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Image.Style>
            </Image>-->
        </GroupBox>
        <GroupBox Grid.Row="1" Grid.Column="1" Margin="5 5" Header="Text">
            <ScrollViewer  VerticalScrollBarVisibility="Auto">

                <TextBlock TextWrapping="Wrap" FontSize="15" >
                WPF 为Windows Presentation Foundation的首字母缩写 ，中文译为“Windows呈现基础”，其原来代号为“Avalon”，因与“我佩服”拼音首字母组合一样，国内有人调侃地称之为“我佩服”。由 .NET Framework 3.0 开始引入，与 Windows Communication Foundation及 Windows Workflow Foundation并行为新一代 Windows操作系统以及 WinFX 的三个重大应用程序开发类库。
WPF是微软新一代图形系统，运行在.NET Framework 3.0及以上版本下，为用户界面、2D/3D 图形、文档和媒体提供了统一的描述和操作方法。基于DirectX 9/10技术的WPF不仅带来了前所未有的3D界面，而且其图形向量渲染引擎也大大改进了传统的2D界面，比如Vista中的半透明效果的窗体等都得
WPF
WPF
益于WPF。 程序员在WPF的帮助下，要开发出媲美Mac程序的酷炫界面已不再是遥不可及的奢望。 WPF相对于Windows客户端的开发来说，向前跨出了巨大的一步，它提供了超丰富的.NET UI 框架，集成了矢量图形，丰富的流动文字支持(flow text support)，3D视觉效果和强大无比的控件模型框架。
Windows Presentation Foundation（以前的代号为“Avalon”）是 Microsoft 用于 Windows 的统一显示子系统，它通过 WinFX 公开。它由显示引擎和托管代码框架组成。Windows Presentation Foundation 统一了 Windows 创建、显示和操作文档、媒体和用户界面 (UI) 的方式，使开发人员和设计人员可以创建更好的视觉效果、不同的用户体验。Windows Presentation Foundation 发布后，Windows XP、Windows Server 2003 和以后所有的 Windows操作系统版本都可以使用它。
WPF是.Net Framework 3.0
WPF
WPF
里新推出的主打功能之一，加上Vista集成.Net Framework 3.0，改写Winform时代，可谓是影响巨大！WPF是一套API函数库，由.Net FrameWork3.0以上版本类库运行。
WPF是Windows操作系统中一次重大变革，与早期的GDI+/GDI不同。WPF是基于DirectX引擎的，支持GPU硬件加速，在不支持硬件加速时也可以使用软件绘制。高级别的线程绘制可以提高使用者的体验。自动识别显示器分辨率并进行缩放。而Vista就是一个非常典型的例子
                </TextBlock>
            </ScrollViewer>
        </GroupBox>
        <Border Grid.Row="2" Grid.ColumnSpan="2" BorderThickness="1" Margin="5 5" >
            <StackPanel Background="AliceBlue">
                <TextBlock Text="页面布局" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="50" Background="AliceBlue" Foreground="Blue"/>
            </StackPanel>
        </Border>
    </Grid>
</Page>

page2.cs

        public Page2()
        {
            InitializeComponent();
            this.Loaded += pageInit;
        }

        private RadioButton[] rb = new RadioButton[5];
        private void pageInit(object sender, RoutedEventArgs e)
        {
            IAddChild container = stkp1;

            for (int i = 0; i < rb.Length; i++)
            {
                rb[i] = new RadioButton();
                rb[i].Name = "rb" + (i+1).ToString();
                rb[i].Content = "选项卡" + i;
                rb[i].Checked += RbChecked;
                container.AddChild(rb[i]);
            }
            rb[0].IsChecked = true;
        }

        private void RbChecked(object sender, RoutedEventArgs e)
        {
            RadioButton rb = sender as RadioButton;
            MessageBox.Show("RadioButton "+ rb.Name +" is checked!");
            switch (rb.Name)
            {
                case "rb1":
                    {
                        image.Source = new BitmapImage(new Uri("/Resources/CC.jpg", UriKind.Relative));
                    }
                    break;
                case "rb2":
                    {
                        image.Source = new BitmapImage(new Uri("/Resources/CC2.jpg", UriKind.Relative));
                    }
                    break;
                case "rb3":
                    {
                        image.Source = new BitmapImage(new Uri("/Resources/CC3.jpg", UriKind.Relative));
                    }
                    break;
                case "rb4":
                    {
                        image.Source = new BitmapImage(new Uri("/Resources/CC4.png", UriKind.Relative));
                    }
                    break;
                case "rb5":
                    {
                        image.Source = new BitmapImage(new Uri("/Resources/CC5.jpg", UriKind.Relative));
                    }
                    break;
                default: { } break;

            }

        }
附录:测试代码
モザイクカケラ
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Mind+第一次实验
weixin_45630847的博客
09-23 1138
一、实验目的及要求 【实验一】光控灯 【实验二】声控灯 【实验三】语音识别控制灯 【实验四】实现Easy IoT上mqtt消息的通讯 甲按A键（或触摸P）发送消息至topic1，同时监听topic0 乙监听topic1，接收到甲的消息后按A（或触摸P）回复消息给topic0甲显示 二、实验原理与内容 实现天黑自动亮灯，天亮灭灯 实现声音强度到一定程度自动亮度，否则灭灯 实现语音控制灯的开关 实现mind+下Easy IoT上mqtt消息的通讯。 三、实验软硬件环境 硬件：掌控板 软件：Mind+ 四、实验过
xml信息管理系统_WPF信息管理系统项目实战教程二：使用XAML实现页面布局
weixin_39996035的博客
01-26 289
首页面布局设计XAML(Extensible Application Markup Language)，可扩展应用程序标记语言的使用使得C#桌面应用程序开发前后端实现真正分离。前端人员可使用该标记语言定义软件的外观，样式与布局。使得程序开发人员更加专注于业务逻辑功能编程。本文主要通过案例项目首页面设计描述对XMAL页面布局进行简单说明。XAML页面布局技术XAML本质与XML(可标记扩展语言)类似...
一种WPF下的界面生成框架
msst1234的专栏
07-04 2127
一、框架静态类图     1.        上图为具体某一个功能，如登陆界面的显示控制元素及UI的创建过程。 2.        ControlBase为UI控制基类，FunctionControl为具体功能的控制元素，并继承于ControlBase； 3.        UIBase为UI界面基类，UIFunction为具体功能界面的子类，继承于UIBase； 4.
WPF开发技巧：根据不同类型动态生成界面控件
最新发布
ioioppk的博客
06-12 629
根据不同类型动态生成界面控件的技巧，自适应多种数据类型
wpf实现各种界面
sweet987250的博客
12-15 394
【代码】wpf实现各种界面。
【WPF.NET开发】构造动态布局
Coding life, Coding world, Coding feature.
12-06 572
在动态定位中，您通过指定子元素相对于父元素应该如何排列以及应该如何包装来排列子元素。您还可以将窗口和控件设置为在其内容扩展时自动扩展。适用于 Visual Studio 的 WPF 设计器提供了许多支持动态定位的Panel 控件。可以通过将一个 Panel 控件添加为另一个的子控件来组合 Panel 控件。您可以使用下列 Panel 控件在您的应用程序中动态定位元素：GridDockPanelWrapPanelStackPanel只要可能，就最好使用动态布局。
WPF 多用户控件间的切换
L.的博客
12-03 611
使用ContentControl实现多用户控件间的切换 多个用户控件共用一个VM eg.银行系统分多个表单（页面）填写信息后，统一提交 效果如图： 源代码和demo链接
WPF 动态生成DataGrid及动态绑定解决方案
weixin_30246221的博客
03-16 790
一、场景 有过WPF项目经验的朋友可能都知道，如果一个DataGrid要绑定静态的数据是非常的简单的（所谓静态是指绑定的数据源的类型是静态的），如下图所示，想要显示产品数据，只需绑定到一个产品列表即可，这个大家都清楚，所以这个要讲的肯定不是这个。 但是现在有一个新的需求，根据所选择产品的不同，要动态生成第二个表格中的不同数据，以便进行编辑，如下图1、2所示，当选择的产品不同时，第二个表格显...
wpf动态生成界面
09-08
wpf动态生成，进入程序后双击，会出现Window1里的按钮被点击的情况.
WPF的Page、Frame
Tony_Starky的博客
05-03 4712
WPF的page就是简易版的界面，可以实现和界面一样的功能，但是体积比较小可以嵌入。 不得不说的就是如何将Page嵌入到WPF当中，那就是利用Frame控件，但是Frame控件只能在Grid当中，所以Grid的大小选择直接关系到Frame的大小。（我就是选的太小导致一直无法正确显示page） <Grid Margin="100,90,0,0"> <Frame x:Name="FramePage" MinHeight="800" MinWidth="1500"&
WPF页面动态生成.7z
06-23
### WPF页面动态生成 在WPF中，页面动态生成是指在程序运行时根据需求创建和添加新的页面或控件到UI（用户界面）。这可以极大地提高应用的灵活性，使开发者能够根据用户的行为或数据的变化动态地调整界面布局。以下...
WPF Frame+Page实现界面切换.rar
07-11
使用WPF的Frame+Page组合多个界面，用NavigationService实现界面切换。压缩包中包含一个简单的示例，包括主窗口（包含Frame），选择下一步的Page（Frame的初始窗口）和两个“下一步”的目标Page。
WPF page 使用
11-28
WPF Page使用
WPF 实现TabControl 中动态添加选项卡、动态添加Frame
03-03
以上就是WPF中动态添加`TabControl`选项卡和`Frame`的基本实现方式。通过这种方式，你可以构建出灵活且可扩展的用户界面，满足各种动态内容的需求。在实际项目中，可能还需要考虑样式定制、数据绑定以及性能优化等...
WPF 屏幕动态分隔几个区域
01-10
这里使用了`DataTemplate`定义了每个`CameraViewModel`对象的UI表示，而`ContentControl`则根据ViewModel实例动态生成UI。通过改变`Cameras`集合中每个`CameraViewModel`的`IsVisible`属性，可以实现在不同时刻显示...
WPF + prism + MaterialDesign 利用ItemControl 动态添加控件的实现
07-01
通过选中CheckBox， 实现新增多个控件的实现，例子做为新手学习是很好的，带完整注释 出自 轻吟浅唱，蓦然花开 大神。 https://www.cnblogs.com/nickyangmiracle/p/16169338.html 欢迎大家前去学习
WPF实现界面动态布局
weixin_33682790的博客
01-30 405
曾经总认为动态布局是个非常麻烦的问题。是个非常须要功力的问题。可是貌似在.NET中，在WPF中却不是那么的麻烦。以下介绍我如今实现的一个动态布局的实例。   由于有需求，所以困难得克服！而我们的需求表名。不同的用户须要的界面元素是不一样的，我们总不能每次都去改动代码吧！所以，须要完毕动态布局。   这里主要完毕这样一个功能： 1、动态画线 2、动态new控件 3、线和控件都是...
WPF 绑定方式动态创建菜单
GISer修炼空间
01-10 3363
第一步：菜单接口定义 public interface IMenuItem { /// &lt;summary&gt; /// 图标 /// &lt;/summary&gt; string ImageURL { get; set; } /// &lt;summary&gt; /// 名...
wpf 生成多个datagrid
05-12
如果你想在 WPF 中生成多个 DataGrid，可以使用以下步骤： 1. 在 XAML 中创建一个或多个 DataGrid 控件，每一个都需要有一个唯一的名称。例如： ```xml <Grid> <DataGrid Name="grid1" /> <DataGrid Name="grid2" /> </Grid> ``` 2. 在代码中找到这些 DataGrid 控件并设置它们的属性，例如数据源、列和行等。例如： ```csharp private void InitializeDataGrids() { // 设置 grid1 的数据源 grid1.ItemsSource = GetData(); // 添加列到 grid2 grid2.Columns.Add(new DataGridTextColumn() { Header = "Name", Binding = new Binding("Name") }); grid2.Columns.Add(new DataGridTextColumn() { Header = "Age", Binding = new Binding("Age") }); // 添加行到 grid2 var items = new List<Person>() { new Person() { Name = "John", Age = 30 }, new Person() { Name = "Jane", Age = 25 } }; foreach (var item in items) { grid2.Items.Add(item); } } private List<Person> GetData() { // 获取数据 return new List<Person>() { new Person() { Name = "John", Age = 30 }, new Person() { Name = "Jane", Age = 25 }, new Person() { Name = "Tom", Age = 40 } }; } public class Person { public string Name { get; set; } public int Age { get; set; } } ``` 注意，这里的 Person 类是一个简单的模型类，用于演示如何将数据绑定到 DataGrid 控件中。 3. 在窗口或页面的 Loaded 事件中调用 InitializeDataGrids 方法，以便在加载时设置 DataGrid 控件。 ```csharp private void Window_Loaded(object sender, RoutedEventArgs e) { InitializeDataGrids(); } ``` 这样就可以在 WPF 应用程序中生成多个 DataGrid 控件了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值