【原創】自己動手寫工具----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 > 0)
         {
             tf.Show("保存成功！");
         }
     }
 }

由於建立新note時，note的ID就確定了，所以只要根據ID來更新幾個字段就可以了。所以上面是更新操作而不是插入操作。

 //更新標題及內容
 public static int UpdateContent(int id,string title,string content)
 {
     int result = -1;
     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 + 1) * MARGIN;
     int Y = lines * HEIGHT + (lines + 1) * 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 > 19)
     {
         flagForPanelEdit = 0;
     }
 }

下面是自定義控件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(0, 0);
     Point rightTop = new Point(x - 1, 0);
     Point leftBottom = new Point(0, y - 1);
     Point rightBottom = new Point(x - 1, y - 1);

     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 = 0; i < x - 1; i += 3)
     {
         g.FillRectangle(new SolidBrush(Color.Black), new Rectangle(i, 0, 2, 1));
     }

     //畫下邊緣
     for (int m = 0; m < x - 1; m += 3)
     {
         g.FillRectangle(new SolidBrush(Color.Black), new Rectangle(m, y - 1, 2, 1));
     }

     //畫左邊緣
     for (int i = 0; i < y - 1; i += 3)
     {
         g.FillRectangle(new SolidBrush(Color.Black), new Rectangle(0, i, 1, 2));
     }

     //畫右邊緣
     for (int i = 0; i < y - 1; i += 3)
     {
         g.FillRectangle(new SolidBrush(Color.Black), new Rectangle(x - 1, i, 1, 2));
     }
     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,6,e.LabelText,e.Id,false,false); //Stack Overflow 重復綁定重復執行 形成無限循環導致
 }

根據目錄和標簽篩選

這一部分還沒有仔細地去做，目前只是大概地處理了一下，最近實在太忙了。大概的篩選原則就是右側上方的兩個標簽區域的交集，只要符合條件就會在下面的預覽區域顯示出來，也就是我們想要看到的結果啦~

上面一排是所選的目錄下所有note包含的所有的標簽，下面是手工指定的標簽，通過篩選條件的就會出現在下面的note預覽區域中

結語

本來這個小東西早就該完成，但是中間公司又分配了些項目，沒有太多的空閑時間，今天抽空把他總結出來，對自己也有個交代。在寫這個玩意兒的時候，的確遇到了一些小問題，如左側樹狀結構綁定同一張表中帶有層級結構的數據，這是第一次接觸，但是掌握了方法就OK了；還有自定義控件的動態添加和綁定事件等等。如果您有什么建議，歡迎評論，大神勿拍... ...如果覺得好玩兒，就給個贊吧~~

2014馬上過去了，不得不說時間飛快，祝各位園友在新的一年里，能夠實現升職加薪，出任CTO，迎娶白富美，走向人生巔峰

 

 作者：悠揚的牧笛

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

 聲明：本博客原創文字只代表本人工作中在某一時間內總結的觀點或結論，與本人所在單位沒有直接利益關系。非商業，未授權貼子請以現狀保留，轉載時必須保留此段聲明，且在文章頁面明顯位置給出原文連接。