整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
形用戶界面(Graphical User Interface，簡稱 GUI，又稱圖形用戶接口)是指采用圖形方式顯示的計算機操作用戶界面。與早期計算機使用的命令行界面相比，圖形界面對于用戶來說在視覺上更易于接受。然而這界面若要通過在顯示屏的特定位置，以"各種美觀而不單調的視覺消息"提示用戶"狀態的改變"，勢必得比簡單的消息呈現花上更多的計算能力。
GUI概述
圖形用戶界面(Graphical User Interface，簡稱 GUI，又稱圖形用戶接口)是指采用圖形方式顯示的計算機操作用戶界面。與早期計算機使用的命令行界面相比，圖形界面對于用戶來說在視覺上更易于接受。然而這界面若要通過在顯示屏的特定位置，以"各種美觀而不單調的視覺消息"提示用戶"狀態的改變"，勢必得比簡單的消息呈現花上更多的計算能力。在 GUI 中，并不只是鍵入文本和返回文本，用戶可以看到窗口、按鈕、文本框等圖形，而且可以用鼠標單擊，還可以通過鍵盤鍵入，GUI 是與程序交互的一種不同的方式。
Python GUI常用框架
Flexx
Flexx是一個純Python工具包，用于創建圖形用戶界面（GUI），它使用Web技術進行渲染。 應用程序完全用Python編寫；PScript轉換器動態生成必要的JavaScript。
項目地址：https://github.com/flexxui/flexx入門指南：https://flexx.readthedocs.io/en/stable/guide/index.html安裝Flexx需要Python 3.5+，也適用于pypy。 此外，它還依賴以下的庫：
要安裝最新版本（和依賴項），請使用以下任一命令：
pip install flexxconda install flexx -c conda-forge或者用以下方法來獲得更新：
pip install https://github.com/flexxui/flexx/archive/master.zip
wxPython
wxPython是用于Python編程語言的跨平臺GUI工具箱。它允許Python程序員輕松，輕松地創建具有健壯，功能強大的圖形用戶界面的程序。它是作為一組Python擴展模塊實現的，這些模塊包裝了用C ++編寫的流行wxWidgets跨平臺庫的GUI組件 。官網：https://www.wxpython.org/
Kivy
Kivy是開源Python函式庫，用于開發行動應用程序和其它采用自然用戶界面的多點觸控應用軟件。它可以在Android，iOS，Linux，OS X和Windows執行。采用MIT授權條款，Kivy是自由并且開源的軟件。
官網：https://kivy.org/
PyQt
PyQt是Qt公司 Qt應用程序框架的一組Python v2和v3綁定，可在Qt支持的所有平臺上運行，包括Windows，OS X，Linux，iOS和Android。PyQt5支持Qt v5。PyQt4支持Qt v4，并將針對Qt v5進行構建。綁定是作為一組Python模塊實現的，包含1000多個類。官網：https://www.riverbankcomputing.com/software/pyqt/intro
Tkinter
Tkinter 是使用 python 進行窗口視窗設計的模塊。Tkinter模塊("Tk 接口")是Python的標準Tk GUI工具包的接口。作為 python 特定的GUI界面，是一個圖像的窗口，tkinter是python 自帶的，可以編輯的GUI界面，我們可以用GUI 實現很多直觀的功能，比如想開發一個計算器，如果只是一個程序輸入，輸出窗口的話，是沒用用戶體驗的。所有開發一個圖像化的小窗口，就是必要的。
索引：https://wiki.python.org/moin/TkInter
Pywin32
Windows Pywin32允許你像VC一樣的形式來使用PYTHON開發win32應用。代碼風格可以類似win32 sdk，也可以類似MFC，由你選擇。如果你仍不放棄vc一樣的代碼過程在python下，那么這就是一個不錯的選擇。項目地址：https://github.com/mhammond/pywin32
PyGTK
PyGTK讓你用Python輕松創建具有圖形用戶界面的程序
官網：https://pygobject.readthedocs.io/en/latest/
創建應用程序
使用wxPython框架
安裝
Windwos與MAC平臺使用pip工具安裝wxPython只需要一行命令：pip install -U wxPython
Linux平臺：
由于發行版和wx端口（GTK2或GTK3）有多種選項，因此文件不能全部位于同一文件夾中，以便通過pip輕松訪問。這只是意味著您需要進一步細化以找到要提供給pip的URL。例如，要獲取適用于Ubuntu 16.04（和16.10，LinuxMint 18以及其他版本）的GTK3 wxPython構建，可以使用如下pip命令：
pip install -U \
-f https://extras.wxpython.org/wxPython4/extras/linux/gtk3/ubuntu-16.04 \
wxPython準備
注意：本部分知識來源與網絡使用wxPython之前，先了解兩個基礎對象：應用程序對象和頂級窗口。應用程序對象管理主事件循環，主事件循環是wxPython程序的動力。如果沒有應用程序對象，wxPython應用程序將不能運行。頂級窗口通常用于管理最重要的數據，控制并呈現給用戶。兩個基礎對象和應用程序的其他部分之間的關系如下圖所示：
這個應用程序對象擁有頂級窗口和主循環事件。頂級窗口管理其窗口中的組件和其他的分配給它的數據對象。窗口和它的組件觸發的事件基于用戶的動作，并接受事件通知以便改變顯示。
Hell Word
代碼：import wx
app=wx.App(False)
frame=wx.Frame(None,wx.ID_ANY,"Hello,world!!!_Linux就該這么學")
frame.Show(show=True)
app.MainLoop()
解析：
注意：
Python GUI界面編程-初識篇到此結束，感謝您的閱讀，愿您可從此文獲取收獲。
本文原創地址：https://www.linuxprobe.com/python-gui-gettoknow.html編輯：坑人小妖精，審核員：逄增寶
插件是基于bootstrap3進行開發，可以不使用代碼快速構建前端頁面。
使用范疇：
1.前端不想寫代碼，拖拽就可以構建前端代碼。
2.構建多種頁面，構建自己的資料庫。
3.可以做成產品，讓用戶自定義頁面。
色大氣全屏背景通用登錄頁面html模板是一款適用于PC端和手機端的登錄界面模板、APP登錄界面模板。現在就業非常重要的一個項目你準備好了嗎？下午小編教你從無到有的敲代碼敲出自己博客最重要的項目 高薪就業輕松2倍。
<!DOCTYPE html>
<html lang="en">
<head>
<title>藍色登錄界面HTML代碼</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--圖標樣式-->
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--布局框架-->
<link rel="stylesheet" type="text/css" href="css/util.css">
<!--主要樣式-->
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div class="limiter">
<div class="container-login100" style="background-image: url('images/img-01.jpg');">
<div class="wrap-login100 p-t-190 p-b-30">
<form class="login100-form validate-form">
<div class="login100-form-avatar">
<img src="images/avatar-01.jpg" alt="AVATAR">
</div>
<span class="login100-form-title p-t-20 p-b-45">Hello</span>
<div class="wrap-input100 validate-input m-b-10" data-validate="請輸入用戶名">
<input class="input100" type="text" name="username" placeholder="用戶名" autocomplete="off">
<span class="focus-input100"></span>
<span class="symbol-input100">
<i class="fa fa-user"></i>
</span>
</div>
<div class="wrap-input100 validate-input m-b-10" data-validate="請輸入密碼">
<input class="input100" type="password" name="pass" placeholder="密碼">
<span class="focus-input100"></span>
<span class="symbol-input100">
<i class="fa fa-lock"></i>
</span>
</div>
<div class="container-login100-form-btn p-t-10">
<button class="login100-form-btn">登 錄</button>
</div>
<div class="text-center w-full p-t-25 p-b-230">
<a href="#" class="txt1">忘記密碼？</a>
</div>
<div class="text-center w-full">
<a class="txt1" href="#">
立即注冊
<i class="fa fa-long-arrow-right"></i>
</a>
</div>
</form>
</div>
</div>
</div>
<script src="vendor/jquery/jquery-1.12.4.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
大家需要這個項目css代碼，js，圖片做練習的可以找我免費領取，如果大家不怕麻煩可以關注我后私信我“前端學習資料”幾個字 找我領取 24小時在線！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
