MyBlog¶

2024年5月12日星期日
分类于 windows程序
需要 9 分钟阅读时间

Winform 中使用 WPF Control（带资源）

.Net 中 winform 中使用 WPF 控件

若控件本身带有引用的资源，则情况变得复杂

由于WinForm 默认不含 Application 全局变量，需手动引入。

首先在exe 项目中增加 PresentationForm 的引用

C#
namespace Test
{
    public partial class LeftDropMenu : UserControl
    {
        public LeftDropMenu()
        {
            if (null == System.Windows.Application.Current)
            {
                new System.Windows.Application();
            }
            InitializeComponent();
        }
    }
}

在自定义的 UserControl 子类的构造函数 `InitializeComponent` 执行之前动态增加所需要的资源

将资源定义在应用程序中，使用LoadComponent加载资源，代码如下所示：

C#
 public UserControl1()
 {
     System.Uri resourceLocater = new System.Uri("/Test;component/ComUseicons.xaml", System.UriKind.Relative);
     ResourceDictionary rd = (ResourceDictionary)Application.LoadComponent(resourceLocater);
     Application.Current.Resources.MergedDictionaries.Add(rd);
     //System.Uri resourceLocater1 = new System.Uri("", System.UriKind.Relative);
     //ResourceDictionary rd1 = (ResourceDictionary)Application.LoadComponent(resourceLocater1);

     InitializeComponent();
     try
     {
         string jsonFile = GetDllDirectory() + "\\Menu.json";
         // 确保文件存在
         if (!File.Exists(jsonFile))
             throw new FileNotFoundException("The JSON file was not found." + jsonFile);

         // 读取文件内容并反序列化为指定的类型 T
         var reader = new StreamReader(jsonFile);
         var json = reader.ReadToEnd();
         var person = JsonConvert.DeserializeObject<Root>(json);
         Items = person.ItemMenu;

         //遍历items，将icon添加数据
         // 遍历并修改Icon
         foreach (var itemMenu in Items)
         {
             //itemMenu.Icon = GetDllDirectory() + "\\config\\Images\\PNG\\" + itemMenu.Icon;
             foreach (var subItem in itemMenu.SubItems)
             {
                 subItem.Icon = GetDllDirectory() + "\\config\\Images\\PNG\\" + subItem.Icon;
             }
         }

         LeftMenu.ItemsSource = Items;
     }
     catch (Exception)
     {
         throw;
     }
 }

增加一个转换器，将svg key资源转换成ImageSource

C#
using System;
using System.Collections.Generic;
using System.Globalization;
using System.Linq;
using System.Reflection;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Data;
using System.Windows.Media;

namespace Test.MyDropMenu
{
    class DrawingGroupToImageSourceConverter : IValueConverter
    {
        public static string GetDllDirectory()
        {
            string codeBase = Assembly.GetExecutingAssembly().CodeBase;
            UriBuilder uri = new UriBuilder(codeBase);
            string path = Uri.UnescapeDataString(uri.Path);
            return System.IO.Path.GetDirectoryName(path);
        }
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            var drawingGroup = Application.Current.FindResource(value);
            if (drawingGroup == null)
                return null;
            return (ImageSource)drawingGroup;
        }
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }
}

在Resource中定义

C#
<UserControl.Resources>
<convert:DrawingGroupToImageSourceConverter x:Key="DrawingGroupToImageSourceConverter" />
</UserControl.Resources>

在Image中调用方式如下所示：

C#
 <Image
     Grid.Column="0"
     Height="{TemplateBinding FontSize}"
     MinHeight="16"
     MaxHeight="32"
     Margin="2,2"
     HorizontalAlignment="Left"
     Source="{Binding Path=Icon, Converter={StaticResource DrawingGroupToImageSourceConverter}}" />

在xmal中不需要在引入资源了。

参考

2024年4月30日星期二
分类于 windows程序
需要 2 分钟阅读时间

vue项目中封装localStorage和sessionStorage

1. 为什么需要封装localStorage和sessionStorage？

因为封装localStorage和sessionStorage可以提高程序的维护性、可重用性和扩展性，同时也可以使代码更为简单、易懂。

2. 以下是一个简单的代码封装示例

可以新建一个utils目录文件，在该文件下新建storage.js文件进行封装

JavaScript
// 封装localhost和Session

