C# WPF 建立無邊框（標題列）的登入視窗的範例

2020-12-15 12:16:43

前言：筆者最近用c#寫WPF做了一個專案，此前未曾做過完整的WPF專案，算是一邊學一邊用，網上搜了不少資料，效率當然是不敢恭維的，有時會在一些很簡單的問題上糾結很長時間，血與淚的教訓可不少。
不過，正如電視劇某榜裡的一句話：既然我活了下來，就不會白白活著！筆者怎麼也算掙扎過了，有些經驗與教訓可以分享，趁著記憶深刻總結寫下來。希望後來者少走彎路，提高工作效率。如果有寫得不好的地方，希望讀者能夠指正，一起進步！
---------------------------------

今天先從登入視窗說起：

1. 效果圖

先來看看效果圖，簡潔，風格統一，完全不會被Window作業系統主題的影響。

2. 實現方法

WPF做這樣的視窗非常簡單，只有需在視窗設計中設定兩個屬性，一個是AllowsTransparency, 設定為 Ture; 一個是 WindowStyle, 設定為 None。

注：是Window的屬性，不要選中其他的控制元件。

另外，如果AllowsTransparency="True"，那麼 WindowStyle只能為 None， VS2015 已經做到連動設定，只要勾選AllowsTransparency，後一個也跟著變了。但 VS2008 還是需要使用者分別設定，不然會報錯。

還有一個問題不得不提，AllowsTransparency="True" 之後就無法使用 WindowsFormsHost控制元件了，因為就算用了，WFH裡的任何控制元件也是透明無法顯示出來的，比如ReportViewer！

3.視窗任意空白地方實現滑鼠拖拽

標題列上有最大化最小化和關閉的按鈕，其中在登入視窗我們一般是不會使用最大化按鈕的。可是不得不說，標題列還有一個很實用的作用，就是可以拖拽整個視窗，使用者只要單擊標題列不放，就可以拖到桌面的任何地方。如今把標題列隱藏之後，該如何彌補呢？

為視窗新增一個 MouseLeftButtonDown 的事件，程式碼如下：

private void Window_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
      try
      {
        this.DragMove();
      }
      catch { }
    }

這樣就OK了！

注：網上有些範例裡，沒有用 try{}catch{}，而只有一行程式碼

this.DragMove();

如果在登入視窗，只有那麼幾個控制元件和事件的話，應該也是無大礙的。

在這裡筆者有個小小的經驗必須分享一下：

由於在主介面裡也使用了這種無標題列的視窗，滑鼠在Gridview上操作時，經常會引發異常崩潰。

所以筆者認為最好加 try...catch... 避免異常，哪怕是登入視窗也不例外。

4. 輸入密碼後按回車登入

很多網站會注意這種情況，輸入密碼後回車，系統就可以登入，這就是良好的使用者體驗。（當然，也有些網站不注意使用者體驗，使用者必須用滑鼠去點選登入的）

其實在密碼框新增一個 KeyDown 事件就可以

private void txt_Pwd_KeyDown(object sender, KeyEventArgs e)
    {
      switch (e.Key)
      {
        case Key.Enter:
          btn_login_Click(btn_login, null);
          break;

        default:
          break;
      }
    }

So easy ！

5. 按Enter(回車)跳到下一控制元件

提到回車登入，順便提一下，有些人不喜歡輸入使用者名稱後，又要用滑鼠移到密碼框，又鍵盤又滑鼠，比如筆者。

事實上 Tab鍵可以讓使用者在比較簡單的介面擺脫滑鼠，不過要注意在視窗設計時調好控制元件的 TabIndex 順序。

當然在此基礎上也可以加一個 Enter 設定的功能，只要在後臺程式碼重寫視窗的 OnKeyDown 事件，如下：

//按下回車後跳入下一個控制元件
    protected override void OnKeyDown(KeyEventArgs e)
    {
      if (e.Key == Key.Enter)
      {
        // MoveFocus takes a TraveralReqest as its argument.
        TraversalRequest request = new TraversalRequest(FocusNavigationDirection.Next);

        // Gets the element with keyboard focus.
        UIElement elementWithFocus = Keyboard.FocusedElement as UIElement;

        // Change keyboard focus.
        if (elementWithFocus != null)
        {
          elementWithFocus.MoveFocus(request);
        }
        e.Handled = true;
      }
      base.OnKeyDown(e);
    }

6. 執行時開啟登入視窗

登入視窗畢竟不是主視窗，登入後要關閉的，所以Startup的路徑不是登入視窗，但登入的時候是不能開啟主視窗的，如果使用者關閉登入視窗，退出程式。

實現方法：

專案下有一個App.xaml檔案，Startup 指向主視窗的路徑，然後開啟後臺程式碼 App.xaml.cs，重寫OnStartup事件，判斷一下登入視窗的 DialogResult 如果返回ture，就正常開啟主視窗，如果為 false，則關閉整個程式。程式碼：

//開啟登入視窗，成功後進入主視窗
    protected override void OnStartup(StartupEventArgs e)
    {
      try
      {
        OneInstanceOnly();//僅執行一個範例
//#if !DEBUG
        // 執行登入視窗
        Application.Current.ShutdownMode = System.Windows.ShutdownMode.OnExplicitShutdown;
        LoginWindow window = new LoginWindow();
        bool? dialogResult = window.ShowDialog();
        if (Utils.IsTrue(dialogResult))
        {
          base.OnStartup(e);
          Application.Current.ShutdownMode = ShutdownMode.OnMainWindowClose;
        }
        else
        {
          this.Shutdown();
        }
//#endif
      }
      catch (Exception ex)
      {
        UIUtils.ShowException(ex);
      }
    }

留意 ShutdownMode 的變化

作者：沐汐 Vicky
出處：http://www.cnblogs.com/EasyInvoice

以上就是C# WPF 建立無邊框（標題列）的登入視窗的範例的詳細內容，更多關於c# WPF 建立視窗的資料請關注it145.com其它相關文章！