WPF 登陸介面

2021-09-24 12:28:43 字數 1787 閱讀 1413

效果圖

(黑色是我的桌面)

圓角登入框

以下基於wpf。

一開始最先要的效果就是圓角窗體,單純出於美觀的心態,但是人是不滿足的,改了一點就像再有一點。哈哈哈

更改預設

其實就是將原有的窗體變隱藏,然後搞乙個新的出來。

windowstyle="none" allowstransparency="true" background="transparent"
將窗體設為透明,是如何實現的呢。

windowstyle="none"
去除了窗體邊框

allowstransparency="true"
允許透明

background="transparent"
窗體透明

以上三者請搭配使用。如此我們就擁有了乙個透明底層。

設定圓角

設定圓角這邊用到了border屬性。

borderthickness="1"
改變窗體的粗細,數值肖線條細,那麼粗線條肯定與之相反拉。

borderbrush="darkgray"
設定邊框的顏色,這邊我這是的暗灰,想使用怎樣的顏色對應到相對的顏色就好。

cornerradius="20,20,20,20"
通過cornerradius來設定圓角,而後面的數值則是我們想要角彎曲的角度,想彎曲的角度大就把數值設定的大一點,想要低調的角度就把數值設定的小一點。

效果圖:

現在獲得了我們想要的畫布。如果想要透明效果的話通過opacity="0.7"來設定。

姓名與密碼框

在這一部分預先效果是在沒有輸入內容的時候有文字提示,當文字框獲得焦點時文字提示消失。

text框變成一條線

borderthickness="0,0,0,1"
通過此屬性進行修改,這樣可獲得乙個之後下橫線的text框,本質就是值顯示乙個框線。

未獲得焦點有文字提示,獲得後消失

至於文字可以直接通過text="請輸入姓名"來設定

圖形化按鈕

將按鈕變為,其實就是給控制項貼嘛,舉個例子:你的鍵帽本來黑色,但是你不喜歡你換成的紅色的鍵帽,他本質來講還是履行了自己的鍵值本職,而我們更改鍵帽只是更改了它的外貌而已。所以只需要附個就行,就不寫了。

去除背景條框

在我們新增了之後會發現周圍還是有控制項原有的邊框的,這樣很不美觀,通過borderbrush=""即可輕鬆去除

因為wpf中屬性等需要自己寫,這裡寫了主要想實現效果的部分,其餘部分就跳過了。寫的不好的地方請多多斧正。

C 登陸介面

在c 中從登陸介面進入主介面,進入主介面以後怎麼關閉登陸介面 有很多方法,我就說兩種 方法一 在登入介面的登入按鈕的單擊事件下,寫 這種情況其實把主介面看作登入介面的子窗體。只是把登入介面隱藏,它還存在於記憶體中,不過一般登入介面很小,不佔多少資源,也無所謂。private void btnlogi...

登陸介面by VUE elementUI

過來一遍vue基礎於是想嘗試先寫乙個登陸介面先做準備,為後面的學習開個頭,ui元件選用的是elementui。login style display flex justify content center login1 style text align center position absolut...

python 登陸介面

1 coding utf 8 2 author steven kang 3 4 import os,sys,getpass 匯入os,sys,getpass 模組 5 u 0 使用者的迴圈次數 6 while u 3 7 username input 請輸入您的使用者名稱 使用input 讓使用者輸...