更進階的ToolBar使用----AppBarLayout

來源:互聯網
上載者:User

標籤:nap   自動   事件   out   support   表示   距離   使用   near   

AppBarLayout實際是一個LinearLayout,不過 Design Support庫對它做了很多滾動事件,

將Toolbar嵌套到AppBarLayout中,然後給頁面顯示主題內容的控制項指定一個布局行為

  <android.support.design.widget.AppBarLayout            android:layout_width="match_parent"            android:layout_height="wrap_content">            <android.support.v7.widget.Toolbar                android:id="@+id/toolbar"                android:layout_width="match_parent"                android:layout_height="?attr/actionBarSize"                android:background="?attr/colorPrimary"                android:popupTheme="@style/ThemeOverlay.AppCompat.Light"                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"

          scroll表示當內容上滾動Toobar會跟著向上滾動並隱藏,
          enterAlways表示當內容鄉下滾動時,ToolBar會鄉下滾動並顯示。
          snap表示當內容還沒有完全隱藏或顯示的時候,會根據當前滾動的距離,自動選擇隱藏還是顯示 app:layout_scrollFlags="scroll|enterAlways|snap" /><!--Toobar在APPBarlayout中添加這個屬性ToolBar會跟著主題內容上滑隱藏,下划出現--> </android.support.design.widget.AppBarLayout>

指定布局行為

app:layout_behavior="@string/appbar_scrolling_view_behavior"

別忘了添加Design Support的依賴

更進階的ToolBar使用----AppBarLayout

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.