自上次參加完回音分享會(huì)后，我下定決心要洗心革面乖乖打基礎(chǔ)，于是開啟了這個(gè)part，爭取兩個(gè)月不間斷更新，寫完Material Design與iOS中的組件（順便學(xué)學(xué)英語），以便今后在使用的時(shí)候完全不虛
卡片（Cards）
Material Design鏈接：卡片
卡片是更詳細(xì)信息的入口點(diǎn)的一張材料。
卡片可能包含照片，文字和關(guān)于單個(gè)主題的鏈接。 他們可能會(huì)展示包含不同尺寸元素的內(nèi)容，例如帶有可變長度標(biāo)題的照片。
卡片集合是同一個(gè)平面上的多個(gè)卡片的布局形式。
用法
卡片展示的是由不同尺寸或不同支持的動(dòng)作的元素組成的內(nèi)容。
支持的手勢(shì)
滑動(dòng)（swipe）
拾取并移動(dòng)（Pick-up-and-move）
相關(guān)組件
網(wǎng)格列表（Grid lists）
對(duì)于開發(fā)者
Android卡片
聚合卡片（Polymer cards）
用法
卡片能方便地展示不同元素組成的內(nèi)容。 它們也非常適合展示尺寸或支持操作變化的元素，例如帶有可變長度標(biāo)題的照片。
卡片集合是共面的，或同一平面上的卡片布局。
何時(shí)使用
顯示以下內(nèi)容時(shí)使用卡布局：
·作為一個(gè)集合，包含多種數(shù)據(jù)類型，如圖像，視頻和文本
·不需要直接比較（用戶不直接比較圖像或文本）
·支持高度可變長度的內(nèi)容，例如評(píng)論
·包含可交互式內(nèi)容，例如+1按鈕或評(píng)論
·在網(wǎng)格列表中，但需要顯示更多內(nèi)容來補(bǔ)充圖像
內(nèi)容
卡片為聯(lián)系更緊密的信息和視圖提供上下文和入口點(diǎn)，其內(nèi)容和數(shù)量可能會(huì)有很大差異。 卡片集合內(nèi)的卡片可以包含一個(gè)唯一的數(shù)據(jù)組，例如帶有動(dòng)作的清單，帶有動(dòng)作的筆記以及帶有照片的筆記。
不要讓卡片上帶有過多無用的信息或操作。
內(nèi)容層次
使用卡內(nèi)的層次結(jié)構(gòu)來引導(dǎo)用戶注意最重要的信息。 例如，將主要內(nèi)容放置在卡的頂部，或使用排版來強(qiáng)調(diào)最重要的內(nèi)容。
圖像可以強(qiáng)化卡片中的其他內(nèi)容。 但是，它們?cè)诳▋?nèi)的大小和位置取決于圖像是主要內(nèi)容還是用于補(bǔ)充卡片上的其他內(nèi)容。
背景圖像
當(dāng)文字放置在純色背景上時(shí)，文字清晰度最高，且文字對(duì)比度足夠高。 放置在圖像背景上的文本應(yīng)該保留文本的易讀性。
行為
卡片具有恒定的寬度和可變的高度。最大高度限于平臺(tái)上可用空間的高度，但可以暫時(shí)擴(kuò)大（例如，顯示評(píng)論）。
卡片不會(huì)翻轉(zhuǎn)以顯示背面的信息。
支持的手勢(shì)
卡片手勢(shì)應(yīng)始終在卡片集合中實(shí)施。
支持的手勢(shì)包括：
滑動(dòng)手勢(shì)（swipe gesture）可以在每張卡片上使用。限制視圖內(nèi)的輕掃手勢(shì)，使其不會(huì)彼此重疊。例如，可滑動(dòng)的卡片不應(yīng)該包含可滑動(dòng)的圖像，以便在滑動(dòng)時(shí)只發(fā)生一次動(dòng)作。
如果用戶對(duì)集合內(nèi)的卡進(jìn)行分類很重要，則可以使用拾取并移動(dòng)手勢(shì)（pick-up-and-move gesture）。但要考慮篩選或排序是否會(huì)更好地組織內(nèi)容。
卡片集合的篩選和分類
卡片收藏可按照日期，文件大小，字母順序或其他參數(shù)進(jìn)行排序或篩選。
集合中的第一個(gè)項(xiàng)目位于左上角
順序從左到右，從上到下進(jìn)行
滾動(dòng)
卡片集合只能垂直滾動(dòng)。
超過最大卡片高度的卡片內(nèi)容會(huì)被省略，內(nèi)部不會(huì)滾動(dòng)，但可以擴(kuò)展卡片。 一旦展開，卡片可能會(huì)超過視圖的最大高度。 在這種情況下，卡片將隨卡片集合一起滾動(dòng)。
卡片聚焦
當(dāng)遍歷卡片上的焦點(diǎn)時(shí)，在移動(dòng)到下一張卡片之前訪問所有可聚焦元素。
對(duì)于依賴焦點(diǎn)遍歷進(jìn)行導(dǎo)航（手柄和鍵盤）的頁面，卡片應(yīng)具有主要操作或打開包含主要和補(bǔ)充操作的新視圖。
操作
卡中的主要?jiǎng)幼魍ǔＪ强ū旧怼?/p>
在集合中，根據(jù)內(nèi)容類型和預(yù)期結(jié)果的不同，補(bǔ)充操作可能因卡片而異。 例如，播放視頻相對(duì)于打開一本書。 在集合中的卡片中，始終展示操作。
補(bǔ)充操作
使用圖標(biāo)，文本和UI控件（通常放置在卡的底部）明確調(diào)出卡內(nèi)的補(bǔ)充操作。
除了溢出菜單之外，補(bǔ)充操作限制為兩個(gè)操作。
UI控件
與主內(nèi)容內(nèi)聯(lián)放置的UI控件（如滑塊）可以修改主內(nèi)容的視圖。 例如，可以選擇日期的滑塊，評(píng)分內(nèi)容的星星，或選擇日期范圍的分段按鈕。
溢出菜單（可選）
溢出菜單通常放置在卡的右上角。但當(dāng)能改善內(nèi)容布局和易讀性時(shí)，則可以將其放置在右下角。
注意不要讓溢出菜單負(fù)荷的操作太多。
其他操作
強(qiáng)烈建議不要在文本內(nèi)容中使用內(nèi)聯(lián)鏈接。
雖然卡片可以支持多種動(dòng)作，UI控件和溢出菜單，但請(qǐng)使用限制，并記住卡片是進(jìn)入更復(fù)雜和詳細(xì)信息的入口點(diǎn)。
內(nèi)容塊
卡可以使用內(nèi)容塊構(gòu)建，其中包括：
·可選標(biāo)題
·主要標(biāo)題
·富媒體
·支持文本
·操作
這些內(nèi)容塊可以組織起來以促進(jìn)不同類型的內(nèi)容。 例如，可以通過增加排版時(shí)的尺寸來強(qiáng)調(diào)數(shù)字。
