如何在Android 5+的右下角创建一个圆形按钮?

时间:2015-06-21 18:00:32

标签: android user-interface

是否有任何标准工具或现有库可在Gmail应用中创建圆形按钮? enter image description here

3 个答案:

答案 0 :(得分:2)

在android支持设计支持库中,提供的一个小部件是浮动操作按钮,它通常添加在右下角(但不必仅在那里使用)

  

浮动操作按钮是表示主要操作的圆形按钮   在你的界面上。 Design库的FloatingActionButton为您提供   单个一致的实现,默认情况下使用   colorAccent来自你的主题。

要在build.gradle文件中获取android设计支持库,请添加:

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

在您的布局文件"

<RelativeLayout
 ...
 xmlns:app="http://schemas.android.com/apk/res-auto">

       <android.support.design.widget.FloatingActionButton
            android:id="@+id/myFAB"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"  
            app:layout_anchor="@id/appbar"
            app:layout_anchorGravity="bottom|right|end"
            android:src="@drawable/ic_discuss"
            android:layout_margin="10dp"
            android:clickable="true"/>
</RelativeLayout>

android设计支持库here

的详细信息

还有许多其他库提供FAB,如

答案 1 :(得分:2)

1.首先使用Android Studio

2.添加为build.gradle的依赖项:

dependencies {
compile 'com.melnykov:floatingactionbutton:1.3.0'
}

3。创建一个布局     

<ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

<com.melnykov.fab.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_margin="16dp"
        android:src="@drawable/ic_action_content_new"
        fab:fab_colorNormal="@color/primary"
        fab:fab_colorPressed="@color/primary_pressed"
        fab:fab_colorRipple="@color/ripple" />

4.添加命名空间

xmlns:fab="http://schemas.android.com/apk/res-auto" 

到您的布局文件。

  1. 您还可以通过fab_type xml属性设置按钮类型(普通或迷你)(默认为正常):
  2. fab:fab_type="mini"

    fab.setType(FloatingActionButton.TYPE_MINI);

答案 2 :(得分:1)

是的,使用新的Design Support Library,我们会提供浮动操作按钮的默认实现here

为了能够访问新的FAB类,您需要将此依赖项添加到gradle构建文件中。

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