【原创】自己动手写工具----XSmartNote [Beta 2.0]

前面的话

在上一篇自己动手写工具----XSmartNote中，我简单介绍了这个小玩意儿的大致界面和要实现的功能，看了一下园子里的评论，评价褒贬不一，有人说“现在那么多云笔记的工具”，“极简版evernote”，我想说的是，别人的工具再好用，终究不是自己写的，其实写这个的目的，一方面是锻炼自己的技术能力，在coding的时候，或多或少会遇到一些问题，在解决这些问题的过程中，技术能力就会有所提升；另一方面，写这个东西还有自己个人原因，可以随时记录一些繁杂的知识点，通过给这些知识点打上标签，可以实现归类，那有的人会说，EverNote呢？嗯，如果你用着自己写的软件和用EverNote，哪个会更有成就感呢？好了，不多说，上图上代码！！

这个小东西基本上实现了上一篇中列出的功能，添加note、note分类、为note加标签、根据标签对note进行筛选等。下面介绍各个功能点

功能

添加note

首先在界面的右上角会提示您目前选择的树结构节点，如果新添加note就必须选择该note的所属目录（左侧的树节点），否则会因为找不到所属目录而导致添加note失败，如下图：

这样，新增的note就会自动归类为DOT NET文件夹下咯~

 private void btn_Save_Click(object sender, EventArgs e)

  {

      TreeNode node = tv_Folder.SelectedNode;

      TipsForm tf = new TipsForm();

      if (node == null)

      {

          return;

      }

      if (node.Tag.ToString() == Enums.LEAVES.ToString())

      {

          //同时更新标题和内容

          int i = SQLHelper.UpdateContent(node.Name.ToInt(), txt_Title.Text, txt_Content.Text);

          //同时重新加载Treeview

          BuildTree(this.tv_Folder, GetFolderSet());

          if (i > )

          {

              tf.Show("保存成功！");

          }

      }

  }

由于建立新note时，note的ID就确定了，所以只要根据ID来更新几个字段就可以了。所以上面是更新操作而不是插入操作。

  //更新标题及内容

  public static int UpdateContent(int id,string title,string content)

  {

      int result = -;

      StringBuilder cmd = new StringBuilder();

      cmd.Append(string.Format("update Table_Content set Content = '{0}',Title='{1}'  where Id={2}",content,title,id));

      return NonQuery(cmd, result);

  }

为note分类

这个比较简单了，只要在添加的时候指定好note的所属目录就可以了，单击目录时，右侧下方的预览区会显示出该目录下的所有note，并且最上方的标签区域显示该目录下所有的note包含的标签~

为note指定标签

为note指定标签的过程实际上是向关联note和标签的表中加入数据的过程，这里note和标签是多对多的关系，所以需要单独建立一个关系表。

为note加标签，是通过自定义控件LabelWithCheck的选中事件触发的，而且LabelWithCheck是在初始化时动态生成并且动态绑定事件的。

  public void AddLabelToLocation(FlowLayoutPanel flp, int column, string tag, int Id, bool ischecked,bool registerEvent)

  {

      //int flag = 0;

      int labelCount = flp.Controls.Count;

      int lines = labelCount / column;

      int left = labelCount % column;

      int X = (left * WIDTH) + (left + ) * MARGIN;

      int Y = lines * HEIGHT + (lines + ) * MARGIN;

      LabelWithCheck label = new LabelWithCheck();

      //注册事件

      if (registerEvent)

      {

          label.LabelCheckedEvent += Label_LabelCheckedEvent;

          //new TipsForm().Show("注册插入数据库事件");

      }

      else

      {

          label.LabelCheckedEvent += Label_LabelSelectEvent;

          //new TipsForm().Show("注册过滤事件");

      }

      label.BackColor = ColorTranslator.FromHtml(ColorManager.ColorConvertor(flagForPanelEdit));

      label.Location = new Point(X, Y);

      label.LabelText = tag;//存储标签名称

      label.Id = Id;//存储标签ID

      label.LabelChecked = ischecked;//选中状态

      flp.Controls.Add(label);

      flagForPanelEdit++;

      if (flagForPanelEdit > )

      {

          flagForPanelEdit = ;

      }

  }