// 本地储存
export const Local = {
  // 设置永久缓存
  set (key, val) {
    window.localStorage.setItem(key, JSON.stringify(val));
  },
  // 获取永久缓存
  get (key) {
    let json = window.localStorage.getItem(key);
    return JSON.parse(json);
  },
  // 移除永久缓存
  remove (key) {
    window.localStorage.removeItem(key);
  },
  // 移除全部永久缓存
  clear () {
    window.localStorage.clear();
  },
};

// 临时储存
export const Session = {
  // 设置临时缓存
  set (key, val) {
    window.sessionStorage.setItem(key, JSON.stringify(val));
  },
  // 获取临时缓存
  get (key) {
    let json = window.sessionStorage.getItem(key);
    return JSON.parse(json);
  },
  // 移除临时缓存
  remove (key) {
    window.sessionStorage.removeItem(key);
  },
  // 移除全部临时缓存
  clear () {
    window.sessionStorage.clear();
  },
}

export default {
  Local,
  Session
}

Winform窗口里的嵌入WPF的UserControl,关闭Winform父窗体的方法

可以在form_load事件里把this传给UserControl，然后在usercontrol里调用form的各种方法，不过这种做法不太好，耦合性较高。

HTML标签

标题标签

HTML
<h1>标题一共六级选,</h1>
<h2>文字加粗一行显。</h2>
<h3>由大到小依次减，</h3>
<h4>从重到轻随之变。</h4>
<h5>语法规范书写后，</h5>
<h6>具体效果刷新见。</h6>

文字标签

HTML
加粗-> <strong></strong>或者<b></b>

HTML
倾斜-><em></em>或者<i></i>

HTML
删除线<del></del>或者<s></s>

HTML
下划线<ins></ins>或者<u></u>

图像标签

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本。图像不能显示的时候显示的文字
title	文本	提示文本。鼠标放到图像上，显示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	像素	设置图像的边框粗细

图像标签和路径

相对路径分类	符号	说明
同一级路径		图像文件处于html同一级，如`<img src="baidu.gif"/>`
下一级路径	/	图像文件位于html文件的下一级如`<img src="imags/baidu.gif" />`
上一级路径	../	图像文件位于html文件的上一级如`<img src="../baidu.gif" />`

相对路径是从代码所在的这个文件出发，去寻找目标文件的，而我们这里所说的上一级、下一级和同一级就是图片相对于 HTML 页面的位置。

绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。

例如，“D:\web\img\logo.gif”或完整的网络地址“http://www.itcast.cn/images/logo.gif”。

超链接标签

链接的语法格式

HTML
<a href="跳转目标" target="目标窗口的弹出">文本或者图像</a>

属性	作用
href	用于指定链接目标的url地址，(必须属性)当为标签应用href属性时，它就有了超链接的功能
target	用于指定链接页面的打开方式，其中_self为默认值，__blank为在新窗口中打开方式

链接分类

外部链接: 例如 < a href="http:// www.baidu.com "> 百度。
内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可，例如 < a href="index.html"> 首页。
空链接: 如果当时没有确定链接目标时，< a href="#"> 首页。
下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。
网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接.
锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.
在链接文本的href属性中，设置属性值为#名字的形式如图像标签
找到目标位置标签，里面添加一个 id 属性 = 刚才的名字，如：<span id="img">图像标签</span>

HTML中的注释和特殊字符

注释

如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。HTML中的注释以“< !–" 开头,以“–>”结束。

单行注释快捷键：ctrl+/
多行注释快捷键：shift+ctrl+/

一句话: 注释标签里面的内容是给程序猿看的，这个代码是不执行不显示到页面中的.添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅读代码,程序是不会执行注释内容的。

特殊字符

特殊字符	描述	字符的代码
	空格符	` `
<	小于号	`<`
>	大于号	`>`
&	和号	`&`
¥	人民币	`¥`
©	版权	`©`
®	注册商标	`®`
℃	摄氏度	`°`
±	正负号	`±`
x	乘号	`×`
÷	除号	`÷`
²	平方	`²`
³	立方	`³`

重点记住:空格、大于号、小于号这三个，其余的使用很少,如果需要回头查阅即可。

2024年3月20日星期三
分类于前端开发
需要 3 分钟阅读时间

