C# WPF 建立無邊框(標題欄)的登錄窗口


前言:筆者最近用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 的變化

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM