星期二, 11月 22, 2011

C# 應用程式-花介面(待續...)

關鍵字:C# 應用程式 造型 特殊 不規則 表單 設計

花花介面

PPT.cc縮圖服務

這年頭電腦離線用的"應用程式"真的少到不行,幾乎都跑到雲上去跑了,

更別說有一些特殊造型的介面軟體,幾乎看不到,大家都是中規中矩的四四方方的造型。




word (這沒話說,大家閨秀型,方正)

PPT.cc縮圖服務


FileZilla Client (FTP 上傳軟體)

PPT.cc縮圖服務

仔細找了一下,除了音樂播放軟體,可能要貼近年輕人,有可能有酷炫造型外,其他都沒有。

PPT.cc縮圖服務

也或許要符合大眾,從善如流,所以大家在設計程式畫面時,都不會有ㄧ些特殊造型,

當然如果在程式公司與年長者共事,那更不用說,畫面一定要方方正正,否則就是亂來。

愛搞怪的KT,當然非常不喜歡方方正正的介面,醜死了。

難道不能來一點創新介面嗎???

PPT.cc縮圖服務

沒錯!沒錯! KT今天又要介紹,「學校沒教的事 - 花介面」。

一般來說,學校介紹完,程式基本工具,課程就差不多結束了,

很少會像KT還會在講一下"里里叩叩"的東西,隨便舉一個例子,

一般用Visual C#好不容易弄出一個程式後, 就以為大功告成,

可是還有很多恐怖的事在後頭,假設你的程式要供廣大網路玩家使用,

如果沒有刻意去"釘死"元件位置,你會發現,當你換了一台,不一樣的"解析度",

你原本已經寫好的程式擺好的元件會亂七八糟,包你看到會嚇死你自己,

所以通常一般寫好的程式,沒有一定程序的測試,一定會有很多"阿賽布魯"的問題出現。

而要解決程式介面擺放位置,不會因為解析度改變,而元件位置改變,這問題其實一直都是,

使用者介面(UI)程式工程師,長久的痛,每個程式平台幾乎都會有這個問題,

Visual C# 當然也不例外,能解決方式有很多種,

像目前 KT使用的是:

1.滑鼠點選表單
2.屬性視窗裡有一個 AutoScaleMode 的屬性設為 "None"

PPT.cc縮圖服務

這樣可以防止不會因為解析度不同而造成元件位置"花掉"。

相對這樣也會有其他引來的問題,

如當你程式畫面很大,但螢幕解析度很小就可能會跑出畫面。

(所以這招是偷懶,但不要懷疑這招很多知名國際軟體大廠,

也都跟KT一樣的偷懶,當下次你使用某軟體,

發現程式畫面太大,跑出螢幕畫面,有些按鈕怎樣按都按不到,就是用這個偷呷步)

當然這樣不是很正確的作法,而其他較正確做法,如:先解析,電腦畫面解析度,

然後在根據不同解析度去調整元件大小。

如MSDN 某玩家的例子 (解析度不同時,控制項的大小與字型,隨解析度更新正確大小?):


ctl.Height = ctl.Height * (My.Computer.Screen.Bounds.Height / 768)
ctl.Width = ctl.Width * (My.Computer.Screen.Bounds.Width / 1024)
ctl.Top = ctl.Top * (My.Computer.Screen.Bounds.Height / 768)
ctl.Left = ctl.Left * (My.Computer.Screen.Bounds.Width / 1024)


呵呵呵!!!當然如果你的元件有100個以上,這作法確實是一件大工程。

當然如果只是寫寫自己玩的軟體或交交作業,那當然就不用考慮那麼多。



另一個花介面,要探討主題是,就真的是花介面,呵呵呵!!!

程式名稱: 眼睛花花,提醒眨眼程式
作者:Calvin Huo (TW-HKT)
下載點: (此程式勿來信索取 ><""")

功能介紹:
1.每隔30分鐘,就有豆花妹親切的聲音,跟你說要眨眨眼睛。
2.點選左下角,可以播放"情豆花開"專輯共10首MP3歌曲。
3.可設定時間排程,提醒特定時間需做的事。
4.左上角,可以抓取播放網路豆花妹相關圖片。
5.中間文字部分,可以抓取播放豆花妹最新新聞。
PPT.cc縮圖服務

當然這樣的介面程式如果公開散布發售,未經他人(豆花妹)同意,

使用他人肖像,會有侵犯他人肖像權的問題。這裡做的是最不好的示範。

所以此程式只是在這DEMO一個畫面給大家看,本站無提供任何載點,純粹KT個人自製珍藏。


最好的 UI 做法,當然是請自家的美工商業設計部,來設計UI (使用者介面),

或找自家公關行銷部,與經紀公司洽談相關事宜,以免觸法。


而目前KT要介紹的就是如何設計一個像這樣的花花介面,

相對的如果你要設計一個像iPhone 或 iPad的程式介面也是一樣如法炮製,

但前提之下一定要記得,若無相關圖片所有使用權,請勿隨意散播或販賣,這是觸法的。


(待續...)

1 則留言 :

回覆意見時,麻煩輸入一下暱稱
(隨便取個名字也好~ ^_^)
好讓我方便回覆您的問題,
選擇「名稱/網址」輸入您的暱稱,
麻煩一下,謝謝大家。

關閉廣告 [X]