聊聊Android切圖

  • Android切圖尺寸所代表的意義

    • Android默認(rèn)有五種大小規(guī)格分別是mdpi hdpi xhdpi xxhdpi xxxdpi

    • 尺寸對(duì)應(yīng)關(guān)系

      文件夾 尺寸 倍數(shù)關(guān)系
      mdpi 480X320 1.0
      hdpi 800X480 1.5
      xhdpi 1280X720(720p) 2.0
      xxhdpi 1920X1080(1080p) 3.0
      xxxhdpi 3840X2160(4k) 4.0

  • 如果你想一套圖能夠即適合iOS又能夠適配Android那么請(qǐng)用二倍二倍二倍圖來(lái)做
    為什么呢?
    俗稱的
    iOS 2倍圖在iPhone6分辨率上1334X750
    Android上2倍圖是xhdpi 對(duì)應(yīng)的分辨率1280X720
    他們的分辨率是非常接近的,
    所以,一倍圖就能夠最好的適配iOS和Android。
    ….
    請(qǐng)用2倍圖做設(shè)計(jì)稿
    請(qǐng)用2倍圖做設(shè)計(jì)稿
    請(qǐng)用2倍圖做設(shè)計(jì)稿

  • 切圖方法規(guī)范

    • sktch默認(rèn)自帶Android和iOS切圖的
  • 命名方法規(guī)范

    • 個(gè)人覺(jué)得文件命名就應(yīng)該做到
      • 見(jiàn)名知意*
      • 用最少的詞表達(dá)最清晰的含義
      • 用英語(yǔ)不要用拼音
      • 不要用有空格,逗號(hào),點(diǎn)等特殊字符(只能是數(shù)字,26英文小寫,下劃線(是_不是-也不是——)
      • 全部用小寫英語(yǔ)(不要大寫)
      • 單詞之間用下劃線區(qū)分
  • 一些命名的不成文規(guī)定
    一般意義上命名一般都遵循以下規(guī)則
    一個(gè)圖必然有以下幾個(gè)因素 在哪兒?是什么?干什么的?什么狀態(tài)?
    于是就可以這樣命名
    (在哪兒)(是什么)(干什么)_(什么狀態(tài))
    例如
    home_tab_mine_checked
    mine_menu_setting

  • 命名方法

    • 靜態(tài)命名

      組件            命名         舉個(gè)栗子     
      

      按鈕(button) btn btn_login
      圖標(biāo)(icon) ic ic_setting
      背景(background) bg bg_login
      底欄(TabLayout) tab tab
      Logo logo logo_ezbuy
      頂欄菜單(menu) menu memu_setting
      默認(rèn)圖 default default_avatar

  • 動(dòng)態(tài)命名(所謂動(dòng)態(tài)就是同一個(gè)區(qū)域有不同的狀態(tài),例如一個(gè)按鈕有按壓和正常狀態(tài),一個(gè)選項(xiàng)有選中和非選中狀態(tài))

    狀態(tài)組件 命名 舉個(gè)栗子
    按壓 _normal, _pressed btn_login_normal btn_login_pressed
    可用 _enable _unable bg_pay_enable bg_pay_unable
    選中 _checked _unchcked tab_prime_checked tab_prime_unchecked

  • 功能命名

    功能性組件                   命名                                  舉個(gè)栗子                  
    

    Home頁(yè)面上的按鈕 home_btn_... home_btn_search
    Home頁(yè)面上tab欄狀態(tài) home_tab_ … _checked/unchecked home_tab_prime_checked home_tab_prime_unchecked

請(qǐng)注意

最終給到開(kāi)發(fā)的需要按照不同規(guī)格的資源,進(jìn)行文件夾分類。具體請(qǐng)參考res目錄下drawable

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • mean to add the formatted="false" attribute?.[ 46% 47325/...
    ProZoom閱讀 3,203評(píng)論 0 3
  • 1.源代碼格式規(guī)范 1.1 Java文件樣式 1.1.1版權(quán)信息 版權(quán)信息必須在 java 文件的開(kāi)頭,比如: /...
    吉瑞蜀黍閱讀 634評(píng)論 0 1
  • 寫一寫UI的基礎(chǔ)和用軟實(shí)力增強(qiáng)與工程師團(tuán)隊(duì)的協(xié)同工作能力,通過(guò)規(guī)范的切圖不僅可以提升整個(gè)團(tuán)隊(duì)的工作效率,而且大大縮...
    白天里最亮的星閱讀 2,724評(píng)論 0 12
  • 規(guī)范的命名方式可以提高客戶端程序員的開(kāi)發(fā)效率和團(tuán)隊(duì)協(xié)作。 盡可能的用最少的字符而又能完整的表達(dá)標(biāo)識(shí)符的含義 只能包...
    氣味閱讀 1,119評(píng)論 0 1
  • 參考地址 術(shù)語(yǔ)說(shuō)明 在文檔中,除非另有說(shuō)明: 術(shù)語(yǔ) class 可表示一個(gè)普通類,枚舉類,接口或是annotati...
    該名字已被使用閱讀 939評(píng)論 2 1

友情鏈接更多精彩內(nèi)容