weixin_34221036
weixin_34221036

WPF实现WORD 2013墨迹批注功能

原文: WPF实现WORD 2013墨迹批注功能

1 前言

        WORD 2013可以使用墨迹在文档上面标注，本文讲述通过WPF第三方控件实现类似主要功能如下：

        

名称 描述
墨迹标注 不论是否触摸屏环境下可以开始墨迹功能，并实现鼠标/触摸在文档任意位置绘制痕迹
墨迹痕迹保存 绘制的墨迹能够完整在word中保存
墨迹参数设置 设置墨迹的颜色和线条粗细
墨迹擦除 提供擦除工具，可以擦除已经绘制的墨迹

 

2 环境及三方组件

名称 描述
DevExpress V16.2 使用其RichEditor控件作为word文档查看和编辑控件
Aspose.Word 在保存word文档时，调整墨迹痕迹的一些属性
.NetFrameWork 4.5 .net运行库环境

 

3 实现思路

        首先来看一下word中如何开启墨迹。这个就要说微软不地道了，微软规定了只有在触摸屏的windows环境下才会默认显示墨迹按钮，使用鼠标的就默认不显示，当然我们也可以在选项中强制加上，然后没有啥用，因为使用鼠标的用户会发现“开始墨迹书写”按钮是灰色的，而触屏下是可用的，如下图。

WPF实现WORD 2013墨迹批注功能_第1张图片

        我们先摒弃这个梗不说，为什么要自己开发一个墨迹功能呢，可能是因为office太贵了，一般客户买不起或者不想买，于是就要开发一个包含word基本功能的替代品，也有可能是我们开发软性时候需要集成word类似的功能，或者其他种种原因，所以还是决定自己开发(模仿)一个word的墨迹功能。废话少说，下面来一步一步的分析和设计墨迹功能实现思路。

        首先，我找到一个在触摸屏上面写好一些文字的文档，在非触摸屏电脑上打开，选中墨迹，这时候工具栏中“图片”选项卡被激活了，可见所谓的“墨迹”实际上只是将手写痕迹保存为类似图片存储起来了，如下图。

 

WPF实现WORD 2013墨迹批注功能_第2张图片

WPF实现WORD 2013墨迹批注功能_第3张图片

        总结一下，墨迹保存为图片的主要属性有这样：

        1.允许重叠(好像默认插入图片是不允许重叠的)

        2.绝对位置(应该是左上角的坐标位置吧)

        3.浮于文字上方(这个肯定的，避免扰乱文字布局)

 

        有了这些属性，我大胆设想如果我使用电子手写板插件，将手写痕迹保存下来，然后赋予这些属性，应该也可以达到墨迹的效果。

        现在到了框架选型的阶段，首先我需要一个能够打开和编辑word的UI组件，然后我还需要一个电子手写板插件，最后将他们组合起来。这里我选择了DEV V1.6.2 的WPF版本和WPF的InkCanvas组件，这俩我都在实际中用过，比较熟悉。

        打开DEV自带的Demo，很容易就看到了word的演示，代码也很简单，如下图。

WPF实现WORD 2013墨迹批注功能_第4张图片

        下一步要做的就是将这个组件和InkCanvas结合起来，通过点击某个按钮触发InkCanvas覆盖到文档上面，然后再使用某个按钮事件触发将InkCanvas关闭或者隐藏掉，同时获取InkCanvas的痕迹保存为图片，再插入到文档指定位置就好了。详细实现代码参考第4部分。

4 主要代码

        先看看UI部分的布局，将InkCanvas嵌入到Dev的word文档组件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
                 < Grid  x:Name = "mainGrid" >
                     < dxre:RichEditControl  x:Name = "richEditControl1"  BarManager = "{Binding ElementName=barManager1, Mode=OneTime}"  Ribbon="{Binding 
                     ElementName = ribbonControl1 ,  Mode = OneTime }"   MouseMove = "richEditControl1_MouseMove"   MouseLeave = "RichEditControl1_OnMouseLeave" 
                     MouseUp = "richEditControl1_MouseUp"  />
                     < InkCanvas  x:Name = "mainCanvas"  Visibility = "Hidden" >
                         < InkCanvas.DefaultDrawingAttributes >
                             < DrawingAttributes  Color = "Red"  FitToCurve = "True"  Height = "4"  IgnorePressure = "False"  IsHighlighter = "False" 
                             StylusTip = "Ellipse"  StylusTipTransform = "Identity"  Width = "4" />
                         InkCanvas.DefaultDrawingAttributes >
                         < InkCanvas.Background >
                             < SolidColorBrush  Color = "White"  Opacity = "0.01" />
                         InkCanvas.Background >
                     InkCanvas >
                 Grid >

