實現了Google新的material design FAB toolbar

jopen 9年前發布 | 16K 次閱讀 Android開發 移動開發 fab-toolbar

實現了Google新的material design FAB toolbar。一個懸浮操作按鈕的Toolbar庫。

運行效果:

使用說明:

 Material設計指南中的描述

<com.github.alexkolpa.fabtoolbar.FabToolbar
    android:id="@+id/fab_toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    tb:tb_animation_duration="500"
    tb:tb_button_gravity="end"
    tb:tb_container_gravity="center"
    >

    <ImageView
        android:id="@+id/attach"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_attachment_white_48dp"
        android:layout_marginLeft="@dimen/icon_margin"
        android:layout_marginRight="@dimen/icon_margin"
        />

    <!-- More buttons can be added here -->

</com.github.alexkolpa.fabtoolbar.FabToolbar>

調用hide()和show()方法顯示和隱藏Toolbar

FabToolbar fabToolbar = ((FabToolbar) findViewById(R.id.fab_toolbar));

findViewById(R.id.attach).setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {
        fabToolbar.hide();
    }
});

依賴

Gradle:

dependencies {
    compile 'com.github.alexkolpa:floating-action-button-toolbar:0.5.1'
}


Maven:

<dependency>
    <groupId>com.github.alexkolpa</groupId>
    <artifactId>floating-action-button-toolbar</artifactId>
    <version>0.5.1</version>
</dependency>

項目主頁:http://www.baiduhome.net/lib/view/home/1434425405505

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!