{"id":341,"date":"2017-03-16T21:55:13","date_gmt":"2017-03-16T13:55:13","guid":{"rendered":"http:\/\/www.gongbiao.net.cn\/?p=341"},"modified":"2017-03-16T22:16:52","modified_gmt":"2017-03-16T14:16:52","slug":"android-ui-%e8%ae%be%e8%ae%a1%e8%a7%84%e8%8c%83","status":"publish","type":"post","link":"http:\/\/www.gongbiao.net.cn\/?p=341","title":{"rendered":"Android UI \u8bbe\u8ba1\u89c4\u8303"},"content":{"rendered":"<h2>1. \u57fa\u7840\u5e38\u8bc6<\/h2>\n<h3>1.1 \u4e3b\u6d41\u5c4f\u5e55\u5c3a\u5bf8<\/h3>\n<table>\n<thead>\n<tr>\n<th>\u6807\u8bc6<\/th>\n<th>\u5c4f\u5e55\u5c3a\u5bf8<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>hdpi<\/td>\n<td>480 * 800<\/td>\n<\/tr>\n<tr>\n<td>xhdpi<\/td>\n<td>720 * 1280<\/td>\n<\/tr>\n<tr>\n<td>xxhdpi<\/td>\n<td>1080 * 1920<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>1.2 \u56fe\u6807\u5c3a\u5bf8<\/h3>\n<table>\n<thead>\n<tr>\n<th>\u6807\u8bc6<\/th>\n<th>\u542f\u52a8\u56fe\u6807\u5c3a\u5bf8<\/th>\n<th>\u83dc\u5355\u56fe\u6807\u5c3a\u5bf8<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>mdpi<\/td>\n<td>48 * 48 \uff08160 DPI \uff09<\/td>\n<td>24 * 24<\/td>\n<\/tr>\n<tr>\n<td>hdpi<\/td>\n<td>72 * 72\uff08240 DPI\uff09<\/td>\n<td>36 * 36<\/td>\n<\/tr>\n<tr>\n<td>xhdpi<\/td>\n<td>96 * 96 \uff08320 DPI\uff09<\/td>\n<td>48 * 48<\/td>\n<\/tr>\n<tr>\n<td>xxhdpi<\/td>\n<td>144 * 144\uff08480 DPI \uff09<\/td>\n<td>72 * 72<\/td>\n<\/tr>\n<tr>\n<td>xxxhdpi<\/td>\n<td>192 * 192 \uff08640 DPI\uff09<\/td>\n<td>96 * 96<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>1.3 \u989c\u8272\u503c<\/h2>\n<p>Android \u5b9a\u4e49\u989c\u8272color\u65f6\u67096\u4f4d\u62168\u4f4d\u503c\u7684\u533a\u522b\uff0c6\u4f4d\uff08\u5982\uff1a#0470C4\uff09\u5c31\u662fRGB\uff0c\u503c8\u4f4d\uff08\u5982\uff1a#1E000000\uff09\u5934\u4e24\u4f4d\u662f\u900f\u660e\u5ea6\uff0c\u540e6\u4f4d\u662fRGB\u503c\uff0c00\u662f\u5b8c\u5168\u900f\u660e\uff0cFF\u662f\u5b8c\u5168\u4e0d\u900f\u660e\uff0c\u6bd4\u8f83\u9002\u4e2d\u7684\u900f\u660e\u5ea6\u503c\u662f 1E\u3002<\/p>\n<p><strong>\u4e0d\u900f\u660e\u5ea616\u8fdb\u5236\u503c<\/strong><\/p>\n<p>\u683c\u5f0f\u5982#00FFFFFF\uff0c\u524d\u4e24\u4f4d\u4ee3\u8868\u4e0d\u900f\u660e\u5ea6\u7684\u5341\u516d\u8fdb\u5236\u300200\u8868\u793a\u5b8c\u5168\u900f\u660e\uff0cFF\u5c31\u662f\u5168\u4e0d\u900f\u660e\u3002\u4f9d\u6b21\u9012\u589e\u3002<\/p>\n<table>\n<thead>\n<tr>\n<th>\u4e0d\u900f\u660e\u5ea6<\/th>\n<th>16\u8fdb\u5236\u503c<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>100%<\/td>\n<td>FF<\/td>\n<\/tr>\n<tr>\n<td>95%<\/td>\n<td>F2<\/td>\n<\/tr>\n<tr>\n<td>90%<\/td>\n<td>E6<\/td>\n<\/tr>\n<tr>\n<td>85%<\/td>\n<td>D9<\/td>\n<\/tr>\n<tr>\n<td>80%<\/td>\n<td>CC<\/td>\n<\/tr>\n<tr>\n<td>75%<\/td>\n<td>BF<\/td>\n<\/tr>\n<tr>\n<td>70%<\/td>\n<td>B3<\/td>\n<\/tr>\n<tr>\n<td>65%<\/td>\n<td>A6<\/td>\n<\/tr>\n<tr>\n<td>60%<\/td>\n<td>99<\/td>\n<\/tr>\n<tr>\n<td>55%<\/td>\n<td>8C<\/td>\n<\/tr>\n<tr>\n<td>50%<\/td>\n<td>80<\/td>\n<\/tr>\n<tr>\n<td>45%<\/td>\n<td>73<\/td>\n<\/tr>\n<tr>\n<td>40%<\/td>\n<td>66<\/td>\n<\/tr>\n<tr>\n<td>35%<\/td>\n<td>59<\/td>\n<\/tr>\n<tr>\n<td>30%<\/td>\n<td>4D<\/td>\n<\/tr>\n<tr>\n<td>25%<\/td>\n<td>40<\/td>\n<\/tr>\n<tr>\n<td>20%<\/td>\n<td>33<\/td>\n<\/tr>\n<tr>\n<td>15%<\/td>\n<td>26<\/td>\n<\/tr>\n<tr>\n<td>10%<\/td>\n<td>1A<\/td>\n<\/tr>\n<tr>\n<td>5%<\/td>\n<td>0D<\/td>\n<\/tr>\n<tr>\n<td>0%<\/td>\n<td>00<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>1.4 \u6807\u6ce8<\/h2>\n<ul>\n<li>Android \u8bbe\u8ba1\u89c4\u8303\u4e2d\u95f4\u8ddd\u5355\u4f4d\u662f <strong>dp<\/strong>\uff0cdp \u5728 Android \u673a\u4e0a\u4e0d\u540c\u7684\u5bc6\u5ea6\u8f6c\u6362\u540e\u7684 px \u662f\u4e0d\u4e00\u6837\u7684\uff0c\u6240\u4ee5\u6309\u7167\u8bbe\u8ba1\u56fe\u7684 px \u8f6c\u6362\u6210 dp \u4e5f\u662f\u4e0d\u4e00\u6837\u7684\u3002<br \/>\n\u73b0\u5728\uff0c\u591a\u6570\u6807\u6ce8\u5de5\u5177\u90fd\u652f\u6301 dp \u6807\u6ce8\u529f\u80fd\uff0c\u6bd4\u5982 MarkMan\uff0c\u5982\u679cUI\u8bbe\u8ba1\u8005\u662f\u6309\u71671280*720\u7684\u5c3a\u5bf8\u8bbe\u8ba1\u7684\u6548\u679c\u56fe\uff0c\u5728\u6807\u6ce8\u65f6\u9009\u62e9xhdpi\u5373\u53ef\uff1a<\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-d0c659b2cb1a2850.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-d0c659b2cb1a2850.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u4f7f\u7528 MarkMan \u8fdb\u884c dp \u6807\u6ce8<\/div>\n<\/div>\n<p>DP\/PX\u5728\u7ebf\u8f6c\u6362\u5de5\u5177\uff1a<a href=\"http:\/\/pixplicity.com\/dp-px-converter\/\" target=\"_blank\">http:\/\/pixplicity.com\/dp-px-converter\/<\/a><\/p>\n<ul>\n<li>\u5b57\u4f53\u5927\u5c0f\u5355\u4f4d\u662f <strong>sp<\/strong>\u3002<\/li>\n<\/ul>\n<h2>1.5 \u5207\u56fe<\/h2>\n<p>\u6ce8\u610f\uff1a\u5207\u56fe\u7d20\u6750\u6587\u4ef6\u5927\u5c0f\u5c3d\u91cf\u4fdd\u6301 &lt;= 200Kb\uff0c\u4e3b\u8981\u4e3apng\u683c\u5f0f\u3002<\/p>\n<h2>2. Material Design\u76f8\u5173<\/h2>\n<blockquote><p>Material Design\uff0c\u4e2d\u6587\u540d\uff1a\u8d28\u611f\u8bbe\u8ba1\uff0c\u662f\u7531 Google \u63a8\u51fa\u7684\u5168\u65b0\u7684\u8bbe\u8ba1\u8bed\u8a00\uff0c\u8c37\u6b4c\u8868\u793a\uff0c\u8fd9\u79cd\u8bbe\u8ba1\u8bed\u8a00\u65e8\u5728\u4e3a\u624b\u673a\u3001\u5e73\u677f\u7535\u8111\u3001\u53f0\u5f0f\u673a\u548c\u201c\u5176\u4ed6\u5e73\u53f0\u201d\u63d0\u4f9b\u66f4\u4e00\u81f4\u3001\u66f4\u5e7f\u6cdb\u7684\u201c\u5916\u89c2\u548c\u611f\u89c9\u201d\u3002<\/p><\/blockquote>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-cfb3496ec43888ab.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-cfb3496ec43888ab.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u60f3\u8981\u6df1\u5165\u4e86\u89e3 Material Design\uff0c\u8fd8\u662f\u5efa\u8bae\u6709\u7a7a\u901a\u8bfb\u4e00\u904d\u5b98\u65b9\u6587\u6863\u3002\u4e0d\u8fc7\uff0c\u7262\u8bb0\u4ee5\u4e0b\u8981\u70b9\uff0c\u57fa\u672c\u80fd\u505a\u523090%\u4e86\u3002\u5b9e\u9645\u4e0a\uff0cGoogle \u5b98\u65b9\u7684\u5e94\u7528\u4e5f\u6709\u4e0d\u9075\u7167\u89c4\u8303\u7684\u5730\u65b9\uff0c\u4e0d\u80fd\u592a\u62d8\u6ce5\u4e8e\u6761\u6761\u6846\u6846\u3002<\/p>\n<p><a href=\"http:\/\/wiki.jikexueyuan.com\/project\/material-design\/\" target=\"_blank\">Material Design \u4e2d\u6587\u7248\u6587\u6863<\/a><\/p>\n<h3>2.1 \u6838\u5fc3\u601d\u60f3<\/h3>\n<p>Material Design \u7684\u6838\u5fc3\u601d\u60f3\uff0c\u5c31\u662f\u628a\u7269\u7406\u4e16\u754c\u7684\u4f53\u9a8c\u5e26\u8fdb\u5c4f\u5e55\u3002\u53bb\u6389\u73b0\u5b9e\u4e2d\u7684\u6742\u8d28\u548c\u968f\u673a\u6027\uff0c\u4fdd\u7559\u5176\u6700\u539f\u59cb\u7eaf\u51c0\u7684\u5f62\u6001\u3001\u7a7a\u95f4\u5173\u7cfb\u3001\u53d8\u5316\u4e0e\u8fc7\u6e21\uff0c\u914d\u5408\u865a\u62df\u4e16\u754c\u7684\u7075\u6d3b\u7279\u6027\uff0c\u8fd8\u539f\u6700\u8d34\u8fd1\u771f\u5b9e\u7684\u4f53\u9a8c\uff0c\u8fbe\u5230\u7b80\u6d01\u4e0e\u76f4\u89c2\u7684\u6548\u679c\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bd6b30ff2833aa5a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bd6b30ff2833aa5a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>Material Design \u662f\u6700\u91cd\u89c6\u8de8\u5e73\u53f0\u4f53\u9a8c\u7684\u4e00\u5957\u8bbe\u8ba1\u8bed\u8a00\u3002\u7531\u4e8e\u89c4\u8303\u4e25\u683c\u7ec6\u81f4\uff0c\u4fdd\u8bc1\u5b83\u5728\u5404\u4e2a\u5e73\u53f0\u4f7f\u7528\u4f53\u9a8c\u9ad8\u5ea6\u4e00\u81f4\u3002<\/p>\n<h3>2.2 \u6750\u8d28\u4e0e\u7a7a\u95f4<\/h3>\n<ul>\n<li><strong>\u6750\u8d28<\/strong><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e950c09c86556dbf.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e950c09c86556dbf.gif?imageMogr2\/auto-orient\/strip\" \/><\/div>\n<p>Material Design \u4e2d\uff0c\u6700\u91cd\u8981\u7684\u4fe1\u606f\u8f7d\u4f53\u5c31\u662f\u9b54\u6cd5\u7eb8\u7247\u3002\u7eb8\u7247\u5c42\u53e0\u3001\u5408\u5e76\u3001\u5206\u79bb\uff0c\u62e5\u6709\u73b0\u5b9e\u4e2d\u7684\u539a\u5ea6\u3001\u60ef\u6027\u548c\u53cd\u9988\uff0c\u540c\u65f6\u62e5\u6709\u6db2\u4f53\u7684\u4e00\u4e9b\u7279\u6027\uff0c\u80fd\u591f\u81ea\u7531\u4f38\u5c55\u53d8\u5f62\u3002<\/p>\n<p>\u8fd9\u4e9b\u662f\u7eb8\u7247\u7684\u9b54\u6cd5\u7279\u6027\uff0c\u771f\u5b9e\u7eb8\u7247\u6240\u4e0d\u5177\u5907\u7684\u80fd\u529b\uff1a<\/p>\n<ul>\n<li>\u7eb8\u7247\u53ef\u4ee5\u4f38\u7f29\u3001\u6539\u53d8\u5f62\u72b6<\/li>\n<li>\u7eb8\u7247\u53d8\u5f62\u65f6\u53ef\u4ee5\u88c1\u526a\u5185\u5bb9\uff0c\u6bd4\u5982\u7eb8\u7247\u7f29\u5c0f\u65f6\uff0c\u5185\u5bb9\u5927\u5c0f\u4e0d\u53d8\uff0c\u800c\u662f\u9690\u85cf\u8d85\u51fa\u90e8\u5206<\/li>\n<li>\u591a\u5f20\u7eb8\u7247\u53ef\u4ee5\u62fc\u63a5\u6210\u4e00\u5f20<\/li>\n<li>\u4e00\u5f20\u7eb8\u7247\u53ef\u4ee5\u5206\u88c2\u6210\u591a\u5f20<\/li>\n<li>\u7eb8\u7247\u53ef\u4ee5\u5728\u4efb\u4f55\u4f4d\u7f6e\u51ed\u7a7a\u51fa\u73b0<\/li>\n<\/ul>\n<p>\u4e0d\u8fc7\uff0c\u9b54\u6cd5\u7eb8\u7247\u6709\u4e9b\u6548\u679c\u662f\u7981\u6b62\u7684\uff1a<\/p>\n<ul>\n<li>\u4e00\u9879\u64cd\u4f5c\u4e0d\u80fd\u540c\u65f6\u89e6\u53d1\u4e24\u5f20\u7eb8\u7247\u7684\u53cd\u9988<\/li>\n<li>\u5c42\u53e0\u7684\u7eb8\u7247\uff0c\u6d77\u62a5\u9ad8\u5ea6\u4e0d\u80fd\u76f8\u540c<\/li>\n<li>\u7eb8\u7247\u4e0d\u80fd\u4e92\u76f8\u7a7f\u900f<\/li>\n<li>\u7eb8\u7247\u4e0d\u80fd\u5f2f\u6298<\/li>\n<li>\u7eb8\u7247\u4e0d\u80fd\u4ea7\u751f\u900f\u89c6\uff0c\u5fc5\u987b\u5e73\u884c\u4e8e\u5c4f\u5e55<\/li>\n<li><strong>\u7a7a\u95f4<\/strong><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-397ee93642c20015.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-397ee93642c20015.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>Material Design\u5f15\u5165\u4e86z\u8f74\u7684\u6982\u5ff5\uff0cz\u8f74\u5782\u76f4\u4e8e\u5c4f\u5e55\uff0c\u7528\u6765\u8868\u73b0\u5143\u7d20\u7684\u5c42\u53e0\u5173\u7cfb\u3002z\u503c\uff08\u6d77\u62d4\u9ad8\u5ea6\uff09\u8d8a\u9ad8\uff0c\u5143\u7d20\u79bb\u754c\u9762\u5e95\u5c42\uff08\u6c34\u5e73\u9762\uff09\u8d8a\u8fdc\uff0c\u6295\u5f71\u8d8a\u91cd\u3002\u8fd9\u91cc\u6709\u4e00\u4e2a\u524d\u63d0\uff0c\u6240\u6709\u7684\u5143\u7d20\u7684\u539a\u5ea6\u90fd\u662f1dp\u3002<\/p>\n<p>\u6240\u6709\u5143\u7d20\u90fd\u6709\u9ed8\u8ba4\u7684\u6d77\u62d4\u9ad8\u5ea6\uff0c\u5bf9\u5b83\u8fdb\u884c\u64cd\u4f5c\u4f1a\u62ac\u5347\u5b83\u7684\u6d77\u62d4\u9ad8\u5ea6\uff0c\u64cd\u4f5c\u7ed3\u675f\u540e\uff0c\u5b83\u5e94\u8be5\u843d\u56de\u9ed8\u8ba4\u6d77\u62d4\u9ad8\u5ea6\u3002\u540c\u4e00\u79cd\u5143\u7d20\uff0c\u540c\u6837\u7684\u64cd\u4f5c\uff0c\u62ac\u5347\u7684\u9ad8\u5ea6\u662f\u4e00\u81f4\u7684\u3002<\/p>\n<p><strong>\u6ce8\u610f<\/strong>\uff1a\u8fd9\u4e0d\u6b62\u662f\u8bbe\u8ba1\u4e2d\u7684\u6982\u5ff5\uff0c\u5f00\u53d1\u4eba\u5458\u786e\u5b9e\u53ef\u4ee5\u901a\u8fc7\u4e00\u4e2a\u503c\u6765\u63a7\u5236\u5143\u7d20\u7684\u6d77\u62d4\u9ad8\u5ea6\u548c\u6295\u5f71\u3002<\/p>\n<h3>2.3 \u52a8\u753b<\/h3>\n<p>Material Design \u91cd\u89c6\u52a8\u753b\u6548\u679c\uff0c\u5b83\u53cd\u590d\u5f3a\u8c03\u4e00\u70b9\uff1a\u52a8\u753b\u4e0d\u53ea\u662f\u88c5\u9970\uff0c\u5b83\u6709\u542b\u4e49\uff0c\u80fd\u8868\u8fbe\u5143\u7d20\u3001\u754c\u9762\u4e4b\u95f4\u7684\u5173\u7cfb\uff0c\u5177\u5907\u529f\u80fd\u4e0a\u7684\u4f5c\u7528\u3002<\/p>\n<ul>\n<li><strong>easing<\/strong><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4709d16454b867bb.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4709d16454b867bb.gif?imageMogr2\/auto-orient\/strip\" \/><\/div>\n<p>\u52a8\u753b\u8981\u8d34\u8fd1\u771f\u5b9e\u4e16\u754c\uff0c\u5c31\u8981\u91cd\u89c6 easing\u3002\u7269\u7406\u4e16\u754c\u4e2d\u7684\u8fd0\u52a8\u548c\u53d8\u5316\u90fd\u662f\u6709\u52a0\u901f\u548c\u51cf\u901f\u8fc7\u7a0b\u7684\uff0c\u5ffd\u7136\u5f00\u59cb\u3001\u5ffd\u7136\u505c\u6b62\u7684\u5300\u901f\u52a8\u753b\u663e\u5f97\u673a\u68b0\u800c\u4e0d\u771f\u5b9e\u3002\u8003\u8651\u52a8\u753b\u7684easing\uff0c\u8981\u5148\u8003\u8651\u5b83\u5728\u73b0\u5b9e\u4e16\u754c\u4e2d\u7684\u8fd0\u52a8\u89c4\u5f8b\u3002<\/p>\n<ul>\n<li><strong>\u6c34\u6ce2\u53cd\u9988<\/strong><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-9f6558e05a4a8af4.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-9f6558e05a4a8af4.gif?imageMogr2\/auto-orient\/strip\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e9ef05e3906959bd.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e9ef05e3906959bd.gif?imageMogr2\/auto-orient\/strip\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-fd2f93e1c6ef34b3.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-fd2f93e1c6ef34b3.gif?imageMogr2\/auto-orient\/strip\" \/><\/div>\n<p>\u6240\u6709\u53ef\u70b9\u51fb\u7684\u5143\u7d20\uff0c\u90fd\u5e94\u8be5\u6709\u8fd9\u6837\u7684\u53cd\u9988\u6548\u679c\u3002\u901a\u8fc7\u8fd9\u4e2a\u52a8\u753b\uff0c\u5c06\u70b9\u51fb\u7684\u4f4d\u7f6e\u4e0e\u6240\u64cd\u4f5c\u7684\u5143\u7d20\u5173\u8054\u8d77\u6765\uff0c\u4f53\u73b0\u4e86 Material Design \u52a8\u753b\u7684\u529f\u80fd\u6027\u3002<\/p>\n<ul>\n<li><strong>\u8f6c\u573a\u6548\u679c<\/strong><\/li>\n<\/ul>\n<p>\u901a\u8fc7\u8fc7\u6e21\u52a8\u753b\uff0c\u8868\u8fbe\u754c\u9762\u4e4b\u95f4\u7684\u7a7a\u95f4\u4e0e\u5c42\u7ea7\u5173\u7cfb\uff0c\u5e76\u4e14\u8de8\u754c\u9762\u4f20\u9012\u4fe1\u606f\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bae481870ec1f634.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bae481870ec1f634.gif?imageMogr2\/auto-orient\/strip\" \/><\/div>\n<p>\u4ece\u7236\u754c\u9762\u8fdb\u5165\u5b50\u754c\u9762\uff0c\u9700\u8981\u62ac\u5347\u5b50\u5143\u7d20\u7684\u6d77\u62d4\u9ad8\u5ea6\uff0c\u5e76\u5c55\u5f00\u81f3\u6574\u4e2a\u5c4f\u5e55\uff0c\u53cd\u4e4b\u4ea6\u7136\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bc49985f0a154903.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bc49985f0a154903.gif?imageMogr2\/auto-orient\/strip\" \/><\/div>\n<p>\u591a\u4e2a\u76f8\u4f3c\u5143\u7d20\uff0c\u52a8\u753b\u7684\u8bbe\u8ba1\u8981\u6709\u5148\u540e\u6b21\u5e8f\uff0c\u8d77\u5230\u5f15\u5bfc\u89c6\u7ebf\u7684\u4f5c\u7528\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7d2bd3ad572d2d31.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7d2bd3ad572d2d31.gif?imageMogr2\/auto-orient\/strip\" \/><\/div>\n<p>\u76f8\u4f3c\u5143\u7d20\u7684\u8fd0\u52a8\uff0c\u8981\u7b26\u5408\u7edf\u4e00\u7684\u89c4\u5f8b\u3002<\/p>\n<ul>\n<li><strong>\u7ec6\u8282\u52a8\u753b<\/strong><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-dc0caf4d96974b7b.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-dc0caf4d96974b7b.gif?imageMogr2\/auto-orient\/strip\" \/><\/div>\n<p>\u901a\u8fc7\u56fe\u6807\u7684\u53d8\u5316\u548c\u4e00\u4e9b\u7ec6\u8282\u6765\u8fbe\u5230\u4ee4\u4eba\u6109\u60a6\u7684\u6548\u679c<\/p>\n<h3>2.4 <a href=\"https:\/\/material.google.com\/style\/color.html#color-color-palette\" target=\"_blank\">\u989c\u8272<\/a><\/h3>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e093597fba738ed9.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e093597fba738ed9.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-dc5882052be8f072.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-dc5882052be8f072.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u989c\u8272\u4e0d\u5b9c\u8fc7\u591a\u3002\u9009\u53d6\u4e00\u79cd\u4e3b\u8272\u3001\u4e00\u79cd\u8f85\u52a9\u8272\uff08\u975e\u5fc5\u9700\uff09\uff0c\u5728\u6b64\u57fa\u7840\u4e0a\u8fdb\u884c\u660e\u5ea6\u3001\u9971\u548c\u5ea6\u53d8\u5316\uff0c\u6784\u6210\u914d\u8272\u65b9\u6848\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-379d84256b428b44.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-379d84256b428b44.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-33cf82412ad9a183.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-33cf82412ad9a183.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>Appbar \u80cc\u666f\u4f7f\u7528\u4e3b\u8272\uff0c\u72b6\u6001\u680f\u80cc\u666f\u4f7f\u7528\u6df1\u4e00\u7ea7\u7684\u4e3b\u8272\u621620%\u900f\u660e\u5ea6\u7684\u7eaf\u9ed1<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-43c3c02f175b05b2.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-43c3c02f175b05b2.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-551461742adc2ce3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-551461742adc2ce3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5c0f\u9762\u79ef\u9700\u8981\u9ad8\u4eae\u663e\u793a\u7684\u5730\u65b9\u4f7f\u7528\u8f85\u52a9\u8272\u3002<br \/>\n\u5176\u4f59\u989c\u8272\u901a\u8fc7\u7eaf\u9ed1#000000\u4e0e\u7eaf\u767d#ffffff\u7684\u900f\u660e\u5ea6\u53d8\u5316\u6765\u5c55\u73b0\uff08\u5305\u62ec\u56fe\u6807\u548c\u5206\u9694\u7ebf\uff09\uff0c\u800c\u4e14\u900f\u660e\u5ea6\u9650\u5b9a\u4e86\u51e0\u4e2a\u503c\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-22c1bccb341727d7.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-22c1bccb341727d7.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-67d4c6d15e678661.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-67d4c6d15e678661.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p><strong>\u9ed1\u8272<\/strong>\uff1a[87% \u666e\u901a\u6587\u5b57] [54% \u51cf\u6de1\u6587\u5b57] [26% \u7981\u7528\u72b6\u6001\/\u63d0\u793a\u6587\u5b57] [12% \u5206\u9694\u7ebf]<br \/>\n<strong>\u767d\u8272<\/strong>\uff1a[100% \u666e\u901a\u6587\u5b57] [70% \u51cf\u6de1\u6587\u5b57] [30% \u7981\u7528\u72b6\u6001\/\u63d0\u793a\u6587\u5b57] [12% \u5206\u9694\u7ebf]<\/p>\n<h3>2.5 <a href=\"https:\/\/material.google.com\/style\/icons.html#\" target=\"_blank\">\u56fe\u6807<\/a><\/h3>\n<ul>\n<li><strong>\u684c\u9762\u56fe\u6807<\/strong><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f3626a7afdeb9fb8.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f3626a7afdeb9fb8.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-cedfd4ebf07ef871.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-cedfd4ebf07ef871.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u684c\u9762\u56fe\u6807\u5efa\u8bae\u6a21\u4eff\u73b0\u5b9e\u4e2d\u7684\u6298\u7eb8\u6548\u679c\uff0c\u901a\u8fc7\u6241\u5e73\u8272\u5f69\u8868\u73b0\u7a7a\u95f4\u548c\u5149\u5f71\u3002\u6ce8\u610f\u907f\u514d\u4ee5\u4e0b\u95ee\u9898\uff1a<\/p>\n<ul>\n<li>\u4e0d\u8981\u7ed9\u5f69\u8272\u5143\u7d20\u52a0\u6295\u5f71<\/li>\n<li>\u5c42\u53e0\u4e0d\u8981\u8d85\u8fc7\u4e24\u5c42<\/li>\n<li>\u6298\u89d2\u4e0d\u8981\u653e\u5728\u5de6\u4e0a\u89d2<\/li>\n<li>\u5e26\u6295\u5f71\u7684\u5143\u7d20\u8981\u5b8c\u6574\u5c55\u73b0\uff0c\u4e0d\u80fd\u88ab\u56fe\u6807\u8fb9\u7f18\u88c1\u526a<\/li>\n<li>\u5982\u679c\u6709\u6298\u75d5\uff0c\u653e\u5728\u56fe\u7247\u4e2d\u592e\uff0c\u5e76\u4e14\u6700\u591a\u53ea\u6709\u4e00\u6761<\/li>\n<li>\u5e26\u6298\u53e0\u6548\u679c\u7684\u56fe\u6807\uff0c\u8868\u9762\u4e0d\u8981\u6709\u56fe\u6848<\/li>\n<li>\u4e0d\u80fd\u900f\u89c6\u3001\u5f2f\u66f2<\/li>\n<li><strong>\u5c0f\u56fe\u6807<\/strong><\/li>\n<\/ul>\n<p>\u4f18\u5148\u4f7f\u7528material design\u9ed8\u8ba4\u56fe\u6807\u3002\u8bbe\u8ba1\u5c0f\u56fe\u6807\u65f6\uff0c\u4f7f\u7528\u6700\u7b80\u7ec3\u7684\u56fe\u5f62\u6765\u8868\u8fbe\uff0c\u56fe\u5f62\u4e0d\u8981\u5e26\u7a7a\u95f4\u611f\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-9a6281e64e45f90c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-9a6281e64e45f90c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u6d3b\u52a8\u533a\u57df<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-179c977dd2ee76f2.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-179c977dd2ee76f2.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u4fee\u9970\u533a\u57df<\/div>\n<\/div>\n<p>\u5c0f\u56fe\u6807\u5c3a\u5bf8\u662f24dp X 24dp\u3002\u56fe\u5f62\u9650\u5236\u5728\u4e2d\u592e20dp X 20dp\u533a\u57df\u5185\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-78e649788eb923c3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-78e649788eb923c3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5c0f\u56fe\u6807\u540c\u6837\u6709\u6805\u683c\u7cfb\u7edf\u3002\u7ebf\u6761\u3001\u7a7a\u9699\u5c3d\u91cf\u4fdd\u63012dp\u5bbd\uff0c\u5706\u89d2\u534a\u5f842dp\u3002\u7279\u6b8a\u60c5\u51b5\u76f8\u5e94\u8c03\u6574\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-a2a8cd5e049104d1.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-a2a8cd5e049104d1.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4c22f0eaec86c09b.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4c22f0eaec86c09b.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5c0f\u56fe\u6807\u7684\u989c\u8272\u4f7f\u7528\u7eaf\u9ed1\u4e0e\u7eaf\u767d\uff0c\u901a\u8fc7\u900f\u660e\u5ea6\u8c03\u6574\uff1a<br \/>\n<strong>\u9ed1\u8272<\/strong>\uff1a[54% \u6b63\u5e38\u72b6\u6001] [26% \u7981\u7528\u72b6\u6001]<br \/>\n<strong>\u767d\u8272<\/strong>\uff1a[100% \u6b63\u5e38\u72b6\u6001] [30% \u7981\u7528\u72b6\u6001]<\/p>\n<h3>2.6 <a href=\"https:\/\/material.google.com\/style\/imagery.html#imagery-ui-integration\" target=\"_blank\">\u56fe\u7247<\/a><\/h3>\n<ul>\n<li><strong>\u9009\u7528\u56fe\u7247<\/strong><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6fab16bafc00679f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6fab16bafc00679f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c3b577042fb35d2b.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c3b577042fb35d2b.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u63cf\u8ff0\u5177\u4f53\u4e8b\u7269\uff0c\u4f18\u5148\u4f7f\u7528\u7167\u7247\u3002\u7136\u540e\u53ef\u4ee5\u8003\u8651\u4f7f\u7528\u63d2\u753b\u3002<\/p>\n<ul>\n<li><strong>\u56fe\u7247\u4e0a\u7684\u6587\u5b57<\/strong><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-8029afd511ab4fbb.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-8029afd511ab4fbb.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u56fe\u7247\u4e0a\u7684\u6587\u5b57\uff0c\u9700\u8981\u6de1\u6de1\u7684\u906e\u7f69\u786e\u4fdd\u5176\u53ef\u8bfb\u6027\u3002\u6df1\u8272\u7684\u906e\u7f69\u900f\u660e\u5ea6\u572820%-40%\u4e4b\u95f4\uff0c\u6d45\u8272\u7684\u906e\u7f69\u900f\u660e\u5ea6\u572840%-60%\u4e4b\u95f4\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-90a96ccb220d041c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-90a96ccb220d041c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5bf9\u4e8e\u5e26\u6709\u6587\u5b57\u7684\u5927\u5e45\u56fe\u7247\uff0c\u906e\u7f69\u6587\u5b57\u533a\u57df\uff0c\u4e0d\u8981\u906e\u4f4f\u6574\u5f20\u56fe\u7247\u3002<\/p>\n<ul>\n<li><strong>\u63d0\u53d6\u989c\u8272<\/strong><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-45c39a9ab5302264.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-45c39a9ab5302264.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>Android L\u53ef\u4ee5\u4ece\u56fe\u7247\u4e2d\u63d0\u53d6\u4e3b\u8272\uff0c\u8fd0\u7528\u5728\u5176\u4ed6UI\u5143\u7d20\u4e0a\u3002<\/p>\n<ul>\n<li><strong>\u56fe\u7247\u52a0\u8f7d\u8fc7\u7a0b<\/strong><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-5b2268d2f64d4a93.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-5b2268d2f64d4a93.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u56fe\u7247\u7684\u52a0\u8f7d\u8fc7\u7a0b\u975e\u5e38\u8bb2\u7a76\uff0c\u900f\u660e\u5ea6\u3001\u66dd\u5149\u5ea6\u3001\u9971\u548c\u5ea63\u4e2a\u6307\u6807\u4f9d\u6b21\u53d8\u5316\uff0c\u6548\u679c\u76f8\u5f53\u7ec6\u817b\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-8d12e22e46f00a96.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-8d12e22e46f00a96.gif?imageMogr2\/auto-orient\/strip\" \/><\/div>\n<h3>2.7 <a href=\"https:\/\/material.google.com\/style\/typography.html#\" target=\"_blank\">\u6587\u5b57<\/a><\/h3>\n<ul>\n<li>\n<h2>\u5b57\u4f53<\/h2>\n<\/li>\n<\/ul>\n<p>\u82f1\u6587\u5b57\u4f53\u4f7f\u7528Roboto\uff0c\u4e2d\u6587\u5b57\u4f53\u4f7f\u7528Noto\u3002<\/p>\n<p>Roboto\u67096\u79cd\u5b57\u91cd\uff1aThin, Light, Regular, Medium, Bold \u548c Black\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-220d2f50ad1572aa.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-220d2f50ad1572aa.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>Noto\u67097\u79cd\u5b57\u91cd\uff1aThin, Light, DemiLight, Regular, Medium, Bold \u548c Black\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-dbf18dd693cd169f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-dbf18dd693cd169f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li>\n<h2>\u6587\u5b57\u6392\u7248<\/h2>\n<\/li>\n<\/ul>\n<p>\u5e38\u7528\u5b57\u53f7\uff1a<\/p>\n<ul>\n<li>12sp \u5c0f\u5b57\u63d0\u793a<\/li>\n<li>14sp\uff08\u684c\u9762\u7aef13sp\uff09 \u6b63\u6587\/\u6309\u94ae\u6587\u5b57<\/li>\n<li>16sp\uff08\u684c\u9762\u7aef15sp\uff09 \u5c0f\u6807\u9898<\/li>\n<li>20sp Appbar\u6587\u5b57<\/li>\n<li>24sp \u5927\u6807\u9898<\/li>\n<li>34sp\/45sp\/56sp\/112sp \u8d85\u5927\u53f7\u6587\u5b57<\/li>\n<\/ul>\n<p>\u957f\u7bc7\u5e45\u6b63\u6587\uff0c\u6bcf\u884c\u5efa\u8bae60\u5b57\u7b26\uff08\u82f1\u6587\uff09\u5de6\u53f3\u3002\u77ed\u6587\u672c\uff0c\u5efa\u8bae\u6bcf\u884c30\u5b57\u7b26\uff08\u82f1\u6587\uff09\u5de6\u53f3\u3002<\/p>\n<h3>2.8 \u5e03\u5c40<\/h3>\n<p>\u6240\u6709\u53ef\u64cd\u4f5c\u5143\u7d20\u6700\u5c0f\u70b9\u51fb\u533a\u57df\u5c3a\u5bf8\uff1a48dp X 48dp\u3002<\/p>\n<p>\u6805\u683c\u7cfb\u7edf\u7684\u6700\u5c0f\u5355\u4f4d\u662f8dp\uff0c\u4e00\u5207\u8ddd\u79bb\u3001\u5c3a\u5bf8\u90fd\u5e94\u8be5\u662f8dp\u7684\u6574\u6570\u500d\u3002\u4ee5\u4e0b\u662f\u4e00\u4e9b\u5e38\u89c1\u7684\u5c3a\u5bf8\u4e0e\u8ddd\u79bb\uff1a<\/p>\n<ul>\n<li>\u9876\u90e8\u72b6\u6001\u680f\u9ad8\u5ea6\uff1a24dp<\/li>\n<li>Appbar\u6700\u5c0f\u9ad8\u5ea6\uff1a56dp<\/li>\n<li>\u5e95\u90e8\u5bfc\u822a\u680f\u9ad8\u5ea6\uff1a48dp<\/li>\n<li>\u60ac\u6d6e\u6309\u94ae\u5c3a\u5bf8\uff1a56x56dp\/40x40dp<\/li>\n<li>\u7528\u6237\u5934\u50cf\u5c3a\u5bf8\uff1a64x64dp\/40x40dp<\/li>\n<li>\u5c0f\u56fe\u6807\u70b9\u51fb\u533a\u57df\uff1a48x48dp<\/li>\n<li>\u4fa7\u8fb9\u62bd\u5c49\u5230\u5c4f\u5e55\u53f3\u8fb9\u7684\u8ddd\u79bb\uff1a56dp<\/li>\n<li>\u5361\u7247\u95f4\u8ddd\uff1a8dp<\/li>\n<li>\u5206\u9694\u7ebf\u4e0a\u4e0b\u7559\u767d\uff1a8dp<\/li>\n<li>\u5927\u591a\u5143\u7d20\u7684\u7559\u767d\u8ddd\u79bb\uff1a16dp<\/li>\n<li>\u5c4f\u5e55\u5de6\u53f3\u5bf9\u9f50\u57fa\u7ebf\uff1a16dp<\/li>\n<li>\u6587\u5b57\u5de6\u4fa7\u5bf9\u9f50\u57fa\u7ebf\uff1a72dp<\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6935412cc5049646.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6935412cc5049646.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u53e6\u5916\u6ce8\u610f56dp\u8fd9\u4e2a\u6570\u5b57\uff0c\u8bb8\u591a\u5c3a\u5bf8\u53ef\u53d8\u7684\u63a7\u4ef6\uff0c\u6bd4\u5982\u5bf9\u8bdd\u6846\u3001\u83dc\u5355\u7b49\uff0c\u5bbd\u5ea6\u90fd\u53ef\u4ee5\u630956\u7684\u6574\u6570\u500d\u6765\u8bbe\u8ba1\u3002<\/p>\n<p>\u8fd8\u6709\u975e\u5e38\u591a\u89c4\u8303\uff0c\u4e0d\u8be6\u7ec6\u5217\u4e3e\uff0c\u9075\u5faa8dp\u6805\u683c\u5f88\u5bb9\u6613\u627e\u5230\u9002\u5408\u7684\u5c3a\u5bf8\u4e0e\u8ddd\u79bb\u3002\u5e73\u677f\u4e0ePC\u4e0a\u7559\u767d\u66f4\u591a\uff0c\u8ddd\u79bb\u4e0e\u5c3a\u5bf8\u8981\u76f8\u5e94\u589e\u5927\u3002<\/p>\n<h3>2.9 \u7ec4\u4ef6\uff08Components\uff09<\/h3>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/bottom-navigation.html#bottom-navigation-specs\" target=\"_blank\"><strong>\u5e95\u90e8\u5bfc\u822a\uff08Bottom navigation\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-a3f4826252bcfa5e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-a3f4826252bcfa5e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-862f47b36e51eb5f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-862f47b36e51eb5f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u663e\u793a\u6548\u679c<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-11aa82cac93803b6.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-11aa82cac93803b6.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u6807\u51c6\u793a\u4f8b<\/div>\n<\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/bottom-sheets.html#\" target=\"_blank\"><strong>\u5e95\u90e8\u52a8\u4f5c\u6761\uff08Bottom Sheets\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-43b578538f3934e0.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-43b578538f3934e0.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5e95\u90e8\u52a8\u4f5c\u6761\u662f\u4e00\u4e2a\u4ece\u5c4f\u5e55\u5e95\u90e8\u8fb9\u7f18\u5411\u4e0a\u6ed1\u51fa\u7684\u4e00\u4e2a\u9762\u677f\uff0c\u4f7f\u7528\u8fd9\u79cd\u65b9\u5f0f\u5411\u7528\u6237\u5448\u73b0\u4e00\u7ec4\u529f\u80fd\u3002\u5e95\u90e8\u52a8\u4f5c\u6761\u5448\u73b0\u4e86\u7b80\u5355\u3001\u6e05\u6670\u3001\u65e0\u9700\u989d\u5916\u89e3\u91ca\u7684\u4e00\u7ec4\u64cd\u4f5c\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-5f4a28af5224576c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-5f4a28af5224576c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b0fd84ebebaeade7.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b0fd84ebebaeade7.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u901a\u5e38\u4ee5\u5217\u8868\u5f62\u5f0f\u51fa\u73b0\uff0c\u652f\u6301\u4e0a\u4e0b\u6eda\u52a8\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-9715b6b41a7557d7.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-9715b6b41a7557d7.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-634a51b1da64bf41.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-634a51b1da64bf41.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u4e5f\u53ef\u4ee5\u662f\u7f51\u683c\u5f0f\u7684\u3002<\/p>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/buttons.html#buttons-button-types\" target=\"_blank\"><strong>\u6309\u94ae\uff08Buttons\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1deac419809c75a8.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1deac419809c75a8.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u6309\u94ae\u7531\u6587\u5b57\u548c\/\u6216\u56fe\u6807\u7ec4\u6210\uff0c\u6587\u5b57\u53ca\u56fe\u6807\u5fc5\u987b\u80fd\u8ba9\u4eba\u8f7b\u6613\u5730\u548c\u70b9\u51fb\u540e\u5c55\u793a\u7684\u5185\u5bb9\u8054\u7cfb\u8d77\u6765\u3002<\/p>\n<p>\u4e3b\u8981\u7684\u6309\u94ae\u6709\u4e09\u79cd:<\/p>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/buttons-floating-action-button.html#buttons-floating-action-button-behavior\" target=\"_blank\">\u60ac\u6d6e\u54cd\u5e94\u6309\u94ae\uff08Floating action button\uff09<\/a>\uff0c \u70b9\u51fb\u540e\u4f1a\u4ea7\u751f\u58a8\u6c34\u6269\u6563\u6548\u679c\u7684\u5706\u5f62\u6309\u94ae\u3002<\/li>\n<li>\u6d6e\u52a8\u6309\u94ae(Raised button)\uff0c \u5e38\u89c1\u7684\u65b9\u5f62\u7eb8\u7247\u6309\u94ae\uff0c\u70b9\u51fb\u540e\u4f1a\u4ea7\u751f\u58a8\u6c34\u6269\u6563\u6548\u679c\u3002<\/li>\n<li>\u6241\u5e73\u6309\u94ae(Flat button)\uff0c \u70b9\u51fb\u540e\u4ea7\u751f\u58a8\u6c34\u6269\u6563\u6548\u679c\uff0c\u548c\u6d6e\u52a8\u6309\u94ae\u7684\u533a\u522b\u662f\u6ca1\u6709\u6d6e\u8d77\u7684\u6548\u679c\u3002<\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6874f8a3bfce974e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6874f8a3bfce974e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u60ac\u6d6e\u54cd\u5e94\u6309\u94ae<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-fd6f6bc23e4b2c61.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-fd6f6bc23e4b2c61.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u6d6e\u52a8\u6309\u94ae<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-2721eda51287e711.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-2721eda51287e711.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u6241\u5e73\u6309\u94ae<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-d6595ab318562217.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-d6595ab318562217.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u6700\u91cd\u8981\u4e14\u968f\u5904\u7528\u5230\u7684\u64cd\u4f5c\uff0c\u5efa\u8bae\u4f7f\u7528\u60ac\u6d6e\u6309\u94ae\u3002\u4fe1\u606f\u8f83\u591a\u65f6\uff0c\u9009\u7528\u51f8\u8d77\u6309\u94ae\u53ef\u4ee5\u6709\u6548\u7a81\u51fa\u91cd\u8981\u64cd\u4f5c\uff0c\u4f46\u6ce8\u610f\u7eb8\u7247\u4e0d\u8981\u53e0\u592a\u591a\u5c42\u3002\u6241\u5e73\u6309\u94ae\u9002\u5408\u7528\u5728\u7b80\u5355\u7684\u754c\u9762\uff0c\u4f8b\u5982\u5bf9\u8bdd\u6846\u4e2d\u3002<\/p>\n<p>\u4f7f\u7528\u60ac\u6d6e\u6309\u94ae\u8981\u9075\u5faa\u4ee5\u4e0b\u89c4\u5219\uff1a<\/p>\n<ul>\n<li>\u5efa\u8bae\u53ea\u7528\u4e00\u4e2a\u60ac\u6d6e\u6309\u94ae<\/li>\n<li>\u60ac\u6d6e\u6309\u94ae\u53ef\u4ee5\u8d34\u5728\u7eb8\u7247\u8fb9\u7f18\u6216\u8005\u63a5\u7f1d\u5904\uff0c\u4f46\u4e0d\u8981\u8d34\u5728\u5bf9\u8bdd\u6846\u3001\u4fa7\u8fb9\u62bd\u5c49\u548c\u83dc\u5355\u7684\u8fb9\u7f18<\/li>\n<li>\u60ac\u6d6e\u6309\u94ae\u4e0d\u80fd\u88ab\u5176\u4ed6\u5143\u7d20\u76d6\u4f4f\uff0c\u4e5f\u4e0d\u80fd\u6321\u4f4f\u5176\u4ed6\u6309\u94ae<\/li>\n<li>\u5217\u8868\u6eda\u52a8\u81f3\u5e95\u90e8\u65f6\uff0c\u60ac\u6d6e\u6309\u94ae\u5e94\u8be5\u9690\u85cf\uff0c\u9632\u6b62\u5b83\u6321\u4f4f\u5217\u8868\u9879<\/li>\n<li>\u60ac\u6d6e\u6309\u94ae\u7684\u4f4d\u7f6e\u4e0d\u80fd\u968f\u610f\u6446\u653e\uff0c\u53ef\u4ee5\u8d34\u7740\u5de6\u53f3\u4e24\u8fb9\u7684\u5bf9\u9f50\u57fa\u7ebf<\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e1587e1c53098a5d.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e1587e1c53098a5d.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u60ac\u6d6e\u6309\u94ae\u6709\u4e24\u79cd\u5c3a\u5bf8\uff1a56x56dp\/40x40dp<\/p>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/cards.html#cards-usage\" target=\"_blank\"><strong>\u5361\u7247\uff08Cards\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7a03e314a029a3b6.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7a03e314a029a3b6.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5361\u7247\u662f\u5305\u542b\u4e00\u7ec4\u7279\u5b9a\u6570\u636e\u96c6\u7684\u7eb8\u7247\uff0c\u6570\u636e\u96c6\u542b\u6709\u5404\u79cd\u76f8\u5173\u4fe1\u606f\uff0c\u4f8b\u5982\uff0c\u5173\u4e8e\u5355\u4e00\u4e3b\u9898\u7684\u7167\u7247\uff0c\u6587\u672c\uff0c\u548c\u94fe\u63a5\u3002\u5361\u7247\u901a\u5e38\u662f\u901a\u5f80\u66f4\u8be6\u7ec6\u590d\u6742\u4fe1\u606f\u7684\u5165\u53e3\u3002\u5361\u7247\u6709\u56fa\u5b9a\u7684\u5bbd\u5ea6\u548c\u53ef\u53d8\u7684\u9ad8\u5ea6\u3002\u6700\u5927\u9ad8\u5ea6\u9650\u5236\u4e8e\u53ef\u9002\u5e94\u5e73\u53f0\u4e0a\u5355\u4e00\u89c6\u56fe\u7684\u5185\u5bb9\uff0c\u4f46\u5982\u679c\u9700\u8981\u5b83\u53ef\u4ee5\u4e34\u65f6\u6269\u5c55\uff08\u4f8b\u5982\uff0c\u663e\u793a\u8bc4\u8bba\u680f\uff09\u3002\u5361\u7247\u4e0d\u4f1a\u7ffb\u8f6c\u4ee5\u5c55\u793a\u5176\u80cc\u540e\u7684\u4fe1\u606f\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e37ee0bcbf9f8bf1.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e37ee0bcbf9f8bf1.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\"><strong>\u5361\u7247\u96c6<\/strong>\u662f<strong>\u5361\u7247<\/strong>\u7684\u4e00\u4e2a\u5e73\u9762\u5e03\u5c40<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-d1182baef05b5aaa.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-d1182baef05b5aaa.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u5373\u4f7f\u5728\u540c\u4e00\u4e2a\u5217\u8868\u4e2d\uff0c\u5361\u7247\u7684\u5185\u5bb9\u548c\u5e03\u5c40\u65b9\u5f0f\u4e5f\u53ef\u4ee5\u4e0d\u4e00\u6837\u3002<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-26e16d9bcc058cc6.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-26e16d9bcc058cc6.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u5361\u7247\u7edf\u4e00\u5e26\u67092dp\u7684\u5706\u89d2\u3002<\/div>\n<\/div>\n<p>\u5728\u4ee5\u4e0b\u60c5\u51b5\u8003\u8651\u4f7f\u7528\u5361\u7247\uff1a<\/p>\n<ul>\n<li>\u540c\u65f6\u5c55\u73b0\u591a\u79cd\u4e0d\u540c\u5185\u5bb9<\/li>\n<li>\u5361\u7247\u5185\u5bb9\u4e4b\u95f4\u4e0d\u9700\u8981\u8fdb\u884c\u6bd4\u8f83<\/li>\n<li>\u5305\u542b\u4e86\u957f\u5ea6\u4e0d\u786e\u5b9a\u7684\u5185\u5bb9\uff0c\u6bd4\u5982\u8bc4\u8bba<\/li>\n<li>\u5305\u542b\u4e30\u5bcc\u7684\u5185\u5bb9\u4e0e\u64cd\u4f5c\u9879\uff0c\u6bd4\u5982\u8d5e\u3001\u6eda\u52a8\u6761\u3001\u8bc4\u8bba<\/li>\n<li>\u672c\u8be5\u662f\u5217\u8868\uff0c\u4f46\u6587\u5b57\u8d85\u8fc73\u884c<\/li>\n<li>\u672c\u8be5\u662f\u7f51\u683c\uff0c\u4f46\u9700\u8981\u5c55\u73b0\u66f4\u591a\u6587\u5b57<\/li>\n<\/ul>\n<p>\u5361\u7247\u6700\u591a\u6709\u4e24\u5757\u64cd\u4f5c\u533a\u57df\u3002\u8f85\u52a9\u64cd\u4f5c\u533a\u81f3\u591a\u5305\u542b\u4e24\u4e2a\u64cd\u4f5c\u9879\uff0c\u66f4\u591a\u64cd\u4f5c\u9700\u8981\u4f7f\u7528\u4e0b\u62c9\u83dc\u5355\u3002\u5176\u4f59\u90e8\u5206\u90fd\u662f\u4e3b\u64cd\u4f5c\u533a\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7a32b719723fb500.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7a32b719723fb500.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p><strong>\u5361\u7247\u5e03\u5c40\u51c6\u5219<\/strong><\/p>\n<p><strong>\u5b57\u4f53\u8bbe\u8ba1<\/strong><br \/>\n\u6b63\u6587\uff1a14 sp \u6216 16 sp<br \/>\n\u6807\u9898\uff1a24 sp \u6216\u66f4\u5927<br \/>\n\u6241\u5e73\u6309\u94ae\uff1aRoboto Medium, 14 sp, 10 sp \u5b57\u95f4\u8ddd<\/p>\n<p><strong>\u79fb\u52a8\u8bbe\u5907\u4e0a\u7684\u5361\u7247\u95f4\u8ddd<\/strong><br \/>\n\u5c4f\u5e55\u8fb9\u754c\u4e0e\u5361\u7247\u95f4\u7559\u767d\uff1a8 dp<br \/>\n\u5361\u7247\u95f4\u7559\u767d\uff1a8 dp<\/p>\n<p><strong>\u5185\u5bb9\u7559\u767d<\/strong><br \/>\n16 dp<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-226ae095c20d3932.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-226ae095c20d3932.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-955598ceff35a722.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-955598ceff35a722.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/chips.html#\" target=\"_blank\"><strong>\u7eb8\u7247\uff08Chips \uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-0512c79b8226661a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-0512c79b8226661a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u7eb8\u7247\u662f\u4e00\u79cd\u5c0f\u5757\u7684\u7528\u6765\u5448\u73b0\u590d\u6742\u5b9e\u4f53\u7684\u5757\uff0c\u6bd4\u5982\u8bf4\u65e5\u5386\u7684\u4e8b\u4ef6\u6216\u8054\u7cfb\u4eba\u3002\u5b83\u53ef\u4ee5\u5305\u542b\u4e00\u5f20\u56fe\u7247\uff0c\u4e00\u4e2a\u77ed\u5b57\u7b26\u4e32(\u5fc5\u8981\u65f6\u53ef\u80fd\u88ab\u622a\u53d6\u7684\u5b57\u7b26\u4e32)\uff0c\u6216\u8005\u662f\u5176\u5b83\u7684\u4e00\u4e9b\u4e0e\u5b9e\u4f53\u5bf9\u8c61\u6709\u5173\u7684\u7b80\u6d01\u7684\u4fe1\u606f\u3002Chips \u53ef\u4ee5\u975e\u5e38\u65b9\u4fbf\u7684\u901a\u8fc7\u6258\u62fd\u6765\u64cd\u4f5c\u3002\u901a\u8fc7\u6309\u538b\u52a8\u4f5c\u53ef\u4ee5\u89e6\u53d1\u60ac\u6d6e\u5361\u7247(\u6216\u8005\u662f\u5168\u5c4f\u89c6\u56fe)\u4e2d\u7684 Chip \u5bf9\u5e94\u5b9e\u4f53\u7684\u89c6\u56fe\uff0c\u6216\u8005\u662f\u5f39\u51fa\u4e0e Chip \u5b9e\u4f53\u76f8\u5173\u7684\u64cd\u4f5c\u83dc\u5355\u3002<\/p>\n<p>\u72ed\u5c0f\u7a7a\u95f4\u5185\u8868\u73b0\u590d\u6742\u4fe1\u606f\u7684\u4e00\u4e2a\u7ec4\u4ef6\uff0c\u6bd4\u5982\u65e5\u671f\u3001\u8054\u7cfb\u4eba\u9009\u62e9\u5668\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-378e26160ed89aed.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-378e26160ed89aed.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bfe8fa8c96d33693.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bfe8fa8c96d33693.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/dialogs.html\" target=\"_blank\"><strong>\u63d0\u793a\u6846\uff08Dialogs\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-8e8b97e16e26b48c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-8e8b97e16e26b48c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>Dialogs \u7528\u4e8e\u63d0\u793a\u7528\u6237\u4f5c\u4e00\u4e9b\u51b3\u5b9a\uff0c\u6216\u8005\u662f\u5b8c\u6210\u67d0\u4e2a\u4efb\u52a1\u65f6\u9700\u8981\u7684\u4e00\u4e9b\u5176\u5b83\u989d\u5916\u7684\u4fe1\u606f\u3002 Dialog \u53ef\u4ee5\u662f\u7528\u4e00\u79cd \u53d6\u6d88\/\u786e\u5b9a \u7684\u7b80\u5355\u5e94\u7b54\u6a21\u5f0f\uff0c\u4e5f\u53ef\u4ee5\u662f\u81ea\u5b9a\u4e49\u5e03\u5c40\u7684\u590d\u6742\u6a21\u5f0f\uff0c\u6bd4\u5982\u8bf4\u4e00\u4e9b\u6587\u672c\u8bbe\u7f6e\u6216\u8005\u662f\u6587\u672c\u8f93\u5165 \u3002<\/p>\n<p>\u4e00\u4e9b\u590d\u6742\u7684\u64cd\u4f5c\uff0c\u5c24\u5176\u662f\u6bcf\u4e2a\u51b3\u7b56\u90fd\u9700\u8981\u76f8\u5173\u89e3\u91ca\u8bf4\u660e\u7684\u60c5\u51b5\u4e0b\u662f\u4e0d\u9002\u5408\u4f7f\u7528 Dialog \u5f62\u5f0f\u7684\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7f8f787ab5e639d7.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7f8f787ab5e639d7.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>Dialog \u5305\u542b\u4e86\u4e00\u4e2a\u6807\u9898(\u53ef\u9009)\uff0c\u5185\u5bb9 \uff0c\u4e8b\u4ef6\u3002<br \/>\n<strong>\u6807\u9898<\/strong>\uff1a\u4e3b\u8981\u662f\u7528\u4e8e\u7b80\u5355\u63cf\u8ff0\u4e0b\u9009\u62e9\u7c7b\u578b\u3002\u5b83\u662f\u53ef\u9009\u7684\uff0c\u8981\u9700\u8981\u7684\u65f6\u5019\u8d4b\u503c\u5373\u53ef\u3002<br \/>\n<strong>\u5185\u5bb9<\/strong>\uff1a\u4e3b\u8981\u662f\u63cf\u8ff0\u8981\u4f5c\u51fa\u4e00\u4e2a\u4ec0\u4e48\u6837\u7684\u51b3\u5b9a \u3002<br \/>\n<strong>\u4e8b\u4ef6<\/strong>\uff1a\u4e3b\u8981\u662f\u5141\u8bb8\u7528\u6237\u901a\u8fc7\u786e\u8ba4\u4e00\u4e2a\u5177\u4f53\u64cd\u4f5c\u6765\u7ee7\u7eed\u4e0b\u4e00\u6b65\u6d3b\u52a8\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-579e753462ea6ea9.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-579e753462ea6ea9.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/dividers.html#\" target=\"_blank\"><strong>\u5206\u9694\u7ebf\uff08Dividers\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-18927a8fbc4fc4f5.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-18927a8fbc4fc4f5.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>Dividers \u4e3b\u8981\u7528\u4e8e\u7ba1\u7406\u548c\u5206\u9694\u5217\u8868\u548c\u9875\u9762\u5e03\u5c40\u5185\u7684\u5185\u5bb9\uff0c\u4ee5\u4fbf\u8ba9\u5185\u5bb9\u751f\u6210\u66f4\u597d\u7684\u89c6\u89c9\u6548\u679c\u53ca\u7a7a\u95f4\u611f\u3002\u793a\u4f8b\u4e2d\u5448\u73b0\u7684\u5206\u9694\u7ebf\u662f\u4e00\u79cd\u5f31\u89c4\u5219\uff0c\u5f31\u5230\u4e0d\u4f1a\u53bb\u6253\u6270\u5230\u7528\u6237\u5bf9\u5185\u5bb9\u7684\u5173\u6ce8\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b3e7430ed65e2407.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b3e7430ed65e2407.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u5217\u8868\u4e2d\u6709\u5934\u50cf\u3001\u56fe\u7247\u7b49\u5143\u7d20\u65f6\uff0c\u4f7f\u7528\u5185\u5d4c\u5206\u9694\u7ebf\uff0c\u5de6\u7aef\u4e0e\u6587\u5b57\u5bf9\u9f50\u3002<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-cbe9583ff7dbd7da.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-cbe9583ff7dbd7da.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u6ca1\u6709\u5934\u50cf\u3001\u56fe\u6807\u7b49\u5143\u7d20\u65f6\uff0c\u9700\u8981\u7528\u901a\u680f\u5206\u9694\u7ebf<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-0d66793032ffa694.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-0d66793032ffa694.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u56fe\u7247\u672c\u8eab\u5c31\u8d77\u5230\u5212\u5b9a\u533a\u57df\u7684\u4f5c\u7528\uff0c\u76f8\u518c\u5217\u8868\u4e0d\u9700\u8981\u5206\u9694\u7ebf<\/div>\n<\/div>\n<p>\u8c28\u614e\u4f7f\u7528\u5206\u9694\u7ebf\uff0c\u7559\u767d\u548c\u5c0f\u6807\u9898\u4e5f\u80fd\u8d77\u5230\u5206\u9694\u4f5c\u7528\u3002\u80fd\u7528\u7559\u767d\u7684\u5730\u65b9\uff0c\u4f18\u5148\u4f7f\u7528\u7559\u767d\u3002\u5206\u9694\u7ebf\u7684\u5c42\u7ea7\u9ad8\u4e8e\u7559\u767d\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ccc7955b6a5b82ef.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ccc7955b6a5b82ef.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f4eae4ce2d74c70f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f4eae4ce2d74c70f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u901a\u680f\u5206\u9694\u7ebf\u7684\u5c42\u7ea7\u9ad8\u4e8e\u5185\u5d4c\u5206\u9694\u7ebf<\/div>\n<\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/grid-lists.html\" target=\"_blank\"><strong>\u7f51\u683c\uff08Grids\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-8ff28aecc37c95b3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-8ff28aecc37c95b3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u7f51\u683c\u5217\u8868\u662f\u4e00\u79cd\u6807\u51c6\u5217\u8868\u89c6\u56fe\u7684\u53ef\u9009\u7ec4\u4ef6\u3002\u7f51\u683c\u5217\u8868\u4e0e\u5e94\u7528\u4e8e\u5e03\u5c40\u548c\u5176\u4ed6\u53ef\u89c6\u89c6\u56fe\u4e2d\u7684\u7f51\u683c\u6709\u7740\u660e\u663e\u7684\u533a\u522b\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f0fb7d46614398f3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f0fb7d46614398f3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-0d3b56e7767990e1.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-0d3b56e7767990e1.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u7f51\u683c\u7531\u5355\u5143\u683c\u6784\u6210\uff0c\u5355\u5143\u683c\u4e2d\u7684\u74e6\u7247\u7528\u6765\u627f\u8f7d\u5185\u5bb9<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-545378dc546eb3f9.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-545378dc546eb3f9.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u74e6\u7247\u53ef\u4ee5\u6a2a\u8de8\u591a\u4e2a\u5355\u5143\u683c<\/div>\n<\/div>\n<p>\u74e6\u7247\u5185\u5bb9\u5305\u62ec\u4e3b\u8981\u5185\u5bb9\uff08primary content\uff09\u548c\u6b21\u8981\u5185\u5bb9(secondary content)\u3002\u4e3b\u8981\u5185\u5bb9\u662f\u6709\u7740\u91cd\u8981\u533a\u522b\u7684\u5185\u5bb9\uff0c\u5178\u578b\u7684\u5982\u56fe\u7247\u3002\u6b21\u8981\u5185\u5bb9\u53ef\u4ee5\u662f\u4e00\u4e2a\u52a8\u4f5c\u6309\u94ae\u6216\u8005\u6587\u672c\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f48f30fb1e4f6381.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f48f30fb1e4f6381.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u4e3a\u74e6\u7247\u5185\u5bb9\u63d0\u4f9b\u4e00\u4e2a\u9ed8\u8ba4\u56fe\u7247\u3002<br \/>\n\u7f51\u683c\u53ea\u80fd\u5782\u76f4\u6eda\u52a8\u3002\u5355\u4e2a\u74e6\u7247\u4e0d\u652f\u6301\u6ed1\u52a8\u624b\u52bf\uff0c\u4e5f\u4e0d\u9f13\u52b1\u4f7f\u7528\u62d6\u653e\u64cd\u4f5c\u3002<br \/>\n\u7f51\u683c\u4e2d\u7684\u5355\u5143\u683c\u95f4\u8ddd\u662f2dp\u62168dp\u3002<\/p>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/lists.html#\" target=\"_blank\"><strong>\u5217\u8868\uff08Lists\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b922b3164317e117.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b922b3164317e117.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5217\u8868\u4f5c\u4e3a\u4e00\u4e2a\u5355\u4e00\u7684\u8fde\u7eed\u5143\u7d20\u6765\u4ee5\u5782\u76f4\u6392\u5217\u7684\u65b9\u5f0f\u663e\u793a\u591a\u884c\u6761\u76ee\u3002<\/p>\n<p>\u5217\u8868\u7531\u5355\u4e00\u8fde\u7eed\u7684\u5217\u6784\u6210\uff0c\u8be5\u5217\u53c8\u7b49\u5206\u6210\u76f8\u540c\u5bbd\u5ea6\u79f0\u4e3a\u884c\uff08rows\uff09\u7684\u5b50\u90e8\u5206\u3002\u884c\u662f\u74e6\u7247\uff08tiles\uff09\u7684\u5bb9\u5668\u3002\u74e6\u7247\u4e2d\u5b58\u653e\u5185\u5bb9\uff0c\u5e76\u4e14\u5728\u5217\u8868\u4e2d\u53ef\u4ee5\u6539\u53d8\u9ad8\u5ea6\u3002<\/p>\n<p>\u5982\u679c\u5217\u8868\u9879\u5185\u5bb9\u6587\u5b57\u8d85\u8fc73\u884c\uff0c\u8bf7\u6539\u7528\u5361\u7247\u3002\u5982\u679c\u5217\u8868\u9879\u7684\u4e3b\u8981\u533a\u522b\u5728\u4e8e\u56fe\u7247\uff0c\u8bf7\u6539\u7528\u7f51\u683c\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4ff1eb4ee6f686a3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4ff1eb4ee6f686a3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1ec5f24d37614c69.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1ec5f24d37614c69.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5217\u8868\u5305\u542b\u4e3b\u64cd\u4f5c\u533a\u4e0e\u526f\u64cd\u4f5c\u533a\u3002\u526f\u64cd\u4f5c\u533a\u4f4d\u4e8e\u5217\u8868\u53f3\u4fa7\uff0c\u5176\u4f59\u90fd\u662f\u4e3b\u64cd\u4f5c\u533a\u3002\u5728\u540c\u4e00\u4e2a\u5217\u8868\u4e2d\uff0c\u4e3b\u3001\u526f\u64cd\u4f5c\u533a\u7684\u5185\u5bb9\u4e0e\u4f4d\u7f6e\u8981\u4fdd\u6301\u4e00\u81f4\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-33cde7047ca70e82.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-33cde7047ca70e82.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5728\u540c\u4e00\u4e2a\u5217\u8868\u4e2d\uff0c\u6ed1\u52a8\u624b\u52bf\u64cd\u4f5c\u4fdd\u6301\u4e00\u81f4\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6dddaaafc925901c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6dddaaafc925901c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u4e3b\u64cd\u4f5c\u533a\u4e0e\u526f\u64cd\u4f5c\u533a\u7684\u56fe\u6807\u6216\u56fe\u5f62\u5143\u7d20\u662f\u5217\u8868\u63a7\u5236\u9879\uff0c\u5217\u8868\u7684\u63a7\u5236\u9879\u53ef\u4ee5\u662f\u52fe\u9009\u6846\u3001\u5f00\u5173\u3001\u62d6\u52a8\u6392\u5e8f\u3001\u5c55\u5f00\/\u6536\u8d77\u7b49\u64cd\u4f5c\uff0c\u4e5f\u53ef\u4ee5\u5305\u542b\u5feb\u6377\u952e\u63d0\u793a\u3001\u4e8c\u7ea7\u83dc\u5355\u7b49\u63d0\u793a\u4fe1\u606f\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b301df81f52371e4.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b301df81f52371e4.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/menus.html\" target=\"_blank\"><strong>\u83dc\u5355\uff08Menus\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e6cb0669b54c86eb.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e6cb0669b54c86eb.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u987a\u5e8f\u56fa\u5b9a\u7684\u83dc\u5355\uff0c\u64cd\u4f5c\u9891\u7e41\u7684\u9009\u9879\u653e\u5728\u4e0a\u9762\u3002<br \/>\n\u987a\u5e8f\u53ef\u53d8\u7684\u83dc\u5355\uff0c\u53ef\u4ee5\u628a\u4e4b\u524d\u7528\u8fc7\u7684\u9009\u9879\u6392\u5728\u524d\u9762\uff0c\u52a8\u6001\u6392\u5e8f\u3002<br \/>\n\u83dc\u5355\u5c3d\u91cf\u4e0d\u8981\u8d85\u8fc72\u7ea7\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-afaa9ada4019d364.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-afaa9ada4019d364.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5f53\u524d\u4e0d\u53ef\u7528\u7684\u9009\u9879\u8981\u663e\u793a\u51fa\u6765\uff0c\u8ba9\u7528\u6237\u77e5\u9053\u5728\u7279\u5b9a\u6761\u4ef6\u53ef\u4ee5\u89e6\u53d1\u8fd9\u4e9b\u64cd\u4f5c\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ace67f1fd6fc546a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ace67f1fd6fc546a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u83dc\u5355\u539f\u5730\u5c55\u5f00\uff0c\u76d6\u4f4f\u5f53\u524d\u9009\u9879\uff0c\u5f53\u524d\u9009\u9879\u5e94\u8be5\u6210\u4e3a\u83dc\u5355\u7684\u7b2c\u4e00\u9879\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-719ff5aee63075a0.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-719ff5aee63075a0.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u83dc\u5355\u7684\u5f53\u524d\u9009\u9879\uff0c\u59cb\u7ec8\u4e0e\u5f53\u524d\u9009\u9879\u6c34\u5e73\u5bf9\u9f50\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4eef0519ea66ccf4.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4eef0519ea66ccf4.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c18e354bd77cf53a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c18e354bd77cf53a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u9760\u8fd1\u5c4f\u5e55\u8fb9\u7f18\u65f6\uff0c\u4f4d\u7f6e\u53ef\u9002\u5f53\u9519\u5f00\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1a6fed5075e7648a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1a6fed5075e7648a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u83dc\u5355\u8fc7\u957f\u65f6\uff0c\u9700\u8981\u663e\u793a\u6eda\u52a8\u6761\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c434420c32acc648.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c434420c32acc648.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u83dc\u5355\u4ece\u5f53\u524d\u9009\u9879\u56fa\u5b9a\u4f4d\u7f6e\u5c55\u5f00\uff0c\u4e0d\u8981\u8ddf\u968f\u70b9\u51fb\u4f4d\u7f6e\u6539\u53d8\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6a98270a6e92228b.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6a98270a6e92228b.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u83dc\u5355\u5230\u4e0a\u4e0b\u7559\u51fa8dp\u8ddd\u79bb\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f471f699e1a23724.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f471f699e1a23724.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/pickers.html\" target=\"_blank\"><strong>\u9009\u62e9\u5668\uff08Pickers\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-2afba0ae829a79bd.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-2afba0ae829a79bd.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u9009\u62e9\u5668\u63d0\u4f9b\u4e86\u4e00\u4e2a\u7b80\u5355\u7684\u65b9\u6cd5\u6765\u4ece\u4e00\u4e2a\u9884\u5b9a\u4e49\u96c6\u5408\u4e2d\u9009\u53d6\u5355\u4e2a\u503c\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-88b3cb7855ab23b5.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-88b3cb7855ab23b5.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u65e5\u671f\u9009\u62e9\u5668<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-34df0b8d6858902f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-34df0b8d6858902f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u65f6\u95f4\u9009\u62e9\u5668<\/div>\n<\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/progress-activity.html\" target=\"_blank\"><strong>\u8fdb\u5ea6\u548c\u52a8\u6001\uff08Progress &amp; activity\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bd582847b5ba8f40.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bd582847b5ba8f40.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-cc263bc4c15b34b5.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-cc263bc4c15b34b5.gif?imageMogr2\/auto-orient\/strip\" \/><\/p>\n<div class=\"image-caption\">\u7ebf\u5f62\u8fdb\u5ea6\u6761\u53ea\u51fa\u73b0\u5728\u7eb8\u7247\u7684\u8fb9\u7f18<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-9f9e24f3d138239d.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-9f9e24f3d138239d.gif?imageMogr2\/auto-orient\/strip\" \/><\/p>\n<div class=\"image-caption\">\u73af\u5f62\u8fdb\u5ea6\u6761\u4e5f\u5206\u65f6\u95f4\u5df2\u77e5\u548c\u65f6\u95f4\u672a\u77e5\u4e24\u79cd<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-769b84413a06d4a3.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-769b84413a06d4a3.gif?imageMogr2\/auto-orient\/strip\" \/><\/p>\n<div class=\"image-caption\">\u73af\u5f62\u8fdb\u5ea6\u6761\u53ef\u4ee5\u7528\u5728\u60ac\u6d6e\u6309\u94ae\u4e0a<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-5eb2094e8ea6cf79.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-5eb2094e8ea6cf79.gif?imageMogr2\/auto-orient\/strip\" \/><\/p>\n<div class=\"image-caption\">\u52a0\u8f7d\u8be6\u7ec6\u4fe1\u606f\u65f6\uff0c\u4e5f\u53ef\u4ee5\u4f7f\u7528\u8fdb\u5ea6\u6761<\/div>\n<\/div>\n<p>\u4e0b\u62c9\u5237\u65b0\u7684\u52a8\u753b\u6bd4\u8f83\u7279\u6b8a\uff0c\u5217\u8868\u4e0d\u52a8\uff0c\u51fa\u73b0\u4e00\u5f20\u5e26\u6709\u73af\u5f62\u8fdb\u5ea6\u6761\u7684\u7eb8\u7247\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b2b7ccff7a10f1f0.gif?imageMogr2\/auto-orient\/strip\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b2b7ccff7a10f1f0.gif?imageMogr2\/auto-orient\/strip\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/sliders.html#sliders-continuous-slider\" target=\"_blank\"><strong>\u6ed1\u5757\u63a7\u4ef6\uff08Sliders\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6bc5e06ad1500f2b.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6bc5e06ad1500f2b.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e19809719b2bb955.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e19809719b2bb955.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u6ed1\u5757\u5de6\u53f3\u4e24\u8fb9\u53ef\u4ee5\u653e\u7f6e\u56fe\u6807<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-54ba6870f6f03088.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-54ba6870f6f03088.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u6216\u662f\u53ef\u7f16\u8f91\u6587\u672c\u6846<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ada3ba0c1e7e3be4.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ada3ba0c1e7e3be4.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u975e\u8fde\u7eed\u7684\u6ed1\u5757\uff0c\u9700\u8981\u6807\u51fa\u5177\u4f53\u6570\u503c<\/div>\n<\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/snackbars-toasts.html\" target=\"_blank\"><strong>Snackbars &amp; toasts<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1b13e575607625c6.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1b13e575607625c6.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>Snackbars\u81f3\u591a\u5305\u542b\u4e00\u4e2a\u64cd\u4f5c\u9879\uff0c\u4e0d\u80fd\u5305\u542b\u56fe\u6807\u3002\u4e0d\u80fd\u51fa\u73b0\u4e00\u4e2a\u4ee5\u4e0a\u7684Snackbars\u3002<\/p>\n<p>Snackbars\u5728\u79fb\u52a8\u8bbe\u5907\u4e0a\uff0c\u51fa\u73b0\u5728\u5e95\u90e8\u3002\u5728PC\u4e0a\uff0c\u5e94\u8be5\u60ac\u6d6e\u5728\u5c4f\u5e55\u5de6\u4e0b\u89d2\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-de84dbf0ed453d87.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-de84dbf0ed453d87.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u4e0d\u4e00\u5b9a\u8981\u7528\u6237\u54cd\u5e94\u7684\u63d0\u793a\uff0c\u53ef\u4ee5\u4f7f\u7528Snackbars\u3002\u975e\u5e38\u91cd\u8981\u7684\u63d0\u793a\uff0c\u5fc5\u987b\u7528\u6237\u6765\u51b3\u5b9a\u7684\uff0c\u5e94\u8be5\u7528\u5bf9\u8bdd\u6846\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-243c3fa1a3382b69.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-243c3fa1a3382b69.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>Snackbars\u4e0d\u80fd\u906e\u6321\u4f4f\u60ac\u6d6e\u6309\u94ae\uff0c\u60ac\u6d6e\u6309\u94ae\u8981\u4e0a\u79fb\u8ba9\u51fa\u4f4d\u7f6e\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f5a931a02c48bdc3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f5a931a02c48bdc3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>Snackbars\u7684\u7559\u767d\u6bd4\u8f83\u5927\uff0c24dp\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b66ae45e2d931ad1.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b66ae45e2d931ad1.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>toasts\u548cSnackbars\u7c7b\u4f3c\uff0c\u6837\u5f0f\u548c\u4f4d\u7f6e\u53ef\u4ee5\u81ea\u5b9a\u4e49\uff0c\u5efa\u8bae\u9075\u5faaSnackbars\u7684\u89c4\u5219\u8bbe\u8ba1\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-2e67ee4b0c8c1812.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-2e67ee4b0c8c1812.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/subheaders.html\" target=\"_blank\"><strong>\u526f\u6807\u9898\uff08Subheaders\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4eedd6f295b31b0c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4eedd6f295b31b0c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5c0f\u6807\u9898\u662f\u5217\u8868\u6216\u7f51\u683c\u4e2d\u7684\u7279\u6b8a\u74e6\u7247\uff0c\u63cf\u8ff0\u5217\u8868\u5185\u5bb9\u7684\u5206\u7c7b\u3001\u6392\u5e8f\u7b49\u4fe1\u606f\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-18a6f8d847eabb39.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-18a6f8d847eabb39.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u6eda\u52a8\u65f6\uff0c\u5982\u679c\u5217\u8868\u8f83\u957f\uff0c\u5c0f\u6807\u9898\u4f1a\u56fa\u5b9a\u5728\u9876\u90e8\uff0c\u76f4\u5230\u4e0b\u4e00\u4e2a\u5c0f\u6807\u9898\u5c06\u5b83\u9876\u4e0a\u53bb\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-74100a1224d3dc33.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-74100a1224d3dc33.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5b58\u5728\u6d6e\u52a8\u6309\u94ae\u65f6\uff0c\u5c0f\u6807\u9898\u8981\u8ba9\u51fa\u4f4d\u7f6e\uff0c\u4e0e\u6587\u5b57\u5bf9\u9f50\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1d787a1d9a8d4fee.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1d787a1d9a8d4fee.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/selection-controls.html#\" target=\"_blank\"><strong>\u9009\u62e9\u63a7\u5236\uff08Selection controls\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-2b435d0d7578510d.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-2b435d0d7578510d.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5f00\u5173\u5141\u8bb8\u7528\u6237\u9009\u62e9\u9009\u62e9\u9879\u3002\u4e00\u5171\u6709\u4e09\u79cd\u7c7b\u578b\u7684\u5f00\u5173\uff1a\u590d\u9009\u6846\u3001\u5355\u9009\u6309\u94ae\u548c on\/off \u5f00\u5173\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ac1965bb70b4702d.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ac1965bb70b4702d.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u5355\u9009\u6309\u94ae\uff08Radio button\uff09<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f34cfac81d69ec0e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f34cfac81d69ec0e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u590d\u9009\u6846\uff08Checkbox\uff09<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e3723c55496f4660.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e3723c55496f4660.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u5f00\u5173\uff08Switch\uff09<\/div>\n<\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/tabs.html\" target=\"_blank\"><strong>Tabs<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-87b38ce17c836377.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-87b38ce17c836377.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5728\u4e00\u4e2a app \u4e2d\uff0ctabs \u4f7f\u5728\u4e0d\u540c\u7684\u89c6\u56fe\u548c\u529f\u80fd\u95f4\u63a2\u7d22\u548c\u5207\u6362\u4ee5\u53ca\u6d4f\u89c8\u4e0d\u540c\u7c7b\u522b\u7684\u6570\u636e\u96c6\u5408\u8d77\u6765\u53d8\u5f97\u7b80\u5355\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-57a2271bd64bb7c4.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-57a2271bd64bb7c4.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u6269\u5c55\u7684 app bar + tab bar<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6b2a67f7f960b8e7.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6b2a67f7f960b8e7.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u52a0\u5165\u68c0\u7d22 + app bar + tab bar<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-97c687272cf6410a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-97c687272cf6410a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u9ed8\u8ba4\u7684 app bar + tab bar<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-307668beb3312640.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-307668beb3312640.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u9ed8\u8ba4\u7684 app bar + \u53ef\u6eda\u52a8\u7684 tab bar<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b0c7a43177c1f3c1.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b0c7a43177c1f3c1.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u548c tab \u6307\u793a\u5668\u4e00\u6837\u7684\u5b57\u4f53\u989c\u8272<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-fb8a80e1cf6d0dd3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-fb8a80e1cf6d0dd3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u88ab\u9501\u5b9a\u6eda\u52a8\u7684 tab bar<\/div>\n<\/div>\n<p>tab\u53ea\u7528\u6765\u5c55\u73b0\u4e0d\u540c\u7c7b\u578b\u7684\u5185\u5bb9\uff0c\u4e0d\u80fd\u5f53\u5bfc\u822a\u83dc\u5355\u4f7f\u7528\u3002tab\u81f3\u5c112\u9879\uff0c\u81f3\u591a6\u9879\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-3f2bff66271cc3ad.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-3f2bff66271cc3ad.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>tab\u6587\u5b57\u8981\u663e\u793a\u5b8c\u6574\uff0c\u5b57\u53f7\u4fdd\u6301\u4e00\u81f4\uff0c\u4e0d\u80fd\u6298\u884c\uff0c\u6587\u5b57\u4e0e\u56fe\u6807\u4e0d\u80fd\u6df7\u7528\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-aba06844da667d67.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-aba06844da667d67.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/text-fields.html#text-fields-single-line-text-field\" target=\"_blank\"><strong>\u6587\u672c\u5b57\u6bb5\uff08Text fields\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-54776d2106422415.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-54776d2106422415.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u6587\u672c\u6846\u53ef\u4ee5\u8ba9\u7528\u6237\u8f93\u5165\u6587\u672c\u3002\u5b83\u4eec\u53ef\u4ee5\u662f\u5355\u884c\u7684\uff0c\u5e26\u6216\u4e0d\u5e26\u6eda\u52a8\u6761\uff0c\u4e5f\u53ef\u4ee5\u662f\u591a\u884c\u7684\uff0c\u5e76\u4e14\u5e26\u6709\u4e00\u4e2a\u56fe\u6807\u3002\u70b9\u51fb\u6587\u672c\u6846\u540e\u663e\u793a\u5149\u6807\uff0c\u5e76\u81ea\u52a8\u663e\u793a\u952e\u76d8\u3002\u9664\u4e86\u8f93\u5165\uff0c\u6587\u672c\u6846\u53ef\u4ee5\u8fdb\u884c\u5176\u4ed6\u4efb\u52a1\u64cd\u4f5c\uff0c\u5982\u6587\u672c\u9009\u62e9\uff08\u526a\u5207\uff0c\u590d\u5236\uff0c\u7c98\u8d34\uff09\u4ee5\u53ca\u6570\u636e\u7684\u81ea\u52a8\u67e5\u627e\u529f\u80fd\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-35c6ceb810193a54.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-35c6ceb810193a54.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u7b80\u5355\u4e00\u6839\u6a2a\u7ebf\u5c31\u80fd\u4ee3\u8868\u8f93\u5165\u6846\uff0c\u53ef\u4ee5\u5e26\u56fe\u6807<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e5d88645af590d8e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e5d88645af590d8e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u6fc0\u6d3b\u72b6\u6001\u548c\u9519\u8bef\u72b6\u6001\uff0c\u6a2a\u7ebf\u7684\u5bbd\u5ea6\u53d8\u4e3a2dp\uff0c\u989c\u8272\u6539\u53d8<\/div>\n<\/div>\n<p>\u8f93\u5165\u6846\u70b9\u51fb\u533a\u57df\u9ad8\u5ea6\u81f3\u5c1148dp\uff0c\u4f46\u6a2a\u7ebf\u5e76\u4e0d\u5728\u70b9\u51fb\u533a\u57df\u7684\u5e95\u90e8\uff0c\u8fd8\u67098dp\u8ddd\u79bb\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-50e71fd85fc98804.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-50e71fd85fc98804.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7998a3e16bb369e4.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7998a3e16bb369e4.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u8f93\u5165\u6846\u63d0\u793a\u6587\u5b57\uff0c\u53ef\u4ee5\u5728\u8f93\u5165\u5185\u5bb9\u540e\uff0c\u7f29\u5c0f\u505c\u7559\u5728\u8f93\u5165\u6846\u5de6\u4e0a\u89d2<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b022aeabbff4f3e3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b022aeabbff4f3e3.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u6574\u4e2a\u70b9\u51fb\u533a\u57df\u589e\u9ad8\uff0c\u63d0\u793a\u6587\u5b57\u4e5f\u662f\u70b9\u51fb\u533a\u57df\u7684\u4e00\u90e8\u5206<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-3778cfeaf0894b56.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-3778cfeaf0894b56.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">\u901a\u680f\u8f93\u5165\u6846\u662f\u6ca1\u6709\u6a2a\u7ebf\u7684\uff0c\u8fd9\u79cd\u60c5\u51b5\u4e0b\u901a\u5e38\u6709\u5206\u9694\u7ebf\u5c06\u8f93\u5165\u6846\u9694\u5f00<\/div>\n<\/div>\n<p>\u53f3\u4e0b\u89d2\u53ef\u4ee5\u52a0\u5165\u5b57\u6570\u7edf\u8ba1\u3002\u5b57\u6570\u7edf\u8ba1\u4e0d\u8981\u9ed8\u8ba4\u663e\u793a\uff0c\u5b57\u6570\u63a5\u8fd1\u4e0a\u9650\u65f6\u518d\u663e\u793a\u51fa\u6765\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c1bb2175faf5dc87.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c1bb2175faf5dc87.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-01b69b58b7a45fcf.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-01b69b58b7a45fcf.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u901a\u680f\u8f93\u5165\u6846\u4e5f\u53ef\u4ee5\u6709\u5b57\u6570\u7edf\u8ba1\uff0c\u5355\u884c\u7684\u5b57\u6570\u7edf\u8ba1\u663e\u793a\u5728\u540c\u4e00\u884c\u53f3\u4fa7<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-752ea89576b9fa1e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-752ea89576b9fa1e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u9519\u8bef\u63d0\u793a\u663e\u793a\u5728\u8f93\u5165\u6846\u7684\u5de6\u4e0b\u65b9\u3002\u9ed8\u8ba4\u63d0\u793a\u6587\u672c\u53ef\u4ee5\u8f6c\u6362\u4e3a\u9519\u8bef\u63d0\u793a\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ef95e6b8f15f9f25.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ef95e6b8f15f9f25.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1c7a49c5efff19cb.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1c7a49c5efff19cb.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5b57\u6570\u9650\u5236\u4e0e\u9519\u8bef\u63d0\u793a\u90fd\u4f1a\u4f7f\u70b9\u51fb\u533a\u57df\u589e\u9ad8\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-eaed0f1fded96500.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-eaed0f1fded96500.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u540c\u65f6\u6709\u591a\u4e2a\u8f93\u5165\u6846\u9519\u8bef\u65f6\uff0c\u9876\u90e8\u8981\u6709\u4e00\u4e2a\u5168\u5c40\u7684\u9519\u8bef\u63d0\u793a<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b905f17fd1e334eb.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b905f17fd1e334eb.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u8f93\u5165\u6846\u5c3d\u91cf\u5e26\u6709\u81ea\u52a8\u8865\u5168\u529f\u80fd\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-701b8125711f8952.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-701b8125711f8952.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b5a626616b5c0cda.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b5a626616b5c0cda.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/tooltips.html#\" target=\"_blank\"><strong>\u5de5\u5177\u63d0\u793a\uff08Tooltips\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-729e9be2570f693a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-729e9be2570f693a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u63d0\u793a\u53ea\u7528\u5728\u5c0f\u56fe\u6807\u4e0a\uff0c\u6587\u5b57\u4e0d\u9700\u8981\u63d0\u793a\u3002\u9f20\u6807\u60ac\u505c\u3001\u83b7\u5f97\u7126\u70b9\u3001\u624b\u6307\u957f\u6309\u90fd\u53ef\u4ee5\u89e6\u53d1\u63d0\u793a\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-fb09212a3e058dc5.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-fb09212a3e058dc5.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u89e6\u6478\u63d0\u793a\uff08\u5de6\uff09\u548c\u9f20\u6807\u63d0\u793a\uff08\u53f3\uff09\u7684\u5c3a\u5bf8\u662f\u4e0d\u540c\u7684\uff0c\u80cc\u666f\u90fd\u5e26\u670990%\u7684\u900f\u660e\u5ea6\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ccf9a4e7b3dd1d49.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ccf9a4e7b3dd1d49.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-13038cd3813d4827.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-13038cd3813d4827.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/steppers.html#\" target=\"_blank\"><strong>Steppers<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f32b6a54510a8270.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-f32b6a54510a8270.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4a8f03725a664a78.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-4a8f03725a664a78.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bbda33e02806ac78.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-bbda33e02806ac78.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/components\/toolbars.html#\" target=\"_blank\"><strong>Toolbars<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-db235dc6c113abfe.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-db235dc6c113abfe.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1aa6b547a03fb400.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-1aa6b547a03fb400.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<h3>2.10 \u6a21\u5f0f\uff08patterns\uff09<\/h3>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/patterns\/empty-states.html#\" target=\"_blank\"><strong>\u7a7a\u72b6\u6001\uff08Empty states\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-3557272b6ac8cd81.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-3557272b6ac8cd81.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b0135e98083b1beb.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b0135e98083b1beb.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/patterns\/errors.html\" target=\"_blank\"><strong>\u9519\u8bef\uff08Errors\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b6dbbfbf6b16c756.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-b6dbbfbf6b16c756.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-26c24461376869ac.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-26c24461376869ac.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-319f6ccb496f254f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-319f6ccb496f254f.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/patterns\/navigation.html#navigation-hierarchy\" target=\"_blank\"><strong>\u5bfc\u822a\uff08Navigation\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-946371e863a19e6e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-946371e863a19e6e.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">Tabs<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-cd57de70330cf177.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-cd57de70330cf177.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">Bottom navigation bar 1<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-97e3177484837a58.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-97e3177484837a58.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">Bottom navigation bar 2<\/div>\n<\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-06dd6975b3ae8ab5.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-06dd6975b3ae8ab5.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/p>\n<div class=\"image-caption\">Navigation drawer<\/div>\n<\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/patterns\/navigation-drawer.html\" target=\"_blank\"><strong>\u5bfc\u822a\u62bd\u5c49\uff08Navigation drawer\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-a9dc52a08a19b4c8.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-a9dc52a08a19b4c8.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u4fa7\u8fb9\u62bd\u5c49\u4ece\u5de6\u4fa7\u6ed1\u51fa\uff0c\u5360\u636e\u6574\u4e2a\u5c4f\u5e55\u9ad8\u5ea6\uff0c\u9075\u5faa\u666e\u901a\u5217\u8868\u7684\u5e03\u5c40\u89c4\u5219\u3002\u624b\u673a\u7aef\u7684\u4fa7\u8fb9\u62bd\u5c49\u8ddd\u79bb\u5c4f\u5e55\u53f3\u4fa756dp\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e4ced3735d7179c5.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e4ced3735d7179c5.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u4fa7\u8fb9\u62bd\u5c49\u652f\u6301\u6eda\u52a8\u3002\u5982\u679c\u5185\u5bb9\u8fc7\u957f\uff0c\u8bbe\u7f6e\u548c\u5e2e\u52a9\u53cd\u9988\u53ef\u4ee5\u56fa\u5b9a\u5728\u5e95\u90e8\u3002\u62bd\u5c49\u6536\u8d77\u65f6\uff0c\u4f1a\u4fdd\u7559\u4e4b\u524d\u7684\u6eda\u52a8\u4f4d\u7f6e\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c22d3dc3707f2475.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c22d3dc3707f2475.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-3597fa461d024562.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-3597fa461d024562.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u5217\u8868\u8f83\u77ed\u4e0d\u9700\u8981\u6eda\u52a8\u65f6\uff0c\u8bbe\u7f6e\u548c\u5e2e\u52a9\u53cd\u9988\u8ddf\u968f\u5728\u5217\u8868\u540e\u9762\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e45806833ac1f897.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e45806833ac1f897.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/patterns\/notifications.html#\" target=\"_blank\"><strong>\u901a\u77e5\uff08Notifications\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-edc91710ba653f5b.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-edc91710ba653f5b.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/patterns\/permissions.html\" target=\"_blank\"><strong>\u6743\u9650\uff08Permissions\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-5af721fe9fb80799.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-5af721fe9fb80799.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e3d487270d3adb12.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e3d487270d3adb12.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/patterns\/search.html#\" target=\"_blank\"><strong>\u641c\u7d22\uff08Search\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ee0359f4dc896c2c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-ee0359f4dc896c2c.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-893eb2fe84518f27.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-893eb2fe84518f27.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7634b4b5e0309e15.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-7634b4b5e0309e15.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/patterns\/settings.html#\" target=\"_blank\"><strong>\u8bbe\u7f6e\u754c\u9762\uff08Settings\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-382eb18c8acd4737.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-382eb18c8acd4737.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u8bbe\u7f6e\u548c\u5e2e\u52a9\u53cd\u9988\u901a\u5e38\u653e\u5728\u4fa7\u8fb9\u62bd\u5c49\u4e2d\u3002\u5982\u679c\u6ca1\u6709\u4fa7\u8fb9\u62bd\u5c49\uff0c\u5219\u653e\u5728Appbar\u7684\u4e0b\u62c9\u83dc\u5355\u5e95\u90e8\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6cc12b385ca3f511.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-6cc12b385ca3f511.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c9fcef63839d1c07.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-c9fcef63839d1c07.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<p>\u8bbe\u7f6e\u754c\u9762\u53ea\u80fd\u5305\u542b\u8bbe\u7f6e\u9879\uff0c\u8bf8\u5982\u5173\u4e8e\u3001\u53cd\u9988\u4e4b\u7c7b\u7684\u754c\u9762\uff0c\u5165\u53e3\u5e94\u8be5\u653e\u5728\u5176\u4ed6\u5730\u65b9\u3002<\/p>\n<p>\u8bbe\u7f6e\u9879\u4f7f\u7528\u901a\u680f\u5206\u9694\u7ebf\u6765\u5206\u7ec4\u30027\u9879\u4ee5\u4e0b\u4e0d\u5fc5\u5206\u7ec4\u3002\u5982\u679c\u67d0\u9879\u72ec\u7acb\u4e00\u7ec4\uff0c\u8003\u8651\u628a\u5b83\u653e\u5728\u9876\u90e8\uff08\u91cd\u8981\uff09\u6216\u653e\u5728\u5e95\u90e8\u7684\u201c\u5176\u4ed6\u201d\u4e00\u680f\u4e2d\uff08\u4e0d\u91cd\u8981\uff09\u3002\u8bbe\u7f6e\u9879\u8f83\u591a\u65f6\u5c1d\u8bd5\u5408\u5e76\uff0c\u6bd4\u5982\u628a\u4e24\u4e2a\u76f8\u5173\u7684\u52fe\u9009\u9879\u5408\u5e76\u6210\u4e00\u4e2a\u591a\u9009\u9879\u3002\u8bbe\u7f6e\u9879\u975e\u5e38\u591a\u65f6\uff0c\u4f7f\u7528\u5b50\u754c\u9762\u3002<\/p>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e4f50103f25a9668.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-e4f50103f25a9668.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/patterns\/swipe-to-refresh.html#\" target=\"_blank\"><strong>\u70b9\u51fb\u5237\u65b0\uff08Swipe to refresh\uff09<\/strong><\/a><\/li>\n<\/ul>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-782796ee9bae7b43.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-782796ee9bae7b43.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<div class=\"image-package\"><img src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-2e9e743d5d57f5a6.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\" data-original-src=\"http:\/\/upload-images.jianshu.io\/upload_images\/1997320-2e9e743d5d57f5a6.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\" \/><\/div>\n<h2>2.11 \u8d44\u6e90<\/h2>\n<ul>\n<li><a href=\"https:\/\/material.google.com\/layout\/metrics-keylines.html#\" target=\"_blank\">\u754c\u9762\u6a21\u677f<\/a><br \/>\n\u79fb\u52a8\u8bbe\u5907\uff1a<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0B0J8hsRkk91LSGI2MmtqdFNEMG8\/Layout_Mobile_Whiteframe.ai\" target=\"_blank\">Mobile Whiteframe<\/a> &#8211; 2.23 MB (.ai)<br \/>\n\u5e73\u677f\u8bbe\u5907\uff1a<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0B0J8hsRkk91LNTgxRXh4YW5rSjA\/Layout_Tablet_Whiteframe.ai\" target=\"_blank\">Tablet Whiteframe <\/a>&#8211; 1.39 MB (.ai)<br \/>\n\u684c\u9762\u73af\u5883\uff1a<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0B0J8hsRkk91LUlhDOC1lWG5iX3M\/Layout_Desktop_Whiteframe.ai\" target=\"_blank\">Desktop Whiteframe <\/a>&#8211; 89.40 MB (.ai)<br \/>\n\u7ebf\u7a3f\uff08Whiteframes\uff09\uff1a<br \/>\n<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0B0J8hsRkk91Lb3BCU3Zud2JDNGM\/whiteframes.ai\" target=\"_blank\">Whiteframes <\/a>&#8211; 14.38 MB (.ai)<br \/>\n<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0Bzhp5Z4wHba3M2k1T0hEY1ZDVWs\/whiteframes.sketch\" target=\"_blank\">Whiteframes <\/a>&#8211; 2.92 MB (.sketch)<\/li>\n<li><a href=\"https:\/\/material.google.com\/style\/color.html#\" target=\"_blank\">\u8c03\u8272\u677f<\/a><br \/>\n<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0B0J8hsRkk91LSGx6b0w3WWpMQ1k\/color_swatches.zip\" target=\"_blank\">Color Swatches <\/a>&#8211; 0.02 MB (.zip)<\/li>\n<li>\u5b57\u4f53<br \/>\n<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0B0J8hsRkk91LRjU4U1NSeXdjd1U\/RobotoTTF.zip\" target=\"_blank\">Roboto Font <\/a>&#8211; 1.21 MB (.zip)<br \/>\n<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0B0J8hsRkk91LNGdYTEF0VnVPT0k\/RobotoSpecimenBooklet.pdf\" target=\"_blank\">Roboto specimen booklet <\/a>&#8211; 1.67 MB (.pdf)<br \/>\n<a href=\"https:\/\/noto-website-2.storage.googleapis.com\/pkgs\/NotoSansCJKsc-hinted.zip\" target=\"_blank\">Noto Font \u7b80\u4f53\u4e2d\u6587 <\/a>&#8211; 115.45 MB (.zip)<\/li>\n<li><a href=\"https:\/\/design.google.com\/tool\/devices\/\" target=\"_blank\">\u8bbe\u5907\u6807\u51c6<\/a><\/li>\n<li>UI\u7ec4\u4ef6<br \/>\n<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0Bzhp5Z4wHba3YnNKazNnNXlzZ3M\/stickersheet_components_20160518.sketch\" target=\"_blank\">Components sticker sheet for Sketch <\/a>&#8211; 23.51 MB (.sketch)<br \/>\n<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0Bzhp5Z4wHba3YnRCN3B2eW05SjA\/stickersheet_general_aep.zip\" target=\"_blank\">Components sticker sheet for Adobe After Effects <\/a>&#8211; 136.72 MB (.zip)<br \/>\n<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0Bzhp5Z4wHba3NmtZNWFYa0diQ1k\/stickersheet_general.psd\" target=\"_blank\">Components sticker sheet for Adobe Photoshop <\/a>&#8211; 94.86 MB (.psd)<br \/>\n<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0Bzhp5Z4wHba3VzRhSmZqNnF2R1U\/stickersheet_components.ai\" target=\"_blank\">Components sticker sheet for Adobe Illustrator <\/a>&#8211; 50.07 MB (.ai)<\/li>\n<li><a href=\"https:\/\/design.google.com\/icons\/\" target=\"_blank\">\u7cfb\u7edf\u56fe\u6807<\/a><br \/>\n<a href=\"https:\/\/material-design.storage.googleapis.com\/publish\/material_v_8\/material_ext_publish\/0BwigBDH8AFrsS291eGVLWUdUaGM\/System_Icon_StickerSheet.ai\" target=\"_blank\">System icon sticker sheet <\/a>&#8211; 0.39 MB (.ai)<\/li>\n<\/ul>\n<h2>2.12 \u5b9e\u8df5<\/h2>\n<p>\u77e5\u4e4e\u5b89\u5353\u5ba2\u6237\u7aefMaterial Design\u5b9e\u6218\u89c4\u8303:<a href=\"http:\/\/www.tuyiyi.com\/v\/40056.html\" target=\"_blank\">http:\/\/www.tuyiyi.com\/v\/40056.html<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. \u57fa\u7840\u5e38\u8bc6 1.1 \u4e3b\u6d41\u5c4f\u5e55\u5c3a\u5bf8 \u6807\u8bc6 \u5c4f\u5e55\u5c3a\u5bf8 hdpi 480 * 800 xhdpi 720 * 1280 xxhdpi 108 &#8230;<\/p>\n","protected":false},"author":1,"featured_media":342,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[31,30],"_links":{"self":[{"href":"http:\/\/www.gongbiao.net.cn\/index.php?rest_route=\/wp\/v2\/posts\/341"}],"collection":[{"href":"http:\/\/www.gongbiao.net.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gongbiao.net.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gongbiao.net.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gongbiao.net.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=341"}],"version-history":[{"count":3,"href":"http:\/\/www.gongbiao.net.cn\/index.php?rest_route=\/wp\/v2\/posts\/341\/revisions"}],"predecessor-version":[{"id":345,"href":"http:\/\/www.gongbiao.net.cn\/index.php?rest_route=\/wp\/v2\/posts\/341\/revisions\/345"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.gongbiao.net.cn\/index.php?rest_route=\/wp\/v2\/media\/342"}],"wp:attachment":[{"href":"http:\/\/www.gongbiao.net.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gongbiao.net.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=341"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gongbiao.net.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}