WPF实现WORD 2013墨迹批注功能_第5张图片

        这一部分除了红框中的，其他的都是直接copy的DEV官方demo中的，红框的目的也是将手写板控件放置在文档内容页上面，默认是隐藏的，需要的时候再代码控制显示就好。

        现在先弄俩按钮，“开始批注”和“停止批注”，来触发和停止墨迹功能。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
     < dxr:RibbonPage  x:Name = "penPage"  Caption = "批注" >
                             < dxr:RibbonPageGroup  x:Name = "penEvent"  Caption = "画笔"  ShowCaptionButton = "False" >
                                 < dxb:BarButtonItem  x:Name = "startPenItem"  LargeGlyph = "pack://application:,,,/Resources/pen.png"   GlyphSize="L
                                 arge"  Content = "开始批注" />
                                 < dxb:BarButtonItem   x:Name = "endPenItem"  LargeGlyph = "pack://application:,,,/Resources/pen_red.png"  GlyphSize="
                                 Large"  Content = "停止批注"  IsEnabled = "False" />
                                 < dxb:BarButtonItem   x:Name = "eraserItem"  LargeGlyph = "pack://application:,,,/Resources/eraser.png"  GlyphSize="
                                 Large"  Content = "擦除"  IsEnabled = "True" />
                             dxr:RibbonPageGroup >
                             < dxr:RibbonPageGroup  x:Name = "penSetting"  Caption = "画笔设置"  ShowCaptionButton = "False" >
 
                                 < dxre:BarSplitButtonColorEditItem  x:Name = "penColor"  Content = "画笔颜色"  LargeGlyph="pack://application:,,,
                                 /Resources/pallet.png"  RibbonStyle = "Large"  IsEnabled = "False" >
                                     < dxb:PopupControlContainerInfo >
                                         < dxe:ColorEdit  ChipSize = "Large"  Name = "penColorEdit"  ChipMargin = "5"  ColumnCount = "5"  
                                         ShowMoreColorsButton = "False"  ShowDefaultColorButton = "False"  ShowNoColorButton = "True" 
                                         ShowBorder = "False" >
                                             < dxe:ColorEdit.Palettes >
                                                 < dxre:CharactersBackgroundColorPaletteCollection />
                                             dxe:ColorEdit.Palettes >
                                         dxe:ColorEdit >
                                     dxb:PopupControlContainerInfo >
                                 dxre:BarSplitButtonColorEditItem >
 
                                 < dxre:BarSplitButtonEditItem  x:Name = "penLine"  Content = "画笔线宽"  LargeGlyph = "Resources/penline.png"  IsEnab
                                 led = "False" >
                                     < dxb:PopupControlContainerInfo  x:Name = "cccc" >
                                         < dxe:ListBoxEdit  Name = "penLineEdit"  ShowBorder = "False"  ShowCustomItems = "False" >
                                             < dxe:ListBoxEditItem  Content = "1" />
                                             < dxe:ListBoxEditItem  Content = "2" />
                                             < dxe:ListBoxEditItem  Content = "3" />
                                             < dxe:ListBoxEditItem  Content = "4" />
                                             < dxe:ListBoxEditItem  Content = "5" />
                                             < dxe:ListBoxEditItem  Content = "6" />
                                             < dxe:ListBoxEditItem  Content = "7" />
                                             < dxe:ListBoxEditItem  Content = "8" />
                                             < dxe:ListBoxEditItem  Content = "9" />
                                             < dxe:ListBoxEditItem  Content = "10" />
                                             < dxe:ListBoxEditItem  Content = "12" />
                                             < dxe:ListBoxEditItem  Content = "14" />
                                         dxe:ListBoxEdit >
                                     dxb:PopupControlContainerInfo >
                                 dxre:BarSplitButtonEditItem >
                             dxr:RibbonPageGroup >
                         dxr:RibbonPage >

        这个直接在界面上面增加一个“dxr:RibbonPage ”就可以了，里面增加对应的按钮和一些设置项目。

        下面是开始批注代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
         public  class  StartPenCommand : System.Windows.Input.ICommand
     {
         public  event  EventHandler CanExecuteChanged;
 
         public  bool  CanExecute( object  parameter)
         {
             return  true ;
         }
 
         public  void  Execute( object  parameter)
         {
             MainWindow window = parameter  as  MainWindow;
             window.StartPen( true );
         }
     }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
         /// 
         /// 开始批注
         /// 
         /// 
         public  void  StartPen( bool  start)
         {
             this .richEditControl1.ActiveView.ZoomFactor = 1;
 
             startPenItem.IsEnabled = !start;
             endPenItem.IsEnabled = start;
             eraserItem.IsEnabled = !start;
             penColor.IsEnabled = start;
             penLine.IsEnabled = start;
             var  cursor=  new  Cursor( new  MemoryStream(Resource.MetroBusy));
             if  (!start)
                 this .mainCanvas.Cursor = cursor;
 
             this .mainCanvas.Visibility = start ? Visibility.Visible : Visibility.Hidden;
         }

        停止批注代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
         public  class  EndPenCommand : System.Windows.Input.ICommand
     {
         public  event  EventHandler CanExecuteChanged;
 
         public  bool  CanExecute( object  parameter)
         {
             return  true ;
         }
 
         public  void  Execute( object  parameter)
         {
             MainWindow window = parameter  as  MainWindow;
             window.StartPen( false );
         }
     }

        然后是一个监听，在InkCanvas痕迹绘制就在对应文档增加一笔痕迹。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
                         //画笔绘制事件
             this .mainCanvas.StrokeCollected += (s, o) =>
             {
                 Stroke item =  new  Stroke()
                 {
                     Color = lineColor,
                     LineWidth = lineWidth,
                     Points =  new  List< float []>()
                 };
 
                 System.Windows.Ink.Stroke stroke = mainCanvas.Strokes[0];
 
                 for  ( int  i = 0; i < stroke.Clone().StylusPoints.Count; i++)
                 {
                     var  pt = stroke.StylusPoints[i];
                     item.Points.Add( new  float [2] { ( float )pt.X, ( float )pt.Y });
                 }
                 mainCanvas.Strokes.Clear();
 
                 DrawStroke(item);
             };
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
/// 
         /// 绘制痕迹
         /// 
         /// 
         private  void  DrawStroke(Stroke stroke)
         {
             if  (stroke.Points.Count < 3)
                 return ;
 
             float  minX =  float .MaxValue;
             float  maxX = 0;
             float  minY =  float .MaxValue;
             float  maxY = 0;
 
             float  width = 0;
             float  height = 0;
 
             for  ( int  i = 0; i < stroke.Points.Count; i++)
             {
                 var  pt = stroke.Points[i];
                 if  (pt[0] < minX)
                     minX = pt[0];
                 if  (pt[0] > maxX)
                     maxX = pt[0];
                 if  (pt[1] < minY)
                     minY = pt[1];
                 if  (pt[1] > maxY)
                     maxY = pt[1];
             }
 
             width = maxX - minX;
             height = maxY - minY;
 
             Bitmap bmp =  new  Bitmap(( int )width + stroke.LineWidth+10, ( int )height + stroke.LineWidth+10);
             Graphics g = Graphics.FromImage(bmp);
             g.SmoothingMode = SmoothingMode.HighQuality;
 
             Pen pen =  new  Pen(System.Drawing.Color.FromArgb(255, stroke.Color.R, stroke.Color.G, stroke.Color.B),
                 stroke.LineWidth);
 
             System.Drawing.PointF[] points =  new  System.Drawing.PointF[stroke.Points.Count];
             for  ( int  i = 0; i < stroke.Points.Count; i++)
             {
                 var  pt = stroke.Points[i];
                 //var pt2 = stroke.Points[i + 1];
 
                 var  x1 = ( float )(pt[0] - minX + stroke.LineWidth);
                 var  y1 = ( float )(pt[1] - minY + stroke.LineWidth);
                 //var x2 = (float)(pt2[0] - minX);
                 //var y2 = (float)(pt2[1] - minY);
 
                 //g.DrawLine(pen, x1, y1, x2, y2);
 
                 points[i] = ( new  PointF(x1, y1));
             }
 
             g.DrawCurve(pen, points);
 
             //标注起点坐标
             var  startPoint =  this .mainCanvas.PointToScreen( new  System.Windows.Point(minX, minY));
             //标注起点坐标相对于文本控件的位置
             var  editPoint =  this .richEditControl1.PointFromScreen(startPoint);
 
             //总页码
             int  pageCount = ((DevExpress.XtraRichEdit.PageBasedRichEditView)richEditControl1.ActiveView).PageCount;
 
             是否有分页符
             //bool hasPageBlock = false;
             //for (int i = 0; i < pageCount; i++)
             //{
             //    LayoutPage layoutPage = this.richEditControl1.DocumentLayout.GetPage(i);
             //    if (!hasPageBlock)
             //    {
             //        hasPageBlock = layoutPage.PageAreas.FirstOrDefault().Columns.Any(x => x.Rows.Any(y => y.Boxes.Any(z => z.Type == LayoutType.PageBreakBox)));
             //        break;
             //    }
             //}
 
             //获取当前可见页
             var  pageInfos = richEditControl1.ActiveView.GetVisiblePageLayoutInfos();
             foreach  (PageLayoutInfo pageInfo  in  pageInfos)
             {
                 if  (pageInfo.Bounds.Y > (-1) * pageInfo.Bounds.Height)
                 {
 
                     //画笔起点是否在当前可见页
                     if  (editPoint.X >= pageInfo.Bounds.X && editPoint.X <= pageInfo.Bounds.X + pageInfo.Bounds.Width &&
                         editPoint.Y >= pageInfo.Bounds.Y && editPoint.Y <= pageInfo.Bounds.Y + pageInfo.Bounds.Height)
                     {
 
                         //当前可见页
                         int  pageIndex = pageInfo.PageIndex;
                         LayoutPage layoutPage =  this .richEditControl1.DocumentLayout.GetPage(pageIndex);
 
                         DocumentPosition documentPosition;
                         if  (layoutPage.MainContentRange.Length == 1 && pageIndex == pageCount - 1)
                         {
                             //最后一页，且是分页符空白页
                             documentPosition =
                                   this .richEditControl1.Document.CreatePosition(
                                       layoutPage.MainContentRange.Start + 1);
                             DocumentRange documentRange =
                                 this .richEditControl1.Document.CreateRange(documentPosition, 1);
                             this .richEditControl1.Document.InsertDocumentContent(documentPosition, documentRange);
                             documentPosition = documentRange.End;
 
                             this .richEditControl1.Document.Delete(documentRange);
                         }
                         else
                         {
                             documentPosition =
                                 this .richEditControl1.Document.CreatePosition(layoutPage.MainContentRange.Start +
                                                                               layoutPage.MainContentRange.Length / 2);
                         }
 
                         //if (layoutPage.PageAreas.FirstOrDefault().Columns.Any(x => x.Rows.Any(y => y.Boxes.Any(z => z.Type == LayoutType.PageBreakBox))))
                         //if (this.richEditControl1.Document.HtmlText.Contains("cs1B16EEB5"))
 
                         /*if (hasPageBlock)
                         {
                             //有分页符
                             
 
                             if (pageIndex >0)
                             {
                                 LayoutPage preLayoutPage = this.richEditControl1.DocumentLayout.GetPage(pageIndex - 1);
                                 if (
                                     !preLayoutPage.PageAreas.FirstOrDefault().Columns.Any(x =>x.Rows.Any(y => y.Boxes.Any(z => z.Type == LayoutType.PageBreakBox))))
                                 {
                                     //前一页没有分页符
                                     documentPosition =
                                          this.richEditControl1.Document.CreatePosition(layoutPage.MainContentRange.Start);
                                 }
                                 else
                                 {
                                     //前一页有分页符
                                     documentPosition =
                                    this.richEditControl1.Document.CreatePosition(
                                        layoutPage.MainContentRange.Start);
                                     DocumentRange documentRange =
                                         this.richEditControl1.Document.CreateRange(documentPosition, 1);
                                     this.richEditControl1.Document.InsertDocumentContent(documentPosition, documentRange);
                                     documentPosition = documentRange.End;
 
                                     this.richEditControl1.Document.Delete(documentRange); 
                                 }
                             }
                             else
                             {
                                 documentPosition =
                                     this.richEditControl1.Document.CreatePosition(layoutPage.MainContentRange.Start);
                             }
 
                             //if (pageIndex == pageCount - 1)
                             //{
                             //    //if (!layoutPage.PageAreas.FirstOrDefault().Columns.Any(x => x.Rows.Any(y => y.Boxes.Any(z=>z.Type == 
                             LayoutType.ParagraphMarkBox))))
                             //    //{
                             //    //    DocumentRange documentRange = this.richEditControl1.Document.CreateRange(documentPosition, 1);
                             //    //    this.richEditControl1.Document.InsertDocumentContent(documentPosition, documentRange);
                             //    //    documentPosition = documentRange.End;
 
                             //    //    this.richEditControl1.Document.Delete(documentRange);
                             //    //}
                             //    documentPosition =
                             //        this.richEditControl1.Document.CreatePosition(layoutPage.MainContentRange.Start +
                             //                                                      
                             layoutPage.MainContentRange.Length);
                             //    DocumentRange documentRange =
                             //        this.richEditControl1.Document.CreateRange(documentPosition, 1);
                             //    this.richEditControl1.Document.InsertDocumentContent(documentPosition, documentRange);
                             //    documentPosition = documentRange.End;
 
                             //    this.richEditControl1.Document.Delete(documentRange);
                             //}
                             //else
                             //{
                             //    documentPosition = this.richEditControl1.Document.CreatePosition(layoutPage.MainContentRange.Start);
                             //}
                         }
                         else
                         {
                             //无分页符
                             documentPosition = this.richEditControl1.Document.CreatePosition(layoutPage.MainContentRange.Start);
 
                             
                         }*/
 
                         var  focusControl = richEditControl1.FocusElement;
                         var  controls = GetCanvasControls(focusControl);
 
                         //根据相对位置坐标绘制图片
                         foreach  (FrameworkElement box  in  controls)
                         {
                             Console.WriteLine(box.Name);
                             if  (box.Name ==  "SuperRoot" )
                             {
                                 if  (box.ActualHeight == 0)
                                 {
 
                                 }
                                 else
                                 {
                                     Canvas canva = box  as  Canvas;
                                     var  point = box.GetPosition( this .richEditControl1);
                                     if  (point.Y > (-1) * canva.ActualHeight && point.Y < canva.ActualHeight)
                                     {
                                         try
                                         {
                                             System.Windows.Point gridPoint = canva.PointFromScreen(startPoint);
 
                                             if  (gridPoint.Y < canva.ActualHeight && gridPoint.Y > 0 &&
                                                 gridPoint.X < canva.ActualWidth && gridPoint.X > 0)
                                             {
                                                 Shape shape =
                                                     this .richEditControl1.Document.InsertPicture(documentPosition, bmp);
                                                 shape.TextWrapping = TextWrappingType.InFrontOfText;
                                                 shape.HorizontalAlignment = ShapeHorizontalAlignment.None;
 
                                                 //shape.RelativeHorizontalPosition = ShapeRelativeHorizontalPosition.Column;
                                                 //shape.RelativeVerticalPosition = ShapeRelativeVerticalPosition.Paragraph;
                                                 shape.ZOrder = zIndex;
                                                 zIndex++;
 
                                                 shape.Name =  "penLink" ;
 
                                                 shape.Offset =  new  PointF(( float )((gridPoint.X - stroke.LineWidth) * 3.12),
                                                     ( float )((gridPoint.Y - stroke.LineWidth) * 3.12));
 
 
 
                                                 break ;
                                             }
                                         }
                                         catch  (Exception ex)
                                         {
 
                                         }
                                     }
 
 
                                 }
                             }
                         }
                         break ;
                     }
                 }
             }
         }

 

 

 

 

