【问题标题】:Is there a native component for the Floating action button in Android Material Design?Android Material Design 中的浮动操作按钮是否有原生组件?
【发布时间】:2015-08-09 13:59:39
【问题描述】:

我的问题围绕着 Android Material Design 中引入的Floating action button

在 GitHub 上有很多库提供这个组件:

  1. Android-floating-action-button
  2. FloatingActionButton
  3. CircularFloatingActionMenu
  4. Fab
  5. Floating-action-button

但我的问题是:

是否有针对Floating action button 构建的最新版本android.support.vX 的本机组件?

组件如:

  • android.support.v7.cardview
  • android.support.v4.widget.DrawerLayout
  • android.support.v7.widget.RecyclerView
  • ...

【问题讨论】:

    标签: android material-design android-support-library android-design-library floating-action-button


    【解决方案1】:

    今天(2015 年 5 月 29 日)正式推出新的 Material Design 支持库。

    只需将此依赖项添加到您的build.gradle

    compile 'com.android.support:design:22.2.0'
    

    将此视图添加到您的布局中:

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_done" />
    

    并使用它:

    FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
    fab.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            //TODO
        }
    });
    

    【讨论】:

    • 如何在eclipse中添加compile 'com.android.support:design:22.2.0'
    【解决方案2】:

    还没有,有提示我们会在下一个支持库中看到它。

    【讨论】:

    • 谢谢。请问您从哪里听到这些信息(视频、文章...)?
    • reddit.com/r/androiddev 上的某个人正在浏览 github 上提供的更新后的 GoogleIO。
    【解决方案3】:

    您可以在 md 按钮上使用 md-fab 类,然后在 md 按钮内添加一个带有加号之类的跨度。还有其他 md-fab 类,例如 md-fab-bottom-right 可能会帮助您。您也可以在 md 按钮中使用 md 图标

    <md-button class="md-fab"><span class="glyphicon glyphicon-plus" /></md-button>
    

    【讨论】:

      【解决方案4】:

      以上所有答案现在都已过时。

      FABS 可作为 Android 材料组件的一部分: https://material.io/develop/android/docs/getting-started/

      这是课程:https://developer.android.com/reference/com/google/android/material/floatingactionbutton/FloatingActionButton

      不要错过带有工作示例的目录应用: https://github.com/material-components/material-components-android

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2016-01-07
        • 2015-06-26
        • 1970-01-01
        • 2015-01-04
        • 1970-01-01
        • 2015-11-08
        • 2014-12-08
        • 1970-01-01
        相关资源
        最近更新 更多