模態(tài)視圖
模態(tài)視圖用于在當(dāng)前任務(wù)或工作流中提供獨立封裝的功能。
外觀和行為
模態(tài)視圖會把整個程序屏幕折起來，讓用戶知覺到一個獨立、臨時的狀態(tài)，供他們完成某些任務(wù)。
合適的話，模式視圖可以拿來呈現(xiàn)文字、以及用于執(zhí)行某個任務(wù)的控件。在模態(tài)視圖上通常會有完成任務(wù)關(guān)閉對話框的按鈕，或者有個放棄任何改動的“取消”按鈕。
指南
當(dāng)需要在主程序上給用戶提供完成某個子任務(wù)的獨立空間時，可以考慮使用模態(tài)視圖。有些子任務(wù)需要很多步驟，而且平時沒必要把這些控件一直放在屏幕上，這種情況適合采用模態(tài)視圖。
在iPad上，選擇與當(dāng)前任務(wù)以及程序的視覺樣式相匹配的模態(tài)視圖風(fēng)格。你可以選用：
全屏（full screen）。覆蓋整個屏幕。這種樣式適用于那些非常復(fù)雜，用戶可以在模態(tài)的封閉環(huán)境中完成的任務(wù)。例如：iPod就用這種形式來完成創(chuàng)建Genius 播放列表的子任務(wù)。
頁表（page sheet）。固定寬度768像素，與當(dāng)前屏幕同高。豎屏模式下，這種模態(tài)也能覆蓋整個屏幕。橫屏模式下，頁表沒覆蓋的屏幕區(qū)域蒙上半透明的黑色層，避免用戶去操作它。例如，Mail使用這種方式來展示郵件編輯任務(wù)。
形式表（form sheet）。固定尺寸540×620像素，相對屏幕居中對齊。其他沒有覆蓋的屏幕區(qū)域蒙上半透明的黑色層，避免用戶去點擊。當(dāng)橫屏模式下鍵盤可見時，形式表向上移動到狀態(tài)欄下面。這有利于從用戶獲得信息。
相機行事（current context）。和父級視圖的尺寸一致。這種樣式很適合在分欄視圖、浮出層等非全屏視圖里面展示模態(tài)視圖。
在iPad上，不要在浮出層上面再蒙一層模態(tài)視圖。不應(yīng)該在浮出層上再放任何東西，但警告框是個例外。有時，你需要在用戶對浮出層有所操作后展示浮出層。那就先把浮出層關(guān)掉，再展示模態(tài)視圖。
在iPhone上，讓浮出層的外觀與主程序一致起來。例如，浮出層上經(jīng)常會有導(dǎo)航來，上面有用于完成或取消任務(wù)的按鈕。這種情況下，導(dǎo)航欄的皮膚應(yīng)該和主程序的導(dǎo)航欄一致起來。
在兩種設(shè)備上，都應(yīng)盡可能的在任務(wù)界面上展示它的標(biāo)題。你也可以在視圖的其他區(qū)域呈現(xiàn)一些文字，完整地介紹當(dāng)前的任務(wù)，提供一些指南。例如，iPhone版Message在用戶想要撰寫短信時會展現(xiàn)模態(tài)視圖。這個視圖有與主程序相同的導(dǎo)航欄皮膚，標(biāo)題上寫的是“新信息”。
對于兩種設(shè)備，選擇合適的轉(zhuǎn)場效果來展示模態(tài)視圖。使用與主程序相符的樣式，加強用戶對“出現(xiàn)了模態(tài)視圖，場景發(fā)生了臨時改變”的知覺�？梢詮娜缦聨追N樣式進行選擇。
垂直：模態(tài)視圖從屏幕底部滑出來，消失的時候反方向滑走。（默認(rèn)樣式）
翻轉(zhuǎn)：當(dāng)前的主程序界面從右向左翻轉(zhuǎn)，展現(xiàn)出模態(tài)視圖。模態(tài)視圖看起來像是主任務(wù)界面的背面。當(dāng)遣散模態(tài)視圖時，它水平地總左向右翻轉(zhuǎn)，展現(xiàn)出原有的主程序，
卷邊：卷邊看來與iPhone上的Maps頁面卷曲效果相仿。當(dāng)前頁面的一角卷曲，展示其下方的模態(tài)視圖。當(dāng)用戶離開模態(tài)視圖時，卷曲的部分舒展開來，恢復(fù)原狀。當(dāng)你要展示的模態(tài)視圖不是很大，也不需要太多交互時，可以考慮這種方式。比如用于設(shè)置屬性選項。
記住，用卷邊展示的模態(tài)視圖不能再用于展示其他的模態(tài)視圖。
如果你決定改變程序中模態(tài)視圖的轉(zhuǎn)場效果，避免太過花哨。用戶會覺察到其中的差異，并任務(wù)這可能代表點什么。因此，好使用用戶容易發(fā)現(xiàn)且記住的模式，要邏輯清晰且具有一致性。
|