5 总结

        最终实现效果如下图。

WPF实现WORD 2013墨迹批注功能_第6张图片

 

源码和更多资源请访问：http://88gis.cn/web/pages/blog/blogInfo.html?id=95e5139d-5dcc-4600-bcca-355ae6ac8a8f

你可能感兴趣的:(ui)

  • OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言
    前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • 你可能遗漏的一些C#/.NET/.NET Core知识点 追逐时光者 C#.NETDotNetGuide编程指南c#.net.netcoremicrosoft
    前言在这个快速发展的技术世界中，时常会有一些重要的知识点、信息或细节被忽略或遗漏。《C#/.NET/.NETCore拾遗补漏》专栏我们将探讨一些可能被忽略或遗漏的重要知识点、信息或细节，以帮助大家更全面地了解这些技术栈的特性和发展方向。拾遗补漏GitHub开源地址https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/D
  • linux 发展史 种树的猴子 内核java操作系统linux大数据
    linux发展史说明此前对linux认识模糊一知半解，近期通过学习将自己对于linux的发展总结一下方便大家日后的学习。那Linux是目前一款非常火热的开源操作系统，可是linux是什么时候出现的，又是因为什么样的原因被开发出来的呢。以下将对linux的发展历程进行详细的讲解。目录一、Linux发展背景二、UINIX的诞生三、UNIX的重要分支-BSD的诞生四、Minix的诞生五、GNU与Free
  • spring如何整合druid连接池？ 惜.己 springspringjunit数据库javaidea后端xml
    目录spring整合druid连接池1.新建maven项目2.新建mavenModule3.导入相关依赖4.配置log4j2.xml5.配置druid.xml1)xml中如何引入properties2)下面是配置文件6.准备jdbc.propertiesJDBC配置项解释7.配置druid8.测试spring整合druid连接池1.新建maven项目打开IDE（比如IntelliJIDEA,Ecl
  • esp32开发快速入门 8 : MQTT 的快速入门，基于esp32实现MQTT通信 z755924843 ESP32开发快速入门服务器网络运维
    MQTT介绍简介MQTT（MessageQueuingTelemetryTransport，消息队列遥测传输协议），是一种基于发布/订阅（publish/subscribe）模式的"轻量级"通讯协议，该协议构建于TCP/IP协议上，由IBM在1999年发布。MQTT最大优点在于，可以以极少的代码和有限的带宽，为连接远程设备提供实时可靠的消息服务。作为一种低开销、低带宽占用的即时通讯协议，使其在物联
  • vue项目element-ui的table表格单元格合并 酋长哈哈 vue.jselementuijavascript前端
    一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'
  • android 更改窗口的层次,浮窗开发之窗口层级 Ms.Bu android更改窗口的层次
    最近在项目中遇到了这样的需求：需要在特定的其他应用之上悬浮自己的UI交互(拖动、输入等复杂的UI交互)，和九游的浮窗类似，不过我们的比九游的体验更好，我们越过了很多授权的限制。浮窗效果很多人都知道如何去实现一个简单的浮窗，但是却很少有人去深入的研究背后的流程机制，由于项目中浮窗交互比较复杂，遇到了些坑查看了很多资料，故总结浮窗涉及到的知识点：窗口层级关系(浮窗是如何“浮”的)？浮窗有哪些限制，如何
  • matlab mle 优化,MLE+: Matlab Toolbox for Integrated Modeling, Control and Optimization for Buildings... Simon Zhong matlabmle优化
    摘要：FollowingunilateralopticnervesectioninadultPVGhoodedrat,theaxonguidancecueephrin-A2isup-regulatedincaudalbutnotrostralsuperiorcolliculus(SC)andtheEphA5receptorisdown-regulatedinaxotomisedretinalgan
  • TextFiled 中输入金额 宁梓茞
    要求:输入的金额不能超过六位,小数点后面只能输入两位小数如果textFIled中第一位输入的是0,后面必须输入小数点,否则禁止输入用到textfiled代理方法#pragmamark----textFiledDelegate-----(BOOL)textField:(UITextField*)textFieldshouldChangeCharactersInRange:(NSRange)range
  • JAVA·一个简单的登录窗口 MortalTom java开发语言学习
    文章目录概要整体架构流程技术名词解释技术细节资源概要JavaSwing是Java基础类库的一部分，主要用于开发图形用户界面（GUI）程序整体架构流程新建项目，导入sql.jar包（链接放在了文末），编译项目并运行技术名词解释一、特点丰富的组件提供了多种可视化组件，如按钮（JButton）、文本框（JTextField）、标签（JLabel）、下拉列表（JComboBox）等，可以满足不同的界面设计
  • Vue( ElementUI入门、vue-cli安装) m0_l5z elementuivue.js
    一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
  • vue + Element UI table动态合并单元格 我家媳妇儿萌哒哒 elementUIvue.js前端javascript
    一、功能需求1、根据名称相同的合并工作阶段和主要任务合并这两列，但主要任务内容一样，但要考虑主要任务一样，但工作阶段不一样的情况。（枞向合并）2、落实情况里的定量内容和定性内容值一样则合并。（横向合并）二、功能实现exportdefault{data(){return{tableData:[{name:'a',address:'1',age:'1',six:'2'},{name:'a',addre
  • GenVisR 基因组数据可视化实战(三) 11的雾
    3.genCov画每个突变位点附件的coverage，跟igv有点相似。这个操作起来很复杂，但是图还是挺有用的。可以考虑。由于我的referencegenomebuild是hg38BiocManager::install(c("TxDb.Hsapiens.UCSC.hg38.knownGene","BSgenome.Hsapiens.UCSC.hg38"))library(TxDb.Hsapien
  • 计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署） java毕设程序源码王哥 php课程设计vue.js
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：原生PHP++Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是小皮phpstudy最新版，我们在这个版本上开发的。其他版本理论上也可以。2.开发
  • 【自动化测试】UI自动化的分类、如何选择合适的自动化测试工具以及其中appium的设计理念、引擎和引擎如何工作 Lossya ui自动化测试工具自动化测试appium
    引言UI自动化测试主要针对软件的用户界面进行测试，以确保用户界面元素的交互和功能符合预期文章目录引言一、UI自动化的分类1.1基于代码的自动化测试1.2基于录制/回放的自动化测试1.3基于框架的自动化测试1.4按测试对象分类1.5按测试层次分类1.6按测试执行方式分类1.7按测试目的分类二、如何选择合适的自动化测试工具2.1项目需求分析2.2工具特性评估2.3成本考虑2.4团队技能2.5试用和评估
  • Python3.7出现“ModuleNotFoundError: No module named ‘Tkinter‘”错误的解决方法 可爱的小红猪 python
    Python3.7出现“ModuleNotFoundError:Nomodulenamed‘Tkinter’”错误的解决方法在网上看到很多针对这个问题的解决方法都是重新安装或配置Tkinter库，但Tkinter是python内置的标准GUI库，安装Python时就已经内置在了库中，不需要另外下载。针对于Tkinter，你的代码很可能是这样的：importTkinter或者是这样fromTkint
  • 设计模式之建造者模式(通俗易懂--代码辅助理解【Java版】） ok!ko 设计模式设计模式建造者模式java
    文章目录设计模式概述1、建造者模式2、建造者模式使用场景3、优点4、缺点5、主要角色6、代码示例：1）实现要求2）UML图3)实现步骤：1）创建一个表示食物条目和食物包装的接口2）创建实现Packing接口的实体类3）创建实现Item接口的抽象类，该类提供了默认的功能4）创建扩展了Burger和ColdDrink的实体类5）创建一个Meal类，带有上面定义的Item对象6）创建一个MealBuil
  • 高级UI<第二十四篇>：Android中用到的矩阵常识 NoBugException
    （1）定义在数学中，矩阵（Matrix）是一个按照长方阵列排列的复数或实数集合。由m×n个数aij排成的m行n列的数表称为m行n列的矩阵，简称m×n矩阵。记作：图片.png这m×n个数称为矩阵A的元素，简称为元，数aij位于矩阵A的第i行第j列，称为矩阵A的(i,j)元，以数aij为(i,j)元的矩阵可记为(aij)或(aij)m×n，m×n矩阵A也记作Amn。元素是实数的矩阵称为实矩阵，元素是复
  • linux 安装Sublime Text 3 hhyiyuanyu Python学习linuxsublimetext
    方法/步骤打开官网http://www.sublimetext.com/3，选择64位进行下载执行命令wgethttps://download.sublimetext.com/sublime_text_3_build_3126_x64.tar.bz2进行下载3、下载完成进行解压,执行tar-xvvfsublime_text_3_build_3126_x64.tar.bz解压4、解压完成以后，移动到
  • html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游
    html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击
  • shell脚本中sed命令如何使用变量 歪歪的酒壶 linux
    在shell脚本中我们常常需要使用sed命令进行配置文件的更新，但是更新的内容又往往根据环境相关。值并不是固定的。这里我们介绍一种在sed命令中使用变量的方法。比如，在nginx的配置中，我们需要根据环境来更新/etc/nginx/sites-available/default中的目录配置。通常我们采用一个变量，来记录当前环境需要配置的目录比如：dist_dir=/home/dev/code/ui
  • swing窗体打jar包后找不到图片的问题 zoyation javajarswingclassloaderimageeclipsejava
    今天打jar包遇到一个怪问题:打成jar包后双击运行没反应cmd运行有反应但出现下列问题Causedby:java.lang.ExceptionInInitializerErroratcom.zou.ui.MyDialog.init(MyDialog.java:92)atcom.zou.ui.MyDialog.(MyDialog.java:45)atcom.zou.ui.LoginDialog.(
  • Android shell 常用 debug 命令 晨春计 Audiodebugandroidlinux
    目录1、查看版本2、am命令3、pm命令4、dumpsys命令5、sed命令6、log定位查看APK进程号7、log定位使用场景1、查看版本1.1、Android串口终端执行getpropro.build.version.release#获取Android版本uname-a#查看linux内核版本信息uname-r#单独查看内核版本1.2、linux服务器执行lsb_release-a#查看Lin
  • Vue + Express实现一个表单提交 九旬大爷的梦
    最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
  • Vue3 vant组件库自动导入 不叫虎子 Vuevue.js前端javascript前端框架typescript
    实现：完整使用vant组件库文档安装：#Vue3项目，安装最新版Vantnpmivant#通过yarn安装yarnaddvant#通过pnpm安装pnpmaddvant【一】按需引入：https://vant-contrib.gitee.io/vant/#/zh-CN/quickstart#fang-fa-er.-an-xu-yin-ru-zu-jian-yang-shi【二】批量引入在基于vit
  • 编译Windows平台的Nginx+ngx_http_proxy_connect_module Grovvy_Deng windowsnginxhttp
    编译Windows平台的Nginx+ngx_http_proxy_connect_module背景：由于公司的正向出局代理是windows机器。机器上的Squid不稳定，打算替换成nginx+ngx_http_proxy_connect_module实现。通过几天痛苦的尝试，最后参考了github大神项目通过在线CICD工具编译window平台可用的ng。步骤：获取git可识别的patch由于CI
  • vant-element-ts一起使用存在的问题 flynn_ 问题总结vue
    由于vant-ui与element-ui部分组件存在冲突，导致在vue-typescript中出现错误:Subsequentpropertydeclarationsmusthavethesametype.Property'$notify'mustbeoftype'ElNotification',butherehastype'Notify'.方案：一个全局导入，一个按需导入,避免冲突的组件同时使用，
  • apache ftpserver-CentOS config gengzg apache
    <server xmlns="http://mina.apache.org/ftpserver/spring/v1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" http://mina.apache.o
  • 优化MySQL数据库性能的八种方法 AILIKES sqlmysql
    1、选取最适用的字段属性 　　MySQL可以很好的支持大数据量的存取，但是一般说来，数据库中的表越小，在它上面执行的查询也就会越快。因此，在创建表的时候，为了获得更好的 性能，我们可以将表中字段的宽度设得尽可能小。例如，在定义邮政编码这个字段时，如果将其设置为CHAR(255),显然给数据库增加了不必要的空间，甚至使用VARCHAR这种类型也是多余的，因为CHAR(6)就可以很
  • JeeSite 企业信息化快速开发平台 Kai_Ge JeeSite
    JeeSite 企业信息化快速开发平台 平台简介 JeeSite是基于多个优秀的开源项目，高度整合封装而成的高效，高性能，强安全性的开源Java EE快速开发平台。 JeeSite本身是以Spring Framework为核心容器，Spring MVC为模型视图控制器，MyBatis为数据访问层， Apache Shiro为权限授权层，Ehcahe对常用数据进行缓存，Activit为工作流
  • 通过Spring Mail Api发送邮件 120153216 邮件main
    原文地址：http://www.open-open.com/lib/view/open1346857871615.html 使用Java Mail API来发送邮件也很容易实现，但是最近公司一个同事封装的邮件API实在让我无法接受，于是便打算改用Spring Mail API来发送邮件，顺便记录下这篇文章。 【Spring Mail API】 Spring Mail API都在org.spri
  • Pysvn 程序员使用指南 2002wmj SVN
    源文件:http://ju.outofmemory.cn/entry/35762 这是一篇关于pysvn模块的指南. 完整和详细的API请参考 http://pysvn.tigris.org/docs/pysvn_prog_ref.html. pysvn是操作Subversion版本控制的Python接口模块. 这个API接口可以管理一个工作副本, 查询档案库, 和同步两个. 该
  • 在SQLSERVER中查找被阻塞和正在被阻塞的SQL 357029540 SQL Server
    SELECT  R.session_id AS BlockedSessionID ,          S.session_id AS BlockingSessionID ,          Q1.text AS Block
  • Intent 常用的用法备忘 7454103 .netandroidGoogleBlogF#
    Intent     应该算是Android中特有的东西。你可以在Intent中指定程序 要执行的动作（比如：view,edit,dial），以及程序执行到该动作时所需要的资料 。都指定好后，只要调用startActivity()，Android系统 会自动寻找最符合你指定要求的应用 程序，并执行该程序。 下面列出几种Intent 的用法 显示网页:
  • Spring定时器时间配置 adminjun spring时间配置定时器
    红圈中的值由6个数字组成，中间用空格分隔。第一个数字表示定时任务执行时间的秒，第二个数字表示分钟，第三个数字表示小时，后面三个数字表示日，月，年，< xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" /> 测试的时候，由于是每天定时执行，所以后面三个数
  • POJ 2421 Constructing Roads 最小生成树 aijuans 最小生成树
    来源：http://poj.org/problem?id=2421 题意：还是给你n个点，然后求最小生成树。特殊之处在于有一些点之间已经连上了边。 思路：对于已经有边的点，特殊标记一下，加边的时候把这些边的权值赋值为0即可。这样就可以既保证这些边一定存在，又保证了所求的结果正确。 代码： #include <iostream> #include <cstdio>
  • 重构笔记——提取方法（Extract Method） ayaoxinchao java重构提炼函数局部变量提取方法
    提取方法（Extract Method）是最常用的重构手法之一。当看到一个方法过长或者方法很难让人理解其意图的时候，这时候就可以用提取方法这种重构手法。   下面是我学习这个重构手法的笔记：   提取方法看起来好像仅仅是将被提取方法中的一段代码，放到目标方法中。其实，当方法足够复杂的时候，提取方法也会变得复杂。当然，如果提取方法这种重构手法无法进行时，就可能需要选择其他
  • 为UILabel添加点击事件 bewithme UILabel
        默认情况下UILabel是不支持点击事件的，网上查了查居然没有一个是完整的答案，现在我提供一个完整的代码。   UILabel *l = [[UILabel alloc] initWithFrame:CGRectMake(60, 0, listV.frame.size.width - 60, listV.frame.size.height)]
  • NoSQL数据库之Redis数据库管理(PHP-REDIS实例) bijian1013 redis数据库NoSQL
    一.redis.php <?php //实例化 $redis = new Redis(); //连接服务器 $redis->connect("localhost"); //授权 $redis->auth("lamplijie"); //相关操
  • SecureCRT使用备注 bingyingao secureCRT每页行数
    SecureCRT日志和卷屏行数设置 一、使用securecrt时，设置自动日志记录功能。 1、在C:\Program Files\SecureCRT\下新建一个文件夹(也就是你的CRT可执行文件的路径），命名为Logs； 2、点击Options -> Global Options -> Default Session -> Edite Default Sett
  • 【Scala九】Scala核心三：泛型 bit1129 scala
    泛型类 package spark.examples.scala.generics class GenericClass[K, V](val k: K, val v: V) { def print() { println(k + "," + v) } } object GenericClass { def main(args: Arr
  • 素数与音乐 bookjovi 素数数学haskell
        由于一直在看haskell，不可避免的接触到了很多数学知识，其中数论最多，如素数，斐波那契数列等，很多在学生时代无法理解的数学现在似乎也能领悟到那么一点。     闲暇之余，从图书馆找了<<The music of primes>>和<<世界数学通史>>读了几遍。其中素数的音乐这本书与软件界熟知的&l
  • Java-Collections Framework学习与总结-IdentityHashMap BrokenDreams Collections
            这篇总结一下java.util.IdentityHashMap。从类名上可以猜到，这个类本质应该还是一个散列表，只是前面有Identity修饰，是一种特殊的HashMap。         简单的说，IdentityHashMap和HashM
  • 读《研磨设计模式》-代码笔记-享元模式-Flyweight bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.HashMap; import java.util.List; import java
  • PS人像润饰&调色教程集锦 cherishLC PS
      1、仿制图章沿轮廓润饰——柔化图像，凸显轮廓 http://www.howzhi.com/course/retouching/   新建一个透明图层，使用仿制图章不断Alt+鼠标左键选点，设置透明度为21%，大小为修饰区域的1/3左右（比如胳膊宽度的1/3），再沿纹理方向（比如胳膊方向）进行修饰。   所有修饰完成后，对该润饰图层添加噪声，噪声大小应该和
  • 更新多个字段的UPDATE语句 crabdave update
    更新多个字段的UPDATE语句                    update tableA a set (a.v1, a.v2, a.v3, a.v4) = --使用括号确定更新的字段范围
  • hive实例讲解实现in和not in子句 daizj hivenot inin
    本文转自：http://www.cnblogs.com/ggjucheng/archive/2013/01/03/2842855.html 当前hive不支持 in或not in 中包含查询子句的语法，所以只能通过left join实现。 假设有一个登陆表login(当天登陆记录,只有一个uid),和一个用户注册表regusers(当天注册用户，字段只有一个uid)，这两个表都包含
  • 一道24点的10+种非人类解法（2,3,10,10） dsjt 算法
    这是人类算24点的方法？！！！ 事件缘由：今天晚上突然看到一条24点状态，当时惊为天人，这NM叫人啊？以下是那条状态 朱明西 : 24点，算2 3 10 10，我LX炮狗等面对四张牌痛不欲生，结果跑跑同学扫了一眼说，算出来了，2的10次方减10的3次方。。我草这是人类的算24点啊。。 然后么。。。我就在深夜很得瑟的问室友求室友算 刚出完题，文哥的暴走之旅开始了 5秒后
  • 关于YII的菜单插件 CMenu和面包末breadcrumbs路径管理插件的一些使用问题 dcj3sjt126com yiiframework
    在使用 YIi的路径管理工具时，发现了一个问题。                    <?php         
  • 对象与关系之间的矛盾：“阻抗失配”效应[转] come_for_dream 对象
    概述   “阻抗失配”这一词组通常用来描述面向对象应用向传统的关系数据库（RDBMS）存放数据时所遇到的数据表述不一致问题。C++程序员已经被这个问题困扰了好多年，而现在的Java程序员和其它面向对象开发人员也对这个问题深感头痛。   “阻抗失配”产生的原因是因为对象模型与关系模型之间缺乏固有的亲合力。“阻抗失配”所带来的问题包括：类的层次关系必须绑定为关系模式（将对象
  • 学习编程那点事 gcq511120594 编程互联网
    一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！ 接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
  • Reverse Linked List II hcx2013 list
    Reverse a linked list from position m to n. Do it in-place and in one-pass. For example:Given 1->2->3->4->5->NULL, m = 2 and n = 4, return 
  • Spring4.1新特性——页面自动化测试框架Spring MVC Test HtmlUnit简介 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Hadoop集群工具distcp liyonghui160com
        1. 环境描述 两个集群：rock 和 stone rock无kerberos权限认证，stone有要求认证。 1. 从rock复制到stone，采用hdfs Hadoop distcp -i hdfs://rock-nn:8020/user/cxz/input hdfs://stone-nn:8020/user/cxz/运行在rock端，即源端问题：报版本
  • 一个备份MySQL数据库的简单Shell脚本 pda158 mysql脚本
    　　主脚本（用于备份mysql数据库）： 　　该Shell脚本可以自动备份 数据库。只要复制粘贴本脚本到文本编辑器中，输入数据库用户名、密码以及数据库名即可。我备份数据库使用的是mysqlump 命令。后面会对每行脚本命令进行说明。 　　 1. 分别建立目录“backup”和“oldbackup” 　　#mkdir /backup 　　#mkdir /oldbackup 　
  • 300个涵盖IT各方面的免费资源（中）——设计与编码篇 shoothao IT资源图标库图片库色彩板字体
    A. 免费的设计资源 Freebbble:来自于Dribbble的免费的高质量作品。 Dribbble:Dribbble上“免费”的搜索结果——这是巨大的宝藏。 Graphic Burger:每个像素点都做得很细的绝佳的设计资源。 Pixel Buddha:免费和优质资源的专业社区。 Premium Pixels:为那些有创意的人提供免费的素材。
  • thrift总结 - 跨语言服务开发 uule thrift
    官网 官网JAVA例子 thrift入门介绍 IBM-Apache Thrift - 可伸缩的跨语言服务开发框架 Thrift入门及Java实例演示 thrift的使用介绍   RPC    POM： <dependency> <groupId>org.apache.thrift</groupId>
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他