iT邦幫忙

2021 iThome 鐵人賽

DAY 1
1
自我挑戰組

一起用python寫UI系列 第 1

Day1 用python寫UI-前言

/images/emoticon/emoticon30.gif
哈囉,大家好,我是即將要升大三的老屁股Ψ( ̄∀ ̄)Ψ,在一切因緣際會下決定要做用python寫UI這個主題,剛好對 Python 的語法也有一些經驗,所以就這樣定案了(@^0^@)/
/images/emoticon/emoticon37.gif
希望這30天的內容可以幫助到需要的捧油們,也可以加強程式語言能力,在這30天努力堅持下去~有任何問題都很歡迎留言討論喔~(∩^o^)⊃━☆

♠♣今天的文章大綱♥♦

  • 這30天的內容
  • UI & UX 的謎之關係
  • UI&tkinter
  • 參考書籍

這30天的內容o( ̄▽ ̄)d

Day1用python寫UI-前言
Day2用python寫UI-聊聊tkinter的基本操作~
Day3用python寫UI-聊聊視窗控件配置管理員-pack方法
Day4用python寫UI-聊聊視窗控件配置管理員-grid方法
Day5用python寫UI-聊聊視窗控件配置管理員-place方法
Day6用python寫UI-聊聊標籤Label方法(一)
Day7用python寫UI-聊聊標籤Label方法(二)
Day8用python寫UI-聊聊功能鈕Button
Day9用python寫UI-聊聊Message & Messagebox
Day10 用python寫UI-聊聊文字方塊Entry
Day11 用python寫UI-聊聊變數類別
Day12 用python寫UI-聊聊選項鈕與核取方塊
Day13 用python寫UI-聊聊Frame
Day14 用python寫UI-聊聊Scale
Day15 用python寫UI-聊聊Spinbox
Day16 用python寫UI-聊聊Binding events
Day17 用python寫UI-聊聊Listbox基本操作
Day18 用python寫UI-聊聊Listbox與事件綁定
Day19 用python寫UI-聊聊OptionMenu
Day20 用python寫UI-聊聊Combobox
Day21 用python寫UI-聊聊PanedWindow & Notebook
Day22 用python寫UI-聊聊Progressbar
Day23 用python寫UI-聊聊Menu
Day24 用python寫UI-聊聊Text(一)
Day25 用python寫UI-聊聊Text(二)
Day26 用python寫UI-聊聊Text(三)
Day27 用python寫UI-聊聊Treeview(一)
Day28 用python寫UI-聊聊Treeview(二)
Day29 用python寫UI-聊聊Canvas(一)
Day30 用python寫UI-Canvas(二)
/images/emoticon/emoticon07.gif


UI & UX 的謎之關係

有 UI 沒 UX,就像畫家不經思考就隨意潑墨到畫布上,沒人看得懂;有 UX 沒 UI,就像雕像有了雛形,卻沒塗上混凝土。引用自 : 經理人

從上述這段話可以很明顯的知道,UI跟UX之間有著重要的關聯,那麼UI是什麼? UX又是什呢?

UX的英文全名是** User Experience 使用者體驗**,這是在做網頁很重要的一部分,其實也不一定只有網頁,有許多新產品開發都需要使用者體驗,能給這些產品回饋,讓開發人員做出更好的產品上市,設計師需要先設計出流暢的使用流程且有系統的邏輯規劃,接著再到UI的部份去做美化。

UI的英文全名是** User Interface 使用者介面設計**,就是整個介面的視覺設計,設計師要去美化整體的視覺觀感,要考慮到顏色、字型、字體大小、配置安排,還有整體風格配色等等。

由此可知,UI與UX是相輔相成的,兩者在產品開發上都有著重要的地位。


UI&tkinter

介紹一下要使用的 Python tkinter 吧~
TK 是一個 open source 開放原始碼的圖形介面工具,它有需多圖形介面的元件,如:Label標籤、Button按鈕等等元件,目前這個工具在 Python 裡有內建模組,所以只須宣告個模組就可以使用囉~

import tkinter as tk

print(tk.TkVersion)

輸入上面的程式碼就可以知道自己的TK版本了⬇⬇⬇
https://ithelp.ithome.com.tw/upload/images/20210913/20140047ohWM1p41Eb.png


參考書籍:

https://ithelp.ithome.com.tw/upload/images/20210913/20140047DEboqcHcaj.jpg
Python GUI 設計活用 tkinter 之路 王者歸來 (火力加強版)


下一篇
Day2 用python寫UI-聊聊tkinter的基本操作~
系列文
一起用python寫UI30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言