下面是自定义控件LabelWithCheck的代码，重绘LabelWithCheck

  #region OVERRIDE

  protected override void OnPaint(PaintEventArgs e)

  {

      Graphics g = e.Graphics;

      int x = this.Width;

      int y = this.Height;

      Point leftTop = new Point(, );

      Point rightTop = new Point(x - , );

      Point leftBottom = new Point(, y - );

      Point rightBottom = new Point(x - , y - );

      g.DrawLine(new Pen(Color.White), leftTop, rightTop);

      g.DrawLine(new Pen(Color.White), leftBottom, rightBottom);

      g.DrawLine(new Pen(Color.White), leftTop, leftBottom);

      g.DrawLine(new Pen(Color.White), rightTop, rightBottom);

      //画上边缘

      for (int i = ; i < x - ; i += )

      {

          g.FillRectangle(new SolidBrush(Color.Black), new Rectangle(i, , , ));

      }

      //画下边缘

      for (int m = ; m < x - ; m += )

      {

          g.FillRectangle(new SolidBrush(Color.Black), new Rectangle(m, y - , , ));

      }

      //画左边缘

      for (int i = ; i < y - ; i += )

      {

          g.FillRectangle(new SolidBrush(Color.Black), new Rectangle(, i, , ));

      }

      //画右边缘

      for (int i = ; i < y - ; i += )

      {

          g.FillRectangle(new SolidBrush(Color.Black), new Rectangle(x - , i, , ));

      }

      base.OnPaint(e);

  }

  #endregion

定义LabelWithCheck控件的事件，为note添加标签的时候就触发这个事件，参数中包括了标签的一些信息

 #region EVENT

 public delegate void LabelWithCheckSelectedHandler(object sender, LabelWithCheckEventArgs e);

 public event LabelWithCheckSelectedHandler LabelCheckedEvent;

 private void ck_CheckedChanged(object sender, EventArgs e)//checkBox原型

 {

     if (LabelCheckedEvent != null)

     {

         LabelCheckedEvent(sender, new LabelWithCheckEventArgs(this._Id,this.LabelText));

     }

 }

 #endregion

每选择一个LabelWithCheck都会动态添加该控件

  private void Label_LabelSelectEvent(object sender, LabelWithCheckEventArgs e)

  {

      AddLabelToLocation(flowLayoutPanel2,,e.LabelText,e.Id,false,false); //Stack Overflow 重复绑定重复执行 形成无限循环导致

  }

根据目录和标签筛选

这一部分还没有仔细地去做，目前只是大概地处理了一下，最近实在太忙了。大概的筛选原则就是右侧上方的两个标签区域的交集，只要符合条件就会在下面的预览区域显示出来，也就是我们想要看到的结果啦~

上面一排是所选的目录下所有note包含的所有的标签，下面是手工指定的标签，通过筛选条件的就会出现在下面的note预览区域中

结语

本来这个小东西早就该完成，但是中间公司又分配了些项目，没有太多的空闲时间，今天抽空把他总结出来，对自己也有个交代。在写这个玩意儿的时候，的确遇到了一些小问题，如左侧树状结构绑定同一张表中带有层级结构的数据，这是第一次接触，但是掌握了方法就OK了；还有自定义控件的动态添加和绑定事件等等。如果您有什么建议，欢迎评论，大神勿拍... ...如果觉得好玩儿，就给个赞吧~~

2014马上过去了，不得不说时间飞快，祝各位园友在新的一年里，能够实现升职加薪，出任CTO，迎娶白富美，走向人生巅峰

作者：悠扬的牧笛

博客地址：http://www.cnblogs.com/xhb-bky-blog/p/4167108.html

声明：本博客原创文字只代表本人工作中在某一时间内总结的观点或结论，与本人所在单位没有直接利益关系。非商业，未授权贴子请以现状保留，转载时必须保留此段声明，且在文章页面明显位置给出原文连接。

巴特西