涓轰簡淇濊瘉鎮ㄧ殑搴旂敤涓庣敤鎴疯澶囦腑瀹夎鐨勫叾浠栧簲鐢ㄥ湪瑙嗚鍜岃涓轰笂淇濇寔涓€鑷达紝鎴戜滑 鎺ㄨ崘 鎮ㄩ伒寰?Material Design 瑙勮寖锛屽洜涓虹敤鎴蜂粠涓€涓簲鐢ㄤ腑瀛︿範鐨勬搷浣滄ā寮忓彲浠ユ棤缂濊鎺ュ湴鍦ㄥ彟涓€涓簲鐢ㄤ腑浣跨敤銆?/p>
Android 鐢ㄦ埛甯屾湜鎮ㄧ殑搴旂敤鍦ㄨ瑙夊拰琛屼负涓婁笌绯荤粺淇濇寔涓€鑷淬€傛偍鍦ㄨ璁¤瑙夊拰瀵艰埅妯″紡鏃跺簲璇ラ伒寰?Material Design 瑙勮寖鈥?/p>
鈥斺€?d.android.com/design
鎮ㄥ彲浠ヤ娇鐢?Material Design Components (MDC) 缁勪欢搴撴潵 瀹炵幇 杩欎竴鐩殑銆傛湰鏂囧皢鍒楀嚭浣跨敤 MDC 鐨勪紭鍔匡紝浠庤€岃鏄庢垜浠帹鑽愪娇鐢ㄥ畠鐨勫師鍥犮€?/p>
缁勪欢
MDC 鎻愪緵浜嗙郴缁熸爣鍑嗙粍浠剁殑 Material 鐗堟湰锛屼緥濡?Buttons銆乀oolbars銆丆heckBox 绛夌瓑锛屼娇鐢ㄨ繖浜涚粍浠惰兘杞绘澗瀹炵幇 Material 椋庢牸銆傚鏋滄偍浣跨敤浜?MaterialComponents 涓婚锛屽綋鎮?inflate 涓€涓?layout (閫氳繃 MDC 鐨?View Inflater) 鏃讹紝琚疄渚嬪寲鏄?Material 缁勪欢鑰屼笉鏄爣鍑嗙粍浠讹紝鍥犳鎮ㄤ笉闇€瑕佸甯冨眬杩涜閲嶅ぇ鐨勬洿鏂板氨鑳借交鏉惧疄鐜?Material 椋庢牸銆?/p>
<!-- Copyright 2019 Google LLC.
SPDX-License-Identifier: Apache-2.0 -->
<!-- 鏍囧噯缁勪欢 Button 灏嗕細琚浛鎹负 MaterialButton -->
<Button ... />
<!-- 鎮ㄧ敋鑷冲彲浠ヤ娇鐢?MaterialButton 鐗瑰畾鐨勫睘鎬?-->
<Button ...
app:icon="@drawable/foo"/>
<!--濡傛灉鎮ㄦ兂鐢ㄥ叿鏈夊悜鍚庡吋瀹硅兘鍔涚殑 AppCompatButton 鑰屼笉鏄?MaterialButton锛屾偍鍙互杩欐牱鍋?-->
<androidx.appcompat.widget.AppCompatButton ... />
鎵€鏈?Material 缁勪欢閮界户鎵胯嚜瀵瑰簲鐨?AppCompat 缁勪欢锛屽洜姝ゅ畠浠韩鏈夌浉鍚岀殑鍚戝悗鍏煎鑳藉姏鍜屾柊鐗堟湰鐨?bug 淇銆?/p>
Material 缁勪欢鍦ㄥ搴旂殑绯荤粺鏍囧噯缁勪欢鍜?AppCompat 缁勪欢鐨勫熀纭€涓婃嫇灞曞嚭鏇村鏍峰紡鍜屽姛鑳斤紝渚嬪 MaterialButton 鎷ユ湁浠ヤ笅澶氱鏍峰紡:
<!-- Copyright 2019 Google LLC.
SPDX-License-Identifier: Apache-2.0 -->
<!-- Contained button -->
<Button ...
/>
<!-- Text button -->
<Button ...
/>
<!-- Outlined button -->
<Button ...
/>
鎴戞渶鍠滄鐨勫姛鑳戒箣涓€鏄娇鐢?MaterialTextView 鏇挎崲 TextView锛屽畠 鏂板鐨勫姛鑳?鍙互寰堟柟渚垮湴鍦?TextAppearance 涓缃楂樸€?/p>
闄や簡鎷撳睍鐜版湁缁勪欢鐨勫姛鑳藉锛孧DC 杩樻彁渚涗簡涓€绯诲垪鍏ㄦ柊鐨勭粍浠躲€傛偍鍙兘鐭ラ亾 Bottom Navigation銆丅ottom Sheet 鍜?Floating Action Button锛屼絾鏈繀鍚杩?Chips銆丏ate Picker 鍜?Time Picker銆?/p>
MDC 鎻愪緵鐨勫叏閮ㄧ粍浠跺垪鍗曪紝璇锋煡闃?鈥斺€?缁勪欢銆?/p>
Material 涓婚
Material 涓婚 鍙互鏇寸郴缁熷湴 鑷畾涔?/strong> Material Design 鏍峰紡鏉ヤ綋鐜版偍鐨勪骇鍝佸搧鐗屻€侻aterial 涓婚鍖呮嫭 棰滆壊銆佸瓧浣撴牱寮?鍜?褰㈢姸 灞炴€с€傚鍏惰繘琛岃嚜瀹氫箟灏嗚嚜鍔ㄥ簲鐢ㄥ埌鎮ㄧ敤浜庢瀯寤哄簲鐢ㄧ殑缁勪欢涓娿€?/p>
鎮ㄥ彲浠ュ皢 Material 涓婚鐞嗚В涓哄垱寤鸿璁＄郴缁熺殑璁捐绯荤粺 馃く銆傛偍鍙渶閰嶇疆濂介鑹层€佸瓧浣撴牱寮忓拰褰㈢姸锛屽嵆鍙緱鍒颁竴濂楀熀浜庢偍鍝佺墝鐨勫畬鏁磋璁＄郴缁熴€?/p>
Nick Rout 鍦ㄤ互涓嬫枃绔犱腑鍒嗗埆娣卞叆鍦颁粙缁嶄簡杩欎笁涓瓙绯荤粺: MDC 缁勪欢閬靛惊 Material 鐨?娣辫壊涓婚鑳屾櫙瑙勮寖 瀹炵幇浜嗘繁鑹蹭富棰樸€傚湪娣辫壊涓婚涓嬶紝璁稿缁勪欢閮藉皢璋冩暣瀹冧滑鐨勯鑹诧紝骞朵笖鍦ㄩ槾褰变笉鍙鐨勬儏鍐典笅娣诲姞浜?elevation 鍙犲姞灞備互琛ㄧ幇楂樺害鍙樺寲銆?/p>
Chris Banes 鍦ㄤ笅闈㈣繖绡囨枃绔犱腑娣卞叆浠嬬粛浜?MDC 鐨勬繁鑹蹭富棰? Material Design 杩橀拡瀵硅浆鍦哄姩鐢诲埗瀹氫簡瑙勮寖銆傜幇鍦紝MDC 涓嶄粎鎻愪緵浜?瑙勮寖锛岃繕灏嗚繖浜涙ā寮忓疄鐜颁负 Transition 浠ヤ究鎮ㄥ湪搴旂敤涓娇鐢ㄣ€?/p>
Hunter Stich 鍦ㄤ笅闈㈣繖绡囨枃绔犱腑浠嬬粛浜?Material Motion 搴? Jetpack Compose 鏄?Android 绯荤粺鐨勪笅涓€浠?UI 宸ュ叿鍖咃紝鐩墠 宸叉寮忓彂甯冦€傚畠浼氭彁渚?Material 椋庢牸鐨勭粍浠跺拰涓婚銆傚敖鏃╀娇鐢?MDC 灏嗕负鏈潵杩佺Щ鑷?Jetpack Compose 鍋氬ソ鍑嗗 鈥?瀹冧滑浣跨敤浜嗙浉鍚岀殑姒傚康銆佽璁″悕璇嶅拰缁勪欢銆傛偍鐢氳嚦鍙互浣跨敤绫讳技 MDC-Android Compose 涓婚閫傞厤鍣?鐨勫簱鏉ョ畝鍖栬縼绉昏繃绋嬶紝璇ュ簱灏?XML 瀹炵幇鐨?MDC 涓婚杞崲涓?Compose 鐨?MaterialTheme銆?/p>
甯屾湜鎮ㄥ凡缁忔竻妤氭垜浠帹鑽愪娇鐢?Material Design Components 鏋勫缓 Android UI 鐨勫師鍥犮€傛垜浠?杩戞湡鏇存柊 浜嗗湪 Android Studio 涓€氳繃 File > New Project 鑿滃崟鏂板缓鐨勬ā鐗堬紝杩欎簺妯＄増涓烘偍棰勮缃簡 Material 涓婚骞朵娇鐢ㄤ簡 MDC锛屽洜姝ゆ偍鍙互鏇村鏄撶殑寮€濮嬩娇鐢?MDC銆傚鏋滄偍杩樻病鏈夎縼绉诲埌 MDC锛岃鏌ョ湅鎴戜滑鐨?杩佺Щ鎸囧崡銆?/p>
娣辫壊涓婚
Material 鍔ㄦ晥 馃啎
浣跨敤 Compose
鎺ㄨ崘浣跨敤 Material