标签中。 3. 用于定义表格中的单元格，必须嵌套在标签中。 4.字母 td 指表格数据（table data），即数据单元格的内容。一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示. 标签表示 HTML 表格的表头部分(table head 的缩写) ### 表格属性表格标签这部分属性我们实际开发我们不常用，后面通过 CSS 来设置. 目的有2个: 1.记住这些英语单词,后面 CSS 会使用. 2.直观感受表格的外观形态. | 属性名 | 属性值 | 描述 | | ----------- | ------------------- | ----------------------------------------- | | align | left、center、right | 规定表格相对周围元素的对齐方式 | | border | 1或“” | 固定表格单元是否拥有边框，默认没有边框 | | cellpadding | 像素值 | 规定单元边沿与其内容之间的空白，默认1像素 | | cellspacing | 像素值 | 规定单元格之间的空白，默认为2像素 | | width | 像素值或百分比 | 规定表格的宽度 | ### 案例 ![](https://gitlab.com/zw2d/blogimg/-/raw/main/pictures/2023/12/11_14_13_25_20231211-20231211141322.png)

HTML
 <table align="center" width="500" height="249" border="1" cellspacing="0">
     <thead>
         <tr>
             <th>排名</th>
             <th>关键词</th>
             <th>趋势</th>
             <th>进入搜索</th>
             <th>最近七日</th>
             <th>相关链接</th>
         </tr>
     </thead>
     <tbody>
         <tr>
             <td>1</td>
             <td>鬼吹灯</td>
             <td><img src="down.jpg" /></td>
             <td>456</td>
             <td>123</td>
             <td>
                 <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>
             </td>
         </tr>

         <tr>
             <td>1</td>
             <td>鬼吹灯</td>
             <td><img src="down.jpg" /></td>
             <td>456</td>
             <td>123</td>
             <td>
                 <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>
             </td>
         </tr>
         <tr>
             <td>3</td>
             <td>西游记</td>
             <td><img src="up.jpg" /></td>
             <td>456</td>
             <td>123</td>
             <td>
                 <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>
             </td>
         </tr>
         <tr>
             <td>1</td>
             <td>鬼吹灯</td>
             <td><img src="down.jpg" /></td>
             <td>456</td>
             <td>123</td>
             <td>
                 <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>
             </td>
         </tr>
         <tr>
             <td>1</td>
             <td>鬼吹灯</td>
             <td><img src="down.jpg" /></td>
             <td>456</td>
             <td>123</td>
             <td>
                 <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>
             </td>
         </tr>
         <tr>
             <td>1</td>
             <td>鬼吹灯</td>
             <td><img src="down.jpg" /></td>
             <td>456</td>
             <td>123</td>
             <td>
                 <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a>
             </td>
         </tr>
     </tbody>
</table>

在表格标签中，分别用：标签表格的头部区域、标签表格的主体区域. 这样可以更好的分清表格结构。 ### 表格结构标签 1. ：用于定义表格的头部。内部必须拥有标签。一般是位于第一行。 2. ：用于定义表格的主体，主要用于放数据本体。 3. 以上标签都是放在

标签中。 ### 合并单元格 #### 合并单元格的方式 * 跨行合并：rowspan="合并单元格的个数" * 跨列合并：colspan="合并单元格的个数" * 跨行：最上侧单元格为目标单元格, 写合并代码 * 跨列：最左侧单元格为目标单元格, 写合并代码 `

个人简历
姓名:	性别:	照片
婚姻状况：	出生年月：
民族：	政治面貌:
身高：	学历：

