為了降低設(shè)計(jì)和開發(fā)之間的交流成本，所以在此確定一下 iOS 項(xiàng)目切圖的命名標(biāo)準(zhǔn)歉井。
我們的命名規(guī)則的基本思想是把文件名分成三部分兄淫，第一部分是圖片的邏輯歸屬分類，第二部分是圖片的表現(xiàn)內(nèi)容苫昌，第三部分是圖片的內(nèi)容的類型颤绕，有些圖片還會(huì)有第四部分，表示圖片表現(xiàn)的狀態(tài)祟身。首先有幾個(gè)規(guī)則是：
- 用英文命名奥务，不用拼音
- 每一部分用下劃線分隔
- 圖片名中兩倍圖在名字最后要加@2x，三倍圖在名字最后要加@3x
邏輯分類
邏輯分類即是這張圖片所屬的分組袜硫，在 iOS 中大多的項(xiàng)目是以 Tab bar 的形式進(jìn)行邏輯上的分組氯葬，以下圖為例：
這張圖中的 Showtime 客戶端就是使用 Tab bar 進(jìn)行分組的，可以看出內(nèi)容分成了五個(gè)部分：Home婉陷，Categories帚称，Live TV，My List 和 Search憨攒。所以例如在這個(gè)界面中世杀，右上角的設(shè)置按鈕，那么它的切圖命名的 第一部分就是 Home肝集。
但是仔細(xì)看看上面這個(gè)界面的話有一些圖其實(shí)是不屬于某個(gè)分類的瞻坝，比如 Tab bar 中的圖標(biāo)文件和 Navigation Bar 中的 Showtime 圖標(biāo)，對(duì)于這兩種內(nèi)容來講杏瞻，它們命名的規(guī)范是第一部分顯示的是 navigationbar 或者是 tabbar所刀。
表現(xiàn)內(nèi)容
表現(xiàn)內(nèi)容就是這個(gè)圖片表現(xiàn)的內(nèi)容，同樣以上圖為例捞挥，界面中右上角的按鈕表現(xiàn)的是設(shè)置按鈕浮创，那么它的表現(xiàn)內(nèi)容就是設(shè)置，所以這個(gè)按鈕在第二部分顯示的就是 settings砌函。
而在上圖的 Tab bar 中第二部分的名字就是它們?cè)诔绦蛑酗@示的名字 斩披，而 Navigation Bar 中的圖標(biāo)的第二部分命名因?yàn)楸憩F(xiàn)的內(nèi)容就是 Showtime，所以顯示的就是 showtime讹俊。
內(nèi)容類型
同樣以 Showtime 的圖為例垦沉，在 Navigation Bar 中的圖標(biāo)，它的內(nèi)容類型是 icon仍劈，所以這個(gè)圖片文件的兩倍圖完整命名就是 navigationbar_showtime_icon@2x.png厕倍。而右上角的設(shè)置按鈕的話，它的類型是按鈕贩疙，所以第三部分即是 button 的縮寫 btn讹弯，即是 navigationbar_settings_button况既，下面五個(gè) Tab bar 的圖片名分別是 tabbar_home_icon,tabbar_categories_icon,tabbar_livetv_icon,tabbar_mylist_icon 和 tabbar_search_icon。
圖片狀態(tài)
對(duì)于某些類型的切圖组民，它可能代表的只是某個(gè)控件的一種狀態(tài)棒仍，以按鈕為例，正常的狀態(tài)就是 normal邪乍，而點(diǎn)擊中的狀態(tài)是 highlighted降狠，選中的狀態(tài)則是 selected。Showtime 的圖中庇楞，右上角的設(shè)置圖標(biāo)是正常的狀態(tài)榜配，所以加入圖片的狀態(tài)之后，它的兩倍圖的完整命名應(yīng)該是 navigationbar_settings_btn_normal@2x.png吕晌。而下方的 Tab bar 來講蛋褥，選中的是 Home，那么當(dāng)前這張圖片的兩倍圖的完整命名就應(yīng)該是 tabbar_home_icon_selected@2x.png睛驳。
