市場(chǎng)需求的win8圖片系統(tǒng)設(shè)計(jì)

精品文檔-下載后可編輯市場(chǎng)需求的win8圖片系統(tǒng)設(shè)計(jì)一、引言

圖片瀏覽系統(tǒng)是基于Windows8.1的Metro風(fēng)格的一種應(yīng)用，它通過Window商店提供給用戶使用。圖片瀏覽系統(tǒng)采用目前最先進(jìn)的Windows8.1觸控技術(shù)，整個(gè)界面完全按照Windows8.1的界面風(fēng)格來設(shè)計(jì)，便于用戶使用觸摸控制的方式來使用。由于Windows8.1在照片欣賞類軟件方面還比較匱乏，因此圖片瀏覽系統(tǒng)的開發(fā)是一款具有創(chuàng)新性的圖片瀏覽應(yīng)用程序。

二、圖片瀏覽系統(tǒng)的設(shè)計(jì)

（一）MVVM

該項(xiàng)目使用了MVVM的模式，使視圖層和業(yè)務(wù)層分離，這樣就允許更改視圖層代碼而不用重新編譯模型和控制器代碼。同樣，一個(gè)應(yīng)用的業(yè)務(wù)流程或者業(yè)務(wù)規(guī)則的改變只需要改動(dòng)MVVM的模型層即可。因?yàn)槟Ｐ团c控制器和視圖相分離，所以很容易改變應(yīng)用程序的數(shù)據(jù)層和業(yè)務(wù)規(guī)則。

（二）功能模塊設(shè)計(jì)系統(tǒng)共由五大模塊組成

具體包括：照片選擇模塊、照片欣賞模塊、日志地圖模塊、3D照片墻模塊和分享、搜索及設(shè)置模塊。1、照片選擇模塊的功能是用來實(shí)現(xiàn)軟件對(duì)照片文件的篩選處理。圖片瀏覽系統(tǒng)要進(jìn)行選取照片的操作，需要在本機(jī)上尋找照片文件源。在Windows8.1的操作系統(tǒng)環(huán)境下查找照片文件變的非常簡(jiǎn)單，它不是傳統(tǒng)意義上的打開盤符一個(gè)一個(gè)文件查找，而是通過選擇對(duì)應(yīng)的文件位置，層次性獲取文件，并將獲取后的文件的顯示方式如同Windows8.1的Metro風(fēng)格的圖標(biāo)效果展示出來；同時(shí)云的加入使其更具有實(shí)用性。2、照片欣賞模塊可以讓用戶更加的了解照片，本模塊包括照片快速切換，快速查看照片地理位置信息、照片詳細(xì)信息，簡(jiǎn)單照片管理等?？焖偾袚Q：輕掃觸摸屏頂部邊緣即可顯示圖片集合縮略圖，點(diǎn)擊用戶想要查看照片的縮略圖，即可切換到照片的詳細(xì)瀏覽，能夠快速查看到該照片的詳細(xì)信息，快速選擇欄下的縮略圖可根據(jù)圖片大小自動(dòng)調(diào)整縮略圖大小及長(zhǎng)寬比。查看地理信息：?jiǎn)螕羝聊蛔笊辖堑摹帮@示地圖”按鈕，即可顯示關(guān)于照片的地理信息的小地圖（如果照片有地理拍攝位置），單擊小地圖上的加減按鈕可以迅速放大和縮小地圖，這樣用戶可以快速了解照片的地理位置信息，單擊小地圖左上角的選擇控件可以以空中、鳥瞰、道路等瀏覽方式進(jìn)行瀏覽。照片詳細(xì)信息：在欣賞照片的同時(shí)，圖片瀏覽系統(tǒng)可以讀取照片的相關(guān)信息，包括照片的名稱、路徑、相機(jī)品牌、相機(jī)型號(hào)、拍攝日期、照片的高度及寬度、照片地理位置的經(jīng)度和緯度。對(duì)于某些照片的所在照片路徑名稱過長(zhǎng)，本應(yīng)用會(huì)對(duì)其智能截取換行處理。簡(jiǎn)單照片管理：照片管理包括刪除、復(fù)制等操作。為了與軟件的簡(jiǎn)單明了的操作體驗(yàn)相匹配，圖片瀏覽系統(tǒng)把刪除的按鈕放在菜單欄里，用戶輕掃觸摸屏底部邊緣即可顯示菜單欄，這樣的設(shè)計(jì)不占用軟件的界面空間而提高用戶視覺體驗(yàn)。單擊“刪除”按鈕即可快速刪除照片，在快速選擇欄中的縮略圖也會(huì)隨之消失，刪除的照片可在回收站中找到，“復(fù)制”按鈕采用類似瀏覽文件的視角效果，用戶可以快速選取文件的位置(包括云)，以實(shí)現(xiàn)照片的復(fù)制。

