C# WPF上位机开发(树形控件在地图软件中的应用)

【 声明:版权所有,欢迎转载,请勿用于商业用途。 联系信箱:feixiaoxing @163.com】

前面我们聊过图形软件的开发方法。实际上,对于绘制的图形,我们一般还会用树形控件管理一下。举个例子,一个地图当中可能有很多的组件。比如说点、线、圆形、长方形、图片等等。每一个图形都有自己特定的含义,这个时候,如果可以用树型控件来管理就非常的方便。

比如说,我们在左边选择图形的时候,canvas显示图形同时高亮,右边也会一起显示当前图形可以操作的各种属性配置。这都是gui编辑工具的常用操作。

1、xaml文件中增加图形设计

xaml文件中添加控件比较简单。主要的控件就是TreeView和TreeViewItem。其中TreeView相当于整棵树,TreeViewItem相当于叶子节点。当然,如果显示的层级比较多,那么TreeViewItem可以嵌套TreeViewItem。

复制代码
<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <TreeView Name="treeView" Margin="10">
            <!-- 添加树节点 -->
            <TreeViewItem Header="Map">
                <TreeViewItem Header="point">
                    <TreeViewItem Header="point1"/>
                    <TreeViewItem Header="point2"/>
                    <TreeViewItem Header="point3"/>
                </TreeViewItem>
                <TreeViewItem Header="line">
                    <TreeViewItem Header="line1"/>
                    <TreeViewItem Header="line2"/>
                </TreeViewItem>
                <TreeViewItem Header="circle">
                    <TreeViewItem Header="circle1"/>
                    <TreeViewItem Header="circle2"/>
                </TreeViewItem>
                <TreeViewItem Header="rectangle">
                    <TreeViewItem Header="rectangle1"/>
                    <TreeViewItem Header="rectangle2"/>
                </TreeViewItem>
                <TreeViewItem Header="picture">
                    <TreeViewItem Header="picture1"/>
                    <TreeViewItem Header="picture2"/>
                </TreeViewItem>
            </TreeViewItem>
        </TreeView>
    </Grid>
</Window>

2、代码中动态添加叶子节点

除了在xaml文件中静态添加TreeViewItem之外,还可以通过代码编写的方法,动态添加TreeViewItem。添加的方法也不复杂,只需要在TreeViewItem生成之后,添加到treeView变量下面就可以了。

复制代码
        public MainWindow()
        {
            InitializeComponent();

            // init node here
            TreeViewItem newNode = new TreeViewItem();
            newNode.Header = "New Node";
            treeView.Items.Add(newNode);
        }
相关推荐
楼田莉子1 小时前
Qt开发学习——QtCreator深度介绍/程序运行/开发规范/对象树
开发语言·前端·c++·qt·学习
韩立学长2 小时前
【开题答辩实录分享】以《基于python的奶茶店分布数据分析与可视化》为例进行答辩实录分享
开发语言·python·数据分析
天若有情6732 小时前
C++空值初始化利器:empty.h使用指南
开发语言·c++
远远远远子2 小时前
类与对象 --1
开发语言·c++·算法
无敌最俊朗@3 小时前
C/C++ 关键关键字面试指南 (const, static, volatile, explicit)
c语言·开发语言·c++·面试
2401_831501733 小时前
Python学习之day03学习(文件和异常)
开发语言·python·学习
酷~3 小时前
C语言模拟面向对象编程方法之多态
c语言·开发语言
hui函数3 小时前
python全栈(基础篇)——day03:后端内容(字符串格式化+简单数据类型转换+进制的转换+运算符+实战演示+每日一题)
开发语言·后端·python·全栈
寻星探路3 小时前
Java EE初阶启程记09---多线程案例(2)
java·开发语言·java-ee
froginwe114 小时前
Python 3 输入和输出
开发语言