{"id":1602,"date":"2016-06-02T16:45:13","date_gmt":"2016-06-02T08:45:13","guid":{"rendered":"https:\/\/ai.zhousir.top\/?p=1602"},"modified":"2026-08-18T12:58:50","modified_gmt":"2026-08-18T04:58:50","slug":"%e7%8e%a9%e8%bd%acappbarlayout%ef%bc%8c%e6%9b%b4%e9%85%b7%e7%82%ab%e7%9a%84%e9%a1%b6%e9%83%a8%e6%a0%8f","status":"publish","type":"post","link":"https:\/\/ai.zhousir.top\/?p=1602","title":{"rendered":"\u73a9\u8f6cAppBarLayout\uff0c\u66f4\u9177\u70ab\u7684\u9876\u90e8\u680f"},"content":{"rendered":"
\n
\n

Toolbar\u3001AppBarLayout\u3001CollapsingToolbarLayout \u7ecf\u5e38\u88ab\u5199\u6210\u4e00\u9505\u6c64\u3002\u672c\u7bc7\u4ece\u66ff\u6362 ActionBar \u7684 Toolbar \u8bb2\u8d77\uff0c\u518d\u7ed9\u5b50 View \u914d layout_scrollFlags\uff0c\u6700\u540e\u7528 CollapsingToolbarLayout \u505a\u51fa\u53ef\u6298\u53e0\u7684\u9876\u90e8\u680f\u3002<\/p>\n<\/blockquote>\n

\"20140731144525904006\"<\/a><\/p>\n

\u4e0a\u4e00\u7bc7\u6587\u7ae0[\u300aCoordinateLayout\u7684\u4f7f\u7528\u5982\u6b64\u7b80\u5355 \u300b]\u4e0a\u4e00\u7bc7\u6587\u7ae0\u300aCoordinateLayout\u7684\u4f7f\u7528\u5982\u6b64\u7b80\u5355 \u300b<\/a>\u5bf9CoordinateLayout<\/code>\u7684\u4f7f\u7528\u505a\u4e86\u8bb2\u89e3\uff0c\u4eca\u5929\u6211\u4eec\u518d\u8bb2\u89e3\u5e38\u5e38\u4e0e\u5176\u4e00\u8d77\u4f7f\u7528\u7684\u51e0\u4e2aView<\/code>\uff1aAppBarLayout<\/code>\u3001CollapsingToolbarLayout<\/code>\u4ee5\u53caToolbar<\/code>\u3002\u4e00\u4e0b\u5b50\u51fa\u73b03\u4e2a\u964c\u751f\u7684View<\/code>\uff0c\u662f\u4e0d\u662f\u89c9\u5f97\u5f88\u614c\u5f20~\uff0c\u5f88\u591a\u4eba\u90fd\u5199\u4e86\u8fd9\u51e0\u4e2a\u5e03\u5c40\u7684\u4f7f\u7528\uff0c\u4f46\u662f\u4ed6\u4eec\u5374\u6ca1\u6709\u6709\u9488\u5bf9\u6027\u7684\u5355\u72ec\u8bb2\u89e3\u6bcf\u4e2aView\u7684\u4f5c\u7528\u4ee5\u53ca\u5982\u4f55\u4f7f\u7528\uff0c\u6211\u770b\u7684\u5f88\u591a\u6587\u7ae0\u90fd\u662f\u4e00\u4e0a\u6765\u5c31\u628aAppBarLayout<\/code>\u3001CollapsingToolbarLayout<\/code>\u4ee5\u53caToolbar<\/code>\u5199\u5230\u4e00\u4e2a\u5e03\u5c40\u91cc\u9762\u53bb\uff0c\u7136\u540e\u4e00\u4e2a\u4e00\u4e2a\u5e03\u5c40\u5c5e\u6027\u53bb\u8bf4\uff0c\u4e00\u4e0b\u5b50\u611f\u89c9\u597d\u6df7\u4e71\uff0c\u672c\u6587\u662f\u4eceToolbar\u5f00\u59cb\u8bf4\u8d77\uff0c\u6700\u7ec8\u8ba9\u4f60\u5bf9\u8fd93\u4e2aView\u5f7b\u5e95\u638c\u63e1\u4e0b\u6765\uff01<\/p>\n

\u5176\u5b9e\uff0c\u4ed6\u4eec\u90fd\u662f\u9488\u5bf9\u6211\u4eec\u4ee5\u5f80\u5e38\u7528\u7684ActionBar<\/code>\u7684\uff0c\u5c31\u662f\u9488\u5bf9\u6211\u4eec\u7684App\u7684\u9876\u90e8\u7684Bar\u73a9\u5404\u79cd\u82b1\u6837~\u6211\u4eec\u5f80\u4e0b\u770b\uff0c\u770b\u770b\u4ed6\u4eec\u628a\u6211\u4eec\u7684App\u7684”\u9876\u90e8\u680f”\u73a9\u51fa\u4e2a\u4ec0\u4e48\u82b1\u6837\uff01<\/p>\n

1 Toolbar<\/span><\/h2>\n

Toobar\u4e3b\u8981\u662f\u7528\u6765\u66ff\u6362ActionBar\u7684\uff0c\u6362\u53e5\u8bdd\u8bf4\uff0cActionBar\u80fd\u505a\u7684\uff0cToolbar\u90fd\u80fd\u505a\u3002\u5982\u679c\u4f60\u5bf9ActionBar\u7684\u4f7f\u7528\u6bd4\u8f83\u719f\u6089\uff0c\u4f60\u4f1a\u53d1\u73b0Toolbar\u4f7f\u7528\u8d77\u6765\u975e\u5e38\u7b80\u5355\u3002ok\uff0c\u65e2\u7136\u662f\u66ff\u6362\uff0c\u5f53\u7136\u7528Toolbar\u7684\u65f6\u5019\u5c31\u5f97\u5148\u53bb\u628aActionBar\u7ed9\u9690\u85cf\u6389\u5566~<\/p>\n

\u9690\u85cfActionBar\u7684\u65b9\u6cd5\u6709\u5f88\u591a\uff0c\u53ef\u4ee5\u901a\u8fc7\u4ee3\u7801\u7684\u65b9\u5f0f\u9690\u85cf\uff0c\u4e5f\u53ef\u4ee5\u901a\u8fc7\u914d\u7f6e\u6587\u4ef6\u7684\u65b9\u5f0f\uff0c\u6211\u4eec\u4e3b\u8981\u662f\u901a\u8fc7\u914d\u7f6e\u6587\u4ef6\u7684\u65b9\u5f0f\u6765\u9690\u85cf\u3002\u5728\u6211\u4eec\u7684styles.xml\u6587\u4ef6\u4e2d\u7684AppTheme\u6807\u7b7e\u4e2d\u52a0\u5165\u5982\u4e0b\u4e24\u884c\uff1a<\/p>\n

<item name=\"windowActionBar\">false<\/item>\n\n<item name=\"windowNoTitle\">true<\/item><\/code><\/pre>\n
\u5f53\u7136\u4e86\uff0c\u4f60\u4e5f\u53ef\u4ee5\u65b0\u5efa\u4e00\u4e2a<style><\/code>\u6807\u7b7e\uff0c\u5c06\u4e0a\u9762\u4e24\u884c\u4ee3\u7801\u52a0\u5165\uff0c\u5e76\u4e14\u5c06\u8fd9\u4e2a\u65b0\u5efa\u7684\u6807\u7b7e\u4f5c\u4e3a<application><\/code>\u7684theme<\/code>\u3002\u8fd8\u53ef\u4ee5\u9009\u62e9\u901a\u8fc7\u5c06AppTheme\u7684parent\u8bbe\u7f6e\u4e3aTheme.AppCompat.Light.NoActionBar<\/code>\u7684\u65b9\u5f0f\u3002\u65b9\u6cd5\u5f88\u591a\uff0c\u53ef\u4ee5\u81ea\u5df1\u968f\u4fbf\u9009\u3002<\/p>\n
\u63a5\u4e0b\u6765\u5c31\u662f\u5c06Toolbar\u653e\u5165\u5230\u5e03\u5c40\u6587\u4ef6\uff08\u6ca1\u5565\u597d\u89e3\u91ca\u7684\uff09\uff1a<\/p>\n
  <android.support.v7.widget.Toolbar\n\n        android:id=\"@+id\/toolbar\"\n\n        android:layout_width=\"match_parent\"\n\n        android:background=\"?attr\/colorPrimary\"\n\n        android:layout_height=\"?android:attr\/actionBarSize\"  \/><\/code><\/pre>\n
\u6700\u540e\u5c06Toobar\u4f5c\u4e3a\u201cActionBar\u201d\u6765\u7528<\/p>\n
 Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);\n\n        toolbar.setTitle(\"\u8fd9\u91cc\u662fTitle\");\n\n        toolbar.setSubtitle(\"\u8fd9\u91cc\u662f\u5b50\u6807\u9898\");\n\n        toolbar.setLogo(R.drawable.icon); \n\n        setSupportActionBar(toolbar);<\/code><\/pre>\n
\u53ef\u4ee5\u5bf9Toolbar\u8bbe\u7f6eLogo\u3001\u6807\u9898\u3001\u5b50\u6807\u9898\u7b49\u7b49~\u8fd8\u6709\u5f88\u591a\u5176\u4ed6\u7684\u8bbe\u7f6e\uff0c\u81ea\u5df1\u53bb\u6162\u6162\u73a9\uff0c\u8fd9\u91cc\u4e0d\u63d0\u5566~\u3002\u5f53\u7136\u4e86\uff0c\u4e5f\u53ef\u4ee5\u5728\u5e03\u5c40\u6587\u4ef6\u4e2d\u8bbe\u7f6e\u8fd9\u4e9b\uff0c\u5728\u5e03\u5c40\u6587\u4ef6\u8bbe\u7f6e\u5c31\u4e0d\u5199\u5566\uff0chongyang\u5927\u795e\u6709\u7bc7\u535a\u5ba2\u5199\u7684\u633a\u597d\u7684\u300a Android 5.x Theme \u4e0e ToolBar \u5b9e\u6218 \u300b<\/a>\u53ef\u4ee5\u53bb\u53c2\u8003\u4e00\u4e0b\u3002<\/p>\n
\u770b\u770b\u6548\u679c\uff1a<\/p>\n
\"\"<\/p>\n
Toolbar<\/p>\n
\u5982\u679cToolbar\u4ec5\u4ec5\u662f\u7528\u6765\u5bf9\u4ee5\u5f80\u7684ActionBar\u505a\u4e00\u6b21\u66ff\u6362\uff0c\u90a3\u4e5f\u592a\u6ca1\u521b\u610f\u5566\uff01\u5b8c\u5168\u6ca1\u5fc5\u8981\u53bb\u66ff\u6362\u4e86\uff0c\u56e0\u4e3a\u5b83\u4eec\u8868\u73b0\u51fa\u6765\u7684\u90fd\u662f\u4e00\u6837\u7684\uff0c\u800c\u4e14\u5e76\u6ca1\u6709\u8ba9\u6211\u4eec\u89c9\u5f97\u7528\u8d77\u6765\u6bd4ActionBar\u65b9\u4fbf\u3002\u90a3\u4e3a\u5565\u8981\u66ff\u6362\u5462\uff0c\u603b\u5e94\u8be5\u6709\u4ed6\u7684\u7406\u7531\u5427\uff1aActionBar\u662f\u56fa\u5b9a\u5728\u9876\u90e8\uff0c\u5e76\u4e0d\u80fd\u79fb\u52a8\uff0c\u6211\u89c9\u5f97\u8fd9\u662f\u6700\u5927\u7684\u4e0d\u597d\uff0c\u800c\u6211\u4eec\u7684ToolBar\u53ef\u4ee5\u8ba9\u6211\u4eec\u968f\u4fbf\u6446\u653e\uff0c\u5c31\u5c31\u53ef\u4ee5\u5e26\u6765\u5f88\u591a\u7075\u6d3b\u6027\u548c\u6548\u679c\u5566\uff01<\/p>\n
\u6b63\u5982\u4f60\u6240\u770b\u7684\u8fd9\u6837\uff0cToolbar\u6839\u672c\u5c31\u4e0d\u591f\u770b\u7684\uff0c\u4e00\u70b9\u90fd\u4e0d\u590d\u6742\u3002\u63a5\u4e0b\u6765\u6211\u4eec\u7ee7\u7eed\u5b66\u4e60\u5728Toolbar\u4e0a\u9762\u518d\u5957\u4e00\u5c42\u7236View\uff0c\u8ba9Toolbar\u66f4\u6709\u4e92\u52a8\u6027\u3002<\/p>\n
2 AppBarLayout<\/span><\/h2>\n
\n
AppBarLayout\u7ee7\u627f\u81eaLinearLayout\uff0c\u5e03\u5c40\u65b9\u5411\u4e3a\u5782\u76f4\u65b9\u5411\u3002\u6240\u4ee5\u4f60\u53ef\u4ee5\u628a\u5b83\u5f53\u6210\u5782\u76f4\u5e03\u5c40\u7684LinearLayout\u6765\u4f7f\u7528\u3002AppBarLayout\u662f\u5728LinearLayou\u4e0a\u52a0\u4e86\u4e00\u4e9b\u6750\u6599\u8bbe\u8ba1\u7684\u6982\u5ff5\uff0c\u5b83\u53ef\u4ee5\u8ba9\u4f60\u5b9a\u5236\u5f53\u67d0\u4e2a\u53ef\u6eda\u52a8View<\/em><\/strong>\u7684\u6eda\u52a8\u624b\u52bf\u53d1\u751f\u53d8\u5316\u65f6\uff0c\u5176\u5185\u90e8\u7684\u5b50View\u5b9e\u73b0\u4f55\u79cd\u52a8\u4f5c\u3002<\/p>\n<\/blockquote>\n
\u8bf7\u6ce8\u610f<\/strong>\uff1a\u4e0a\u9762\u63d0\u5230\u7684\u67d0\u4e2a\u53ef\u6eda\u52a8View<\/em><\/strong>\uff0c\u53ef\u4ee5\u7406\u89e3\u4e3a\u67d0\u4e2aScrollView\u3002\u600e\u4e48\u7406\u89e3\u4e0a\u9762\u7684\u8bdd\u5462\uff1f\u5c31\u662f\u8bf4\uff0c\u5f53\u67d0\u4e2aScrollView\u53d1\u751f\u6eda\u52a8\u65f6\uff0c\u4f60\u53ef\u4ee5\u5b9a\u5236\u4f60\u7684\u201c\u9876\u90e8\u680f\u201d\u5e94\u8be5\u6267\u884c\u54ea\u4e9b\u52a8\u4f5c\uff08\u5982\u8ddf\u7740\u4e00\u8d77\u6eda\u52a8\u3001\u4fdd\u6301\u4e0d\u52a8\u7b49\u7b49\uff09\u3002\u90a3\u67d0\u4e2a\u53ef\u79fb\u52a8\u7684View\u5230\u5e95\u662f\u54ea\u4e2a\u53ef\u79fb\u52a8\u7684View\u5462\uff1f\u8fd9\u662f\u7531\u4f60\u81ea\u5df1\u6307\u5b9a\u7684\uff01\u5982\u4f55\u6307\u5b9a\uff0c\u6211\u4eec\u540e\u9762\u8bf4\u3002<\/p>\n
2.1 AppBarLayout\u5b50View\u7684\u52a8\u4f5c<\/span><\/h2>\n
\u5185\u90e8\u7684\u5b50View\u901a\u8fc7\u5728\u5e03\u5c40\u4e2d\u52a0app:layout_scrollFlags<\/code>\u8bbe\u7f6e\u6267\u884c\u7684\u52a8\u4f5c\uff0c\u90a3\u4e48app:layout_scrollFlags<\/code>\u53ef\u4ee5\u8bbe\u7f6e\u54ea\u4e9b\u52a8\u4f5c\u5462\uff1f\u5206\u522b\u5982\u4e0b\uff1a<\/p>\n
\n
\uff081\uff09 scroll<\/code>:\u503c\u8bbe\u4e3ascroll<\/code>\u7684View\u4f1a\u8ddf\u968f\u6eda\u52a8\u4e8b\u4ef6\u4e00\u8d77\u53d1\u751f\u79fb\u52a8\u3002<\/p>\n<\/blockquote>\n
\u4ec0\u4e48\u610f\u601d\u5462\uff1f\u7b80\u5355\u7684\u8bf4\uff0c\u5c31\u662f\u5f53\u6307\u5b9a\u7684ScrollView\u53d1\u751f\u6eda\u52a8\u65f6\uff0c\u8be5View\u4e5f\u8ddf\u968f\u4e00\u8d77\u6eda\u52a8\uff0c\u5c31\u597d\u50cf\u8fd9\u4e2aView\u4e5f\u662f\u5c5e\u4e8e\u8fd9\u4e2aScrollView\u4e00\u6837\u3002<\/p>\n
\u4e00\u5f20gif\u8db3\u4ee5\u8bf4\u660e\uff1a<\/p>\n
\"\"<\/p>\n
scroll<\/p>\n
\u5bf9\u5e94\u7684\u5e03\u5c40\u6587\u4ef6<\/p>\n
<android.support.design.widget.AppBarLayout\n\n        android:layout_width=\"match_parent\"\n\n        android:layout_height=\"wrap_content\">\n\n        <android.support.v7.widget.Toolbar\n\n            android:id=\"@+id\/toolbar\"\n\n            android:layout_width=\"match_parent\"\n\n            android:layout_height=\"?android:attr\/actionBarSize\"\n\n            android:background=\"?attr\/colorPrimary\"\n\n            app:layout_scrollFlags=\"scroll\" \/>\n\n<\/android.support.design.widget.AppBarLayout><\/code><\/pre>\n
\n
\uff082\uff09 enterAlways<\/code>:\u503c\u8bbe\u4e3aenterAlways<\/code>\u7684View,\u5f53ScrollView\u5f80\u4e0b\u6eda\u52a8\u65f6\uff0c\u8be5View\u4f1a\u76f4\u63a5\u5f80\u4e0b\u6eda\u52a8\u3002\u800c\u4e0d\u7528\u8003\u8651ScrollView\u662f\u5426\u5728\u6eda\u52a8\u3002<\/p>\n<\/blockquote>\n
\u770b\u4e2a\u52a8\u753b\u7247\uff08Y(^o^)Y\uff09\uff08ToolBar\u9ad8\u5ea6\u8bbe\u4e3a\uff1a?android:attr\/actionBarSize<\/code>,app:layout_scrollFlags=\"scroll|enterAlways\"<\/code>\uff09\uff1a<\/p>\n
\"\"<\/p>\n
scroll|enterAlways<\/p>\n
\n
\uff083\uff09 exitUntilCollapsed<\/code>\uff1a\u503c\u8bbe\u4e3aexitUntilCollapsed<\/code>\u7684View\uff0c\u5f53\u8fd9\u4e2aView\u8981\u5f80\u4e0a\u9010\u6e10\u201c\u6d88\u901d\u201d\u65f6\uff0c\u4f1a\u4e00\u76f4\u5f80\u4e0a\u6ed1\u52a8\uff0c\u76f4\u5230\u5269\u4e0b\u7684\u7684\u9ad8\u5ea6\u8fbe\u5230\u5b83\u7684\u6700\u5c0f\u9ad8\u5ea6\u540e\uff0c\u518d\u54cd\u5e94ScrollView\u7684\u5185\u90e8\u6ed1\u52a8\u4e8b\u4ef6\u3002<\/p>\n<\/blockquote>\n
\u600e\u4e48\u7406\u89e3\u5462\uff1f\u7b80\u5355\u89e3\u91ca\uff1a\u5728ScrollView\u5f80\u4e0a\u6ed1\u52a8\u65f6\uff0c\u9996\u5148\u662fView\u628a\u6ed1\u52a8\u4e8b\u4ef6\u201c\u593a\u8d70\u201d\uff0c\u7531View\u53bb\u6267\u884c\u6ed1\u52a8\uff0c\u76f4\u5230\u6ed1\u52a8\u6700\u5c0f\u9ad8\u5ea6\u540e\uff0c\u628a\u8fd9\u4e2a\u6ed1\u52a8\u4e8b\u4ef6\u201c\u8fd8\u201d\u56de\u53bb\uff0c\u8ba9ScrollView\u5185\u90e8\u53bb\u4e0a\u6ed1\u3002\u770b\u4e2agif\u611f\u53d7\u4e00\u4e0b\uff08\u56fe\u4e2d\u5c06\u9ad8\u5ea6\u8bbe\u7684\u6bd4\u8f83\u5927:200dp\uff0c\u5e76\u5c06\u6700\u5c0f\u9ad8\u5ea6\u8bbe\u7f6e\u4e3a?android:attr\/actionBarSize<\/code>,app:layout_scrollFlags=\"scroll|exitUntilCollapsed\"<\/code>\uff09\uff1a<\/p>\n
\"\"<\/p>\n
scroll|exitUntilCollapsed<\/p>\n
\n
\uff084\uff09 enterAlwaysCollapsed<\/code>\uff1a\u662fenterAlways<\/code>\u7684\u9644\u52a0\u9009\u9879\uff0c\u4e00\u822c\u8ddfenterAlways<\/code>\u4e00\u8d77\u4f7f\u7528\uff0c\u5b83\u662f\u6307\uff0cView\u5728\u5f80\u4e0b\u201c\u51fa\u73b0\u201d\u7684\u65f6\u5019\uff0c\u9996\u5148\u662fenterAlways<\/code>\u6548\u679c\uff0c\u5f53View\u7684\u9ad8\u5ea6\u8fbe\u5230\u6700\u5c0f\u9ad8\u5ea6\u65f6\uff0cView\u5c31\u6682\u65f6\u4e0d\u53bb\u5f80\u4e0b\u6eda\u52a8\uff0c\u76f4\u5230ScrollView\u6ed1\u52a8\u5230\u9876\u90e8\u4e0d\u518d\u6ed1\u52a8\u65f6\uff0cView\u518d\u7ee7\u7eed\u5f80\u4e0b\u6ed1\u52a8\uff0c\u76f4\u5230\u6ed1\u5230View\u7684\u9876\u90e8\u7ed3\u675f\u3002<\/p>\n<\/blockquote>\n
\u6765\u4e2agif\u611f\u53d7\u4e00\u4e0b\uff08\u56fe\u4e2d\u5c06\u9ad8\u5ea6\u8bbe\u7684\u6bd4\u8f83\u5927:200dp\uff0c\u5e76\u5c06\u6700\u5c0f\u9ad8\u5ea6\u8bbe\u7f6e\u4e3a?android:attr\/actionBarSize<\/code>,app:layout_scrollFlags=\"scroll|enerAlways|enterAlwaysCollapsed\"<\/code>\uff09\uff1a<\/p>\n
\"\"<\/p>\n
scroll|enerAlways|enterAlwaysCollapsed<\/p>\n
2.2 \u5c06AppBarLayout\u4e0eScrollView\u5173\u8054\u8d77\u6765<\/span><\/h2>\n
\u524d\u9762\u8bf4\u4e86\u4e00\u76f4\u53cd\u590d\u8bf4\u201c\u5f53ScrollView\u53d1\u751f\u6eda\u52a8\u65f6\u201d\uff0c\u90a3\u4e48\u600e\u4e48\u5c06AppBarLayout\u4e0eScrollView\u5173\u8054\u8d77\u6765\u5462\uff1f\u6211\u4eec\u6ce8\u610f\u5230\uff0cAppBarLayout\u4e0eScrollView\u4e4b\u95f4\u52a8\u4f5c\u201c\u76f8\u4e92\u4f9d\u8d56\u201d\uff0c\u8fd9\u4e0d\u5c31\u662f\u6211\u4eec\u4e0a\u4e00\u7bc7\u300aCoordinateLayout\u7684\u4f7f\u7528\u5982\u6b64\u7b80\u5355 \u300b<\/a>\u6240\u5b66\u7684\u5185\u5bb9\u5417\uff1f\u628aScrollView\u548cAppBarLayout\u4f5c\u4e3aCoordinateLayout\u7684\u5b50View\uff0c\u7136\u540e\u7f16\u5199\u4e00\u4e2aBehavior\uff0c\u5728\u8fd9\u4e2aBehavior\u91cc\u9762\u5224\u65ad\u5f53\u524d\u7684\u64cd\u4f5c\u662f\u5e94\u8be5\u8ba9ScrollView\u65f6\u523b\u4fdd\u6301\u5728AppBarLayout\u4e4b\u4e0b\uff08\u5373\u53ea\u8981\u6539\u53d8AppBarLayout\u7684\u4f4d\u7f6e\u5c31\u53ef\u4ee5\u4e00\u8d77\u6ed1\u52a8\uff09\uff0c\u8fd8\u662f\u5e94\u8be5\u8ba9ScrollView\u5185\u90e8\u6eda\u52a8\u800c\u4e0d\u8ba9AppBarLayout\u4f4d\u7f6e\u53d1\u751f\u53d8\u5316\u7b49\u7b49\u8fd9\u4e9b\u9700\u6c42\uff0c\u90fd\u662f\u53ef\u4ee5\u5728Behavior\u91cc\u9762\u5904\u7406\u7684\u3002\u4f60\u53ef\u4ee5\u53bb\u9488\u5bf9\u4f60\u7684ScrollView\u7f16\u5199Behavior\u3002\u7136\u800c\uff0c\u6211\u4eec\u770b\u5230\u6211\u4eec\u7684AppBarLayout\u4e8b\u5148\u7684\u529f\u80fd\u6bd4\u8f83\u590d\u6742\uff0c\u5982\u679c\u6211\u4eec\u81ea\u5df1\u53bb\u5b9a\u4e49\u8fd9\u6837\u7684\u6548\u679c\uff0c\u4ee3\u7801\u975e\u5e38\u590d\u6742\uff0c\u8fd8\u8981\u8003\u8651\u5f88\u591a\u65b9\u9762\uff0c\u597d\u5728Android\u5e2e\u6211\u4eec\u5199\u597d\u5566\uff0c\u6211\u4eec\u76f4\u63a5\u7528\u5c31\u662f\u4e86\uff0c\u8fd9\u4e2aScrollView\u5c31\u662fNestedScrollView\uff0c\u8bf7\u6ce8\u610f\uff0c\u5b83\u5e76\u6ca1\u6709\u7ee7\u627fScrollView\uff0c\u5b83\u7ee7\u627f\u7684\u662fFrameLayout\uff0c\u4f46\u662f\u5b83\u5b9e\u73b0\u7684\u6548\u679c\u628a\u5b83\u53ef\u4ee5\u770b\u6210\u662fScrollView\u3002<\/p>\n
\u628aNestedScrollView\u653e\u5165\u5230\u6211\u4eec\u7684layout\u6587\u4ef6\u91cc\u9762\u5c31\u53ef\u4ee5\u5566~~~\uff0c\u5f88\u65b9\u4fbf~<\/p>\n
 <android.support.v4.widget.NestedScrollView\n\n        android:layout_width=\"match_parent\"\n\n        android:layout_height=\"wrap_content\"\n\n        app:layout_behavior=\"@string\/appbar_scrolling_view_behavior\">\n\n       <!--\u5c06\u4f60\u7684\u5185\u5bb9\u653e\u5728\u8fd9\u91cc-->\n\n    <\/android.support.v4.widget.NestedScrollView><\/code><\/pre>\n
\u6709\u6ca1\u6709\u6ce8\u610f\u5230\u6709\u4e2a\u5c5e\u6027\uff1aapp:layout_behavior=\"@string\/appbar_scrolling_view_behavior\"<\/code>,\u5b83\u5c31\u662f\u6307\u5b9aBehavior\u7684\uff0cappbar_scrolling_view_behavior<\/code>\u5bf9\u5e94\u7684\u7c7b\u7684\u540d\u79f0\u662f\uff1aandroid.support.design.widget.AppBarLayout$ScrollingViewBehavior<\/code>\u611f\u5174\u8da3\u7684\u53ef\u4ee5\u53bb\u5206\u6790\u6e90\u7801\u3002<\/p>\n
\u597d\u4e86\uff0c\u6211\u4eec\u73b0\u5728\u4f1a\u7528AppBarLayout\u5566~\u662f\u4e0d\u662f\u53d1\u73b0\u7528\u8d77\u6765so easy!\u63a5\u4e0b\u6765\u6211\u4eec\u628a\u5269\u4e0bCollapsingToolbarLayout<\/code>\u7684\u7ed9”\u6d88\u5316”\u6389\uff01<\/p>\n
3 CollapsingToolbarLayout<\/span><\/h2>\n
CollapsingToolbarLayout<\/code>\u662f\u7528\u6765\u5bf9Toolbar<\/code>\u8fdb\u884c\u518d\u6b21\u5305\u88c5\u7684ViewGroup<\/code>\uff0c\u4e3b\u8981\u662f\u7528\u4e8e\u5b9e\u73b0\u6298\u53e0\uff08\u5176\u5b9e\u5c31\u662f\u770b\u8d77\u6765\u50cf\u4f38\u7f29~\uff09\u7684App Bar\u6548\u679c\u3002\u5b83\u9700\u8981\u653e\u5728AppBarLayout<\/code>\u5e03\u5c40\u91cc\u9762\uff0c\u5e76\u4e14\u4f5c\u4e3aAppBarLayout<\/code>\u7684\u76f4\u63a5\u5b50View<\/code>\u3002CollapsingToolbarLayout<\/code>\u4e3b\u8981\u5305\u62ec\u51e0\u4e2a\u529f\u80fd\uff08\u53c2\u7167\u4e86\u5b98\u65b9\u7f51\u7ad9\u4e0a\u5185\u5bb9\uff0c\u7565\u52a0\u81ea\u5df1\u7684\u7406\u89e3\u8fdb\u884c\u89e3\u91ca<\/strong>\uff09\uff1a<\/p>\n
\n
(1) \u6298\u53e0Title\uff08Collapsing title\uff09\uff1a\u5f53\u5e03\u5c40\u5185\u5bb9\u5168\u90e8\u663e\u793a\u51fa\u6765\u65f6\uff0ctitle\u662f\u6700\u5927\u7684\uff0c\u4f46\u662f\u968f\u7740View\u9010\u6b65\u79fb\u51fa\u5c4f\u5e55\u9876\u90e8\uff0ctitle\u53d8\u5f97\u8d8a\u6765\u8d8a\u5c0f\u3002\u4f60\u53ef\u4ee5\u901a\u8fc7\u8c03\u7528setTitle\u51fd\u6570\u6765\u8bbe\u7f6etitle\u3002<\/p>\n
(2)\u5185\u5bb9\u7eb1\u5e03\uff08Content scrim\uff09\uff1a\u6839\u636e\u6eda\u52a8\u7684\u4f4d\u7f6e\u662f\u5426\u5230\u8fbe\u4e00\u4e2a\u9600\u503c\uff0c\u6765\u51b3\u5b9a\u662f\u5426\u5bf9View\u201c\u76d6\u4e0a\u7eb1\u5e03\u201d\u3002\u53ef\u4ee5\u901a\u8fc7setContentScrim(Drawable)\u6765\u8bbe\u7f6e\u7eb1\u5e03\u7684\u56fe\u7247.<\/p>\n
(3)\u72b6\u6001\u680f\u7eb1\u5e03\uff08Status bar scrim)\uff1a\u6839\u636e\u6eda\u52a8\u4f4d\u7f6e\u662f\u5426\u5230\u8fbe\u4e00\u4e2a\u9600\u503c\u51b3\u5b9a\u662f\u5426\u5bf9\u72b6\u6001\u680f\u201c\u76d6\u4e0a\u7eb1\u5e03\u201d\uff0c\u4f60\u53ef\u4ee5\u901a\u8fc7setStatusBarScrim(Drawable)<\/code>\u6765\u8bbe\u7f6e\u7eb1\u5e03\u56fe\u7247\uff0c\u4f46\u662f\u53ea\u80fd\u5728LOLLIPOP<\/code>\u8bbe\u5907\u4e0a\u9762\u6709\u4f5c\u7528\u3002<\/p>\n
(4)\u89c6\u5dee\u6eda\u52a8\u5b50View(Parallax scrolling children):\u5b50View\u53ef\u4ee5\u9009\u62e9\u5728\u5f53\u524d\u7684\u5e03\u5c40\u5f53\u65f6\u662f\u5426\u4ee5\u201c\u89c6\u5dee\u201d\u7684\u65b9\u5f0f\u6765\u8ddf\u968f\u6eda\u52a8\u3002\uff08PS:\u5176\u5b9e\u5c31\u662f\u8ba9\u8fd9\u4e2aView\u7684\u6eda\u52a8\u7684\u901f\u5ea6\u6bd4\u5176\u4ed6\u6b63\u5e38\u6eda\u52a8\u7684View\u901f\u5ea6\u7a0d\u5fae\u6162\u4e00\u70b9<\/strong>\uff09\u3002\u5c06\u5e03\u5c40\u53c2\u6570app:layout_collapseMode<\/code>\u8bbe\u4e3aparallax<\/code><\/p>\n
(5)\u5c06\u5b50View\u4f4d\u7f6e\u56fa\u5b9a(Pinned position children)\uff1a\u5b50View\u53ef\u4ee5\u9009\u62e9\u662f\u5426\u5728\u5168\u5c40\u7a7a\u95f4\u4e0a\u56fa\u5b9a\u4f4d\u7f6e\uff0c\u8fd9\u5bf9\u4e8eToolbar\u6765\u8bf4\u975e\u5e38\u6709\u7528\uff0c\u56e0\u4e3a\u5f53\u5e03\u5c40\u5728\u79fb\u52a8\u65f6\uff0c\u53ef\u4ee5\u5c06Toolbar\u56fa\u5b9a\u4f4d\u7f6e\u800c\u4e0d\u53d7\u79fb\u52a8\u7684\u5f71\u54cd\u3002 \u5c06app:layout_collapseMode<\/code>\u8bbe\u4e3apin<\/code>\u3002<\/p>\n<\/blockquote>\n
\u4e86\u89e3\u8fd9\u4e9b\u6982\u5ff5\u540e\uff0c\u6211\u4eec\u6765\u770b\u770b\u5e03\u5c40\u5427~<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\n\n<android.support.design.widget.CoordinatorLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n\n    xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\n\n    android:layout_width=\"match_parent\"\n\n    android:layout_height=\"match_parent\" >\n\n    <android.support.design.widget.AppBarLayout\n\n        android:layout_width=\"match_parent\"\n\n        android:layout_height=\"wrap_content\"\n\n        android:theme=\"@style\/ThemeOverlay.AppCompat.Dark.ActionBar\">\n\n        <android.support.design.widget.CollapsingToolbarLayout\n\n            android:layout_width=\"match_parent\"\n\n            android:layout_height=\"wrap_content\"\n\n            app:expandedTitleMarginEnd=\"64dp\"\n\n            app:expandedTitleMarginStart=\"48dp\"\n\n            app:layout_scrollFlags=\"scroll|exitUntilCollapsed\">\n\n            <ImageView\n\n                android:id=\"@+id\/main.backdrop\"\n\n                android:layout_width=\"wrap_content\"\n\n                android:layout_height=\"300dp\"\n\n                android:scaleType=\"centerCrop\"\n\n                android:src=\"@drawable\/material_img\"\n\n                app:layout_collapseMode=\"parallax\" \/>\n\n            <android.support.v7.widget.Toolbar\n\n                android:id=\"@+id\/toolbar\"\n\n                android:layout_width=\"match_parent\"\n\n                android:layout_height=\"?android:attr\/actionBarSize\"\n\n                app:layout_collapseMode=\"pin\"  \/>\n\n        <\/android.support.design.widget.CollapsingToolbarLayout>\n\n    <\/android.support.design.widget.AppBarLayout>\n\n    <android.support.v4.widget.NestedScrollView\n\n        android:layout_width=\"match_parent\"\n\n        android:layout_height=\"wrap_content\"\n\n        android:paddingTop=\"50dp\"\n\n        app:layout_behavior=\"@string\/appbar_scrolling_view_behavior\">\n\n        <TextView\n\n            android:layout_width=\"match_parent\"\n\n            android:layout_height=\"wrap_content\"\n\n            android:text=\"@string\/my_txt\"\n\n            android:textSize=\"20sp\" \/>\n\n    <\/android.support.v4.widget.NestedScrollView>\n\n<\/android.support.design.widget.CoordinatorLayout><\/code><\/pre>\n
\u4e0a\u9762\u7684\u90fd\u770b\u5f97\u61c2\u5427\uff0c\u6bcf\u4e2a\u964c\u751f\u7684\u5c5e\u6027\u90fd\u662f\u8bb2\u8fc7\u7684\u54e6\uff0c\u5fd8\u8bb0\u4e86\u7684\u8bdd\u56de\u5934\u770b\uff0c\u7a0d\u5fae\u89e3\u91ca\u4e00\u4e0b\uff0c\u56fe\u7247\u88ab\u8bbe\u7f6e\u4e3a\u6709\u89c6\u5dee\u7684\u6ed1\u52a8\uff0cToolbar\u8bbe\u7f6e\u4e3a\u56fa\u5b9a\u4e0d\u52a8\uff0c\u53e6\u5916\uff0cCollapsingToolbarLayout\u4f1a\u5bf9title\u8fdb\u884c\u653e\u5927\u548c\u7f29\u5c0f\uff0c\u6211\u4eec\u770b\u770b\u6548\u679c\u5427~<\/p>\n
\"\"<\/p>\n
CollapsingToolbarLayout\u6548\u679c<\/p>\n
\u5982\u679c\u4f60\u5e0c\u671b\u62d6\u52a8\u8fc7\u7a0b\u4e2d\u72b6\u6001\u680f\u662f\u900f\u660e\u7684\uff0c\u53ef\u4ee5\u5728CollapsingToolbarLayout\u4e2d\u52a0 app:statusBarScrim=”@android:color\/transparent”\uff0c\u5e76\u4e14\u5728onCreate\u4e2d\u8c03\u7528getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS)\u5c06\u72b6\u6001\u680f\u8bbe\u7f6e\u4e3a\u900f\u660e\u5c31\u597d\u5566~<\/p>\n
\u732e\u4e0a\u6e90\u7801\uff0c\u8bf7\u7b11\u7eb3\uff1ahttp:\/\/download.csdn.net\/detail\/huachao1001\/9538934<\/a><\/p>\n
\u539f\u6587\u94fe\u63a5\uff1ahttp:\/\/www.jianshu.com\/p\/d159f0176576<\/p>\n\n\n\n\n\n\n\n\n
scrollFlags<\/th>\n\u6548\u679c<\/th>\n<\/tr>\n<\/thead>\n
scroll<\/td>\n\u8ddf\u968f\u53ef\u6eda\u52a8\u5185\u5bb9\u4e00\u8d77\u8d70<\/td>\n<\/tr>\n
enterAlways<\/td>\n\u5411\u4e0b\u6ed1\u65f6\u9876\u90e8\u680f\u7acb\u523b\u51fa\u73b0<\/td>\n<\/tr>\n
exitUntilCollapsed<\/td>\n\u5148\u6536\u5230\u6700\u5c0f\u9ad8\u5ea6\uff0c\u518d\u628a\u6ed1\u52a8\u8fd8\u7ed9\u5185\u5bb9<\/td>\n<\/tr>\n
enterAlwaysCollapsed<\/td>\n\u5148\u5230\u6700\u5c0f\u9ad8\u5ea6\u505c\u4e0b\uff0c\u5185\u5bb9\u5230\u9876\u540e\u518d\u5b8c\u5168\u5c55\u5f00<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\n
\u4e00\u53e5\u8bdd\u603b\u7ed3\uff1a\u5148\u85cf\u6389 ActionBar \u6362 Toolbar\uff1bAppBarLayout \u7528 scroll \/ enterAlways \/ exitUntilCollapsed \u54cd\u5e94\u6eda\u52a8\uff1b\u6298\u53e0\u89c6\u5dee\u4ea4\u7ed9 CollapsingToolbarLayout\uff0c\u5185\u5bb9\u533a\u7528 NestedScrollView \u7684 Behavior \u6302\u94a9\u3002<\/strong><\/p>\n<\/blockquote>\n<\/section>\n","protected":false},"excerpt":{"rendered":"
Toolbar\u3001AppBarLayout\u3001CollapsingToolbarLayout \u7ecf\u5e38\u88ab\u5199\u6210\u4e00\u9505\u6c64\u3002\u672c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[82],"_links":{"self":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/1602"}],"collection":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1602"}],"version-history":[{"count":3,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/1602\/revisions"}],"predecessor-version":[{"id":2837,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/1602\/revisions\/2837"}],"wp:attachment":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}