（三）日志地圖模塊可以按照地理位置分類照片

相冊(cè)作為一款圖片瀏覽軟件，擁有這種特殊的圖片分類方式，可以提高尋找圖片效率。日志地圖運(yùn)用Bing地圖的有關(guān)技術(shù)，使用本地圖片分類查看，能夠有效減少網(wǎng)絡(luò)流量和加快地圖加載速度，并且更加適合觸屏操作，自定義控件的加入使日志地圖更加有聲有色，智能分析地圖區(qū)域范圍內(nèi)的照片，使其達(dá)到最好的顯示效果。（四）3D照片墻模塊是一種特殊的瀏覽方式，能對(duì)圖片增加3D顯示效果，從而增加用戶對(duì)本應(yīng)用的興趣。圖片瀏覽系統(tǒng)中對(duì)應(yīng)的照片使用了動(dòng)畫的效果，它以動(dòng)態(tài)的Binding去綁定路徑，并使用UIElement.Projection中的屬性去控制其切換和投影，以及使用Storyboard去控制動(dòng)畫的效果以及切換的時(shí)間、角度、旋轉(zhuǎn)次數(shù)等內(nèi)容。

三、圖片瀏覽系統(tǒng)的實(shí)現(xiàn)

根據(jù)前面的設(shè)計(jì)，系統(tǒng)采用MVVM進(jìn)行實(shí)現(xiàn)的。這里以日志地圖為例介紹具體的實(shí)現(xiàn)過程。首先需要在必應(yīng)開發(fā)者中心注冊(cè)開發(fā)者賬號(hào)，安裝相應(yīng)的SDK，搭建好相關(guān)環(huán)境。其次在使用Map控件的時(shí)侯需要賦予Map控件的Credentials及HomeRegion屬性，用于進(jìn)行開發(fā)者信息校驗(yàn)及設(shè)定地圖首頁。在相關(guān)工作完成后調(diào)用GetUserImages方法獲取用戶圖片路徑信息，之后傳給locationIcon_onnews方法進(jìn)行圖片地理位置的解析，以上工作完成后使用SetImages方法把圖片按照相應(yīng)位置放進(jìn)Map控件中即可。目前為止，日志地圖功能已全部實(shí)現(xiàn)，在實(shí)際運(yùn)行中發(fā)現(xiàn)，由于地圖縮放比例原因，導(dǎo)致圖片顯示過小，用戶交互體驗(yàn)差等問題出現(xiàn)。所以增加CalculateDistance方法進(jìn)行計(jì)算圖片之間的距離以確定地圖縮放比例，已達(dá)到圖片大小顯示適當(dāng)?shù)哪康摹?/p>

圖片瀏覽系統(tǒng)的開發(fā)采用了最新VisualStudio2022Update2的Windows8.1虛擬開發(fā)環(huán)境，并采用Blend做動(dòng)畫處理。Windows8.1自上市以來，國(guó)產(chǎn)軟件在