`

个人简历
姓名:	性别:	照片
婚姻状况：	出生年月：
民族：	政治面貌:
身高：	学历：

### 表格总结我们学习了 * table 标签 * tr 行标签 * td 单元格标签 * th 表头单元格标签 * thead 表格头部区域标签 ## 列表标签表格是用来显示数据的，那么列表就是用来`布局`的。列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。 ### 无序列表 1.无序列表的各个列表项之间没有顺序级别之分，是并列的。 2.

中只能嵌套

，直接在

标签中输入其他标签或者文字的做法是不被允许的。 3.

与

之间相当于一个容器，可以容纳所有元素。 4.无序列表会带有自己的样式属性，但在实际使用时，我们会使用 CSS 来设置。 ### 有序列表 1.

中只能嵌套

，直接在

标签中输入其他标签或者文字的做法是不被允许的。 2.

与

之间相当于一个容器，可以容纳所有元素。 3.有序列表会带有自己样式属性，但在实际使用时，我们会使用 CSS 来设置。 li最小，ul和ol都包含li ### 自定义列表在 HTML 标签中，

（定义项目/名字）和

（描述每一个项目/名字）一起使用。其基本语法如下： 1.

里面只能包含

和

。 2.

和

个数没有限制，经常是一个

对应多个

。

HTML
<dl>
    <dt>关注我们</dt>
    <dd>新浪微博</dd>
    <dd>官方微信</dd>
    <dd>联系我们</dd>
    <dt>关注我们</dt>
    <dd>新浪微博</dd>
    <dd>官方微信</dd>
    <dd>联系我们</dd>
</dl>

## 表单标签 ### 表单元素 type 属性的属性值及其描述如下： ![](https://gitlab.com/zw2d/blogimg/-/raw/main/pictures/2023/12/11_15_46_42_20231211-20231211154640.png) 其它属性： ![](https://gitlab.com/zw2d/blogimg/-/raw/main/pictures/2023/12/11_15_51_49_20231211-20231211155147.png) 1.name 和value 是每个表单元素都有的属性值,主要给后台人员使用. 2.name 表单元素的名字, 要求单选按钮和复选框要有相同的name值. 3.checked属性主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素. 4.maxlength 是用户可以在表单元素输入的最大字符数, 一般较少使用. ## 综合案例

性别	男女
生日
所在地区
婚姻状况：	未婚已婚离婚
学历
喜欢的类型	帅哥妩媚的可爱的美女都喜欢
自我介绍	自我介绍

	我同意注册条款和会员加入标准
	我是会员,立即登录
	我承诺年满18岁、单身抱着严肃的态度真诚寻找另一半

命令	含义
M/m (x,y)	移动当前位置
L/l (x,y)	从当前位置绘制线段到指定位置
H/h (x)	从当前位置绘制水平线到达指定的 x 坐标
V/v (y)	从当前位置绘制竖直线到达指定的 y 坐标
Z/z	闭合当前路径
C/c (x1,y1,x2,y2,x,y)	从当前位置绘制三次贝塞尔曲线到指定位置
S/s (x2,y2,x,y)	从当前位置光滑绘制三次贝塞尔曲线到指定位置
Q/q (x1,y1,x,y)	从当前位置绘制二次贝塞尔曲线到指定位置
T/t (x,y)	从当前位置光滑绘制二次贝塞尔曲线到指定位置
A/a (rx,ry,xr,laf,sf,x,y)	从当前位置绘制弧线到指定位置

参数	描述	取值
rx	（radius-x）弧线所在椭圆的 x 半轴长
ry	（radius-y）弧线所在椭圆的 y 半轴长
xr	（xAxis-rotation）弧线所在椭圆的长轴角度
laf	（large-arc-flag）是否选择弧长较长的那一段弧	1 为大弧 0 为小弧
sf	（sweep-flag）是否选择逆时针方向的那一段弧	1 为顺时针 0 为逆时针
x, y	弧的终点位置

单元表格里的文字1	单元表格里的文字2	单元表格里的文字3	单元表格里的文字4
单元表格里的文字11	单元表格里的文字21	单元表格里的文字31	单元表格里的文字41

单元表格里的文字1	单元表格里的文字2	单元表格里的文字3	单元表格里的文字4
单元表格里的文字11	单元表格里的文字21	单元表格里的文字31	单元表格里的文字41

特殊字符	描述	字符的代码
	空格符	` `
<	小于号	`<`
>	大于号	`>`
&	和号	`&`
¥	人民币	`¥`
©	版权	`©`
®	注册商标	`®`
℃	摄氏度	`°`
±	正负号	`±`
x	乘号	`×`
÷	除号	`÷`
²	平方	`²`
³	立方	`³`

特殊字符	描述	字符的代码
	空格符	` `
<	小于号	`<`
>	大于号	`>`
&	和号	`&`
¥	人民币	`¥`
©	版权	`©`
®	注册商标	`®`
℃	摄氏度	`°`
±	正负号	`±`
x	乘号	`×`
÷	除号	`÷`
²	平方	`²`
³	立方	`³`

.Net 中 winform 中使用 WPF 控件

我承诺

特殊字符	描述	字符的代码
	空格符	` `
<	小于号	`<`
>	大于号	`>`
&	和号	`&`
¥	人民币	`¥`
©	版权	`©`
®	注册商标	`®`
℃	摄氏度	`°`
±	正负号	`±`
x	乘号	`×`
÷	除号	`÷`
²	平方	`²`
³	立方	`³`