C# WPF给综合实战项目加个帮助文档

原创

biyusr216 2022-07-31 00:46:53 博主文章分类：C# ©著作权

文章标签 wpf c# 开发语言工控超链接 文章分类 前端开发

©著作权归作者所有：来自51CTO博客作者biyusr216的原创作品，请联系作者获取转载授权，否则将追究法律责任

概述

最近发的好多遍文章都是基于我搭建的Caliburn.Micro框架去叠加开发的，随着内容的增多，后续章节讲的内容，有些朋友没看前面文章的话有些就不好理解了，所以今天我就做了个帮助文档，方便大家有不理解的内容时，快速查看到之前的内容。

DotNet工控上位机编程

作者专注Dotnet工控上位机软件开发，主要分享C#开发项目实例，这里有全网最全的项目开发实例，可以带你快速从入门到精通。

107篇原创内容

公众号

界面长啥样

这个功能相对比较单一，就是把与这个项目相关的一些技术文章做了个网页超链接，单击图片位置区域就可以跳转到之前讲解的内容：

界面如下：

C# WPF给综合实战项目加个帮助文档_超链接

前台代码

下面展示源码：

前台首先是定义了几个控件的样式,这里没有加键值，即默认全局应用

 <UserControl.Resources>        <Style TargetType="Image">            <Setter Property="Width" Value="30"/>            <Setter Property="Height" Value="30"/>            <Setter Property="Margin" Value="5"/></Style>        <Style TargetType="Label">            <Setter Property="HorizontalAlignment" Value="Center"/>            <Setter Property="VerticalAlignment" Value="Center"/></Style>        <Style TargetType="Border">            <Setter Property="BorderBrush" Value="Yellow"/>            <Setter Property="BorderThickness" Value="2"/>            <Setter Property="Background" Value="LightGreen"/>            <Setter Property="CornerRadius" Value="5"/>            <Setter Property="Margin" Value="2"/></Style>    </UserControl.Resources>

顶端的说明区域采用Dev的LayoutGroup和LayoutItem实现：

 <dxlc:LayoutGroup Orientation="Vertical" View="GroupBox" >            <dxlc:LayoutGroup.Header>                <dxlc:LayoutItem Label="Help Documentation" Background="CadetBlue" />            </dxlc:LayoutGroup.Header>            <dxlc:LayoutItem Label="Please click the image position to get help documents." />        </dxlc:LayoutGroup>

下面的每个图片都加了超链接，放在了WrapPanel下，功能都一样，这里只列举第一个的写法：

 <Border>            <StackPanel Orientation="Vertical">                <Image Source="/Images/build.png"                       cal:Message.Attach="[Event MouseLeftButtonUp]=[BuildClick()]" />                <Label Content="框架搭建"/>            </StackPanel>        </Border>

后台代码

后台逻辑基本就是为了响应下鼠标的左键弹起的事件：

  public void BuildClick()        {           string url = "https://mp.weixin.qq.com/s?__biz=MjM5MjIzMjk4OA==&mid=2247483866&idx=1&sn=73ca9185b2be655d5c965f1600972a03&chksm=a6a822a991dfabbff983d54f358624a7c5e510b7407c50774981a44bd9ada13201b7364bf0b6&token=1300577902&lang=zh_CN#rd";           Process ie = Process.Start("iexplore.exe",url);        }

即通过process的start方法去获取并打开文档地址.