Windows phone 7應(yīng)用一直沒(méi)有時(shí)間去做,上周在APP Store的論壇上看到一個(gè)國(guó)外DVP寫(xiě)了一篇Twitter在Wp7上客戶(hù)端,仔細(xì)看了一下覺(jué)得很簡(jiǎn)單,只是單一利用WP7獲取Twitter上信息列表. 國(guó)內(nèi)的微博我只玩過(guò)163網(wǎng)易的,但是可惜的是并沒(méi)對(duì)開(kāi)發(fā)人員開(kāi)放API. 反而Sina推出了自己微博的API訪(fǎng)問(wèn)接口. 而且還出了相關(guān)SDK.

　　仔細(xì)看了API文檔很詳細(xì), 嘗試把Sina的微博移植WP7客戶(hù)端上,注冊(cè)了一個(gè)新浪賬號(hào)覺(jué)得Sina的微博界面有些過(guò)于簡(jiǎn)陋了.而且給我的第一感覺(jué)對(duì)頁(yè)面色調(diào)的搭配上有些不舒服.總體布局是4:1左右比例, 圖片的邊框有些太過(guò)明顯,sina微博雖然給我第一感覺(jué)并不太好,但功能確實(shí)比網(wǎng)易的要豐富. 決定逐步的把Sina MiniBlog[微博]移植到WP7客戶(hù)端上.本篇關(guān)于客戶(hù)端UI設(shè)計(jì) 展示只做了兩個(gè)界面.

　　Wp7在安裝附帶有一個(gè)Express Bland 4設(shè)計(jì)器, Vs2010中關(guān)于如果做UI設(shè)計(jì) 總覺(jué)得界面太小 想對(duì)屬性都是通過(guò)編碼方式確定 嘗試一番很耗費(fèi)時(shí)間久放棄了,對(duì)于開(kāi)發(fā)人員來(lái)說(shuō)Express Bland設(shè)計(jì)器很多人第一直覺(jué)是抗拒的. 但是我使用完之后才知道設(shè)計(jì)器所帶方便.

　　關(guān)于WP7上Sina客戶(hù)端 我打算逐步迭代方式把功能完善上來(lái).對(duì)于WP7 的UI設(shè)計(jì)第一次做,色調(diào)搭配以及模板設(shè)計(jì)完全是按照自己設(shè)想去做. 有可能不太合適,也希望有人提出更好建議.打開(kāi)Express Bland 4工具 新建一個(gè)Project.:命名SinaMiniBlogWP7Demo

　　創(chuàng)建解決方案結(jié)構(gòu):

　　創(chuàng)建WP7上Sina客戶(hù)端登陸頁(yè)面:LoginFrom.xaml先看看UI效果:

　　Sina鏈接API需要提供一個(gè)指定登陸賬戶(hù).登陸微博WP7上客戶(hù)端.登陸之后顯示主頁(yè)面設(shè)計(jì)UI如下:

　　如上展示模板.靜態(tài)數(shù)據(jù).初步設(shè)想是登陸WP7上Sina客戶(hù)端后用戶(hù)能夠同Web頁(yè)面一樣操作自己的微博.而不是單一預(yù)覽自己微博信息.發(fā)布自己微薄信息模板[功能上加上圖片 超級(jí)鏈接等]：

　　微博信息及時(shí)瀏覽列表靜態(tài)單一模板:

　　經(jīng)常用微博的用戶(hù)應(yīng)該都知道,微博列表不僅可以發(fā)表單一信息 同時(shí)還可以發(fā)表豐富圖片文字信息, 并且支持他人回復(fù)評(píng)論,收藏和轉(zhuǎn)發(fā)等基本功能,鑒于此我特別比對(duì)自己比較熟悉的網(wǎng)易,初步分析三個(gè)微博預(yù)覽模板,如上只是單一文字信息模板,：

　　模板A:包含圖片 文字 超鏈接富文本顯示模板 設(shè)計(jì)效果如下:

　　模板B:針對(duì)某條微博信息附帶有文字或圖片評(píng)論模板 設(shè)計(jì)效果如下:

　　如上市附帶評(píng)論文字信息模板,.對(duì)于附加圖片的模板正在制作,另外對(duì)于有人也提出是否在回復(fù)人前面加上相關(guān)的個(gè)人圖像類(lèi)似QQ,但我覺(jué)得這樣一來(lái)就反而使頁(yè)面更加混亂 信息失去重點(diǎn),另外一個(gè)很實(shí)際問(wèn)題 會(huì)給更多的人產(chǎn)生必要信息流量, 類(lèi)似出現(xiàn)多條評(píng)論時(shí) 加以隱藏是一個(gè)觸控按鈕,對(duì)于單一列表 如果用戶(hù)采用觸屏方式當(dāng)已到達(dá) 列表地步就會(huì)自動(dòng)瀏覽加載更多信息和列表.

　　在發(fā)布微博信息那個(gè)頁(yè)面也有人提出是否單獨(dú)建立一個(gè)頁(yè)面,附加更多表情和圖片 在目前操作不便, 畢竟屏幕寬度有限,.這個(gè)問(wèn)題正在考慮。如上市關(guān)于Sina微博在WP7上UI設(shè)計(jì)初步設(shè)想,歡迎各位在留言中提出相關(guān)建議.

it知識(shí)庫(kù)：Windows Phone 7應(yīng)用之新浪微博——UI設(shè)計(jì)，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。