中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計 > 設(shè)計理論 > 高分辨率下界面布局的解決方案
什么是交互設(shè)計 回到列表 Web與排版學(xué)上的字體問題
 高分辨率下界面布局的解決方案

作者:劉大鵬 時間: 2006-04-23 文檔類型:轉(zhuǎn)載 來自:UI花園

第 1 頁 高分辨率下界面布局的解決方案 [1]
第 2 頁 高分辨率下界面布局的解決方案 [2]
第 3 頁 高分辨率下界面布局的解決方案 [3]
第 4 頁 高分辨率下界面布局的解決方案 [4]

圖像

圖像是以光柵為基礎(chǔ)的文件,(比如說BMP、JPEG和GIF),如圖標(biāo)和鼠標(biāo)指針等。圖像相對于字體來說要更難處理一些,因為圖像是由離散的像素組成,如果當(dāng)前顯示分辨率和圖像設(shè)計時的分辨率不一致,那么圖像就需要根據(jù)正確的物理尺寸縮放,我們可以通過StrectchBlt() 函數(shù)縮放一個位圖而不是BitBlt(),當(dāng)圖像被Load時它可以輕易的幫助應(yīng)用系統(tǒng)縮放圖像,而且更準(zhǔn)確些。

BITMAP info;
GetObject (bitmap, sizeof (info), (PTSTR) &info);
HDC hdcBitmap = CreateCompatibleDC (target);
SelectObject (hdcBitmap, bitmap);

StretchBlt (target, x, y,
SCALEX (info.bmWidth), SCALEY (info.bmHeight),
hdcBitmap, 0, 0, info.bmWidth, info.bmHeight, SRCCOPY);
DeleteDC (hdcBitmap);

當(dāng)然,縮放肯定會衰減圖像的質(zhì)量,尤其是當(dāng)從一個小的分辨率放大到一個大分辨率的時候;而且縮小也有一些問題,缺省是拉伸模式COLORONCOLOR,它運算雖然快速,但是會丟失一些細(xì)節(jié),HALFTONE方式拉伸運算速度很慢,但是質(zhì)量會更高,(GDI+提供了一個擴(kuò)展的選項)。

SetStretchBltMode (hdc, HALFTONE);
需要特別指出的是ICO和.CUR文件是可以在一個單獨的文件中存儲多個圖片的文件,那么我們就需要在多種分辨率下設(shè)計不同的圖片,建議使用GetSystemMetrics()來解決,那么如果必須縮放的話,系統(tǒng)將會替我們選擇合適的圖片。但是BMP或其它很多種文件合適是不支持在一個單獨的文件中存儲多個文件的,但是我們可以通過判斷來確定在Load的時候選擇建立哪個文件。

If (GetDeviceCaps (hdc, LOGPIXELSX) < 130) Bitmap = LoadBitmap (hInstance, (char*) IDB_BITMAP1);
Else Bitmap = LoadBitmap (hInstance, (char*) IDB_BITMAP2);

對于特殊的ICON和鼠標(biāo)指針,目前我們采用的是標(biāo)準(zhǔn)的16×16 pixel 和 32×32 pixel大小,高分辨率的應(yīng)用程序最大可以支持到64×64 pixel,當(dāng)然這是在不改動注冊表的前提下。理想的情況是在每個主要的分辨率下都有相應(yīng)的大圖標(biāo)和小圖標(biāo)。

如果使用Comctl2.0提供的圖片序列(HIMAGELIST),需要在放置到序列里面之前把它們縮放到合適大小,一個更好的選擇是使用最新的comctl6.0,但是這只在Windows XP下支持,最新的控件支持會自動縮放它們在不同的分辨率下(halfton StrechBlt)。

界面布局

版面是另一個會導(dǎo)致在高分辨率下出現(xiàn)問題的環(huán)節(jié),很多對話框都使用對話單位(DLU)作為規(guī)格設(shè)置單位,因為它可以隨著系統(tǒng)分辨率而自動運算縮放變化;但是一些自定義的界面上常常需要被我們重新手動轉(zhuǎn)換并且設(shè)定,因為有很多界面或?qū)υ捒蚶碚撋瞎ぷ髟谙袼叵,我們可以重新?guī)劃界面和對話框的設(shè)定,比如說完全使用對話單位,盡管我們也可以調(diào)用SetWindowPos()提供的方法,或者可以拋棄關(guān)于DPI的假設(shè)繼續(xù)工作,使用system metrics來自動處理這些字體和控件之間的關(guān)聯(lián)。

出處:UI花園
責(zé)任編輯:moby

上一頁 高分辨率下界面布局的解決方案 [2] 下一頁 高分辨率下界面布局的解決方案 [4]

相關(guān)文章 更多相關(guān)鏈接
Web與排版學(xué)上的字體問題
中文字體設(shè)計
一組手機ICON 和界面
像table一樣布局div
玩轉(zhuǎn)圖像函數(shù)庫—常見圖形操作
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:3/41個記錄/頁 轉(zhuǎn)到 頁 共4個記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2