FloatingActionButton增强版，一个按钮跳出多个按钮

FloatingActionButton项目在github上的主页：https://github.com/futuresimple/android-floating-action-button 

FloatingActionButton使用简单，而且可以自定义颜色、大小、背景图片

项目构造：

下面是demo的代码（主要见sample）：

布局：

 1 <RelativeLayout ="http://schemas.android.com/apk/res/android" 2   ="http://schemas.android.com/apk/res-auto" 3   android:layout_width="match_parent" 4   android:layout_height="match_parent" 5   android:background="@color/background" > 6  7   <com.getbase.floatingactionbutton.FloatingActionButton 8     android:id="@+id/pink_icon" 9     android:layout_width="wrap_content" 10     android:layout_height="wrap_content" 11     android:layout_alignParentBottom="true" 12     android:layout_centerHorizontal="true" 13     android:layout_marginBottom="16dp" 14     fab:fab_colorNormal="@color/pink" 15     fab:fab_colorPressed="@color/pink_pressed" 16     fab:fab_icon="@drawable/ic_fab_star" /> 17  18   <TextView 19     style="@style/menu_labels_style" 20     android:layout_width="wrap_content" 21     android:layout_height="wrap_content" 22     android:layout_above="@id/pink_icon" 23     android:layout_centerHorizontal="true" 24     android:layout_marginBottom="48dp" 25     android:text="Text below button" /> 26  27   <com.getbase.floatingactionbutton.AddFloatingActionButton 28     android:id="@+id/semi_transparent" 29     android:layout_width="wrap_content" 30     android:layout_height="wrap_content" 31     android:layout_above="@id/pink_icon" 32     android:layout_centerHorizontal="true" 33     android:layout_marginBottom="16dp" 34     fab:fab_colorNormal="@color/blue_semi_transparent" 35     fab:fab_colorPressed="@color/blue_semi_transparent_pressed" 36     fab:fab_plusIconColor="@color/white" /> 37  38   <com.getbase.floatingactionbutton.FloatingActionButton 39     android:id="@+id/setter" 40     android:layout_width="wrap_content" 41     android:layout_height="wrap_content" 42     android:layout_above="@id/semi_transparent" 43     android:layout_centerHorizontal="true" 44     android:layout_marginBottom="16dp" /> 45  46   <com.getbase.floatingactionbutton.AddFloatingActionButton 47     android:id="@+id/normal_plus" 48     android:layout_width="wrap_content" 49     android:layout_height="wrap_content" 50     android:layout_alignParentBottom="true" 51     android:layout_alignParentLeft="true" 52     android:layout_alignParentStart="true" 53     android:layout_marginBottom="16dp" 54     android:layout_marginLeft="16dp" 55     android:layout_marginStart="16dp" 56     fab:fab_colorNormal="@color/white" 57     fab:fab_colorPressed="@color/white_pressed" 58     fab:fab_plusIconColor="@color/half_black" /> 59  60   <com.getbase.floatingactionbutton.FloatingActionsMenu 61     android:id="@+id/right_labels" 62     android:layout_width="wrap_content" 63     android:layout_height="wrap_content" 64     android:layout_above="@id/normal_plus" 65     android:layout_alignParentLeft="true" 66     android:layout_alignParentStart="true" 67     android:layout_marginLeft="16dp" 68     android:layout_marginStart="16dp" 69     fab:fab_addButtonColorNormal="@color/white" 70     fab:fab_addButtonColorPressed="@color/white_pressed" 71     fab:fab_addButtonPlusIconColor="@color/half_black" 72     fab:fab_addButtonSize="mini" 73     fab:fab_labelStyle="@style/menu_labels_style" 74     fab:fab_labelsPosition="right" > 75  76     <com.getbase.floatingactionbutton.FloatingActionButton 77       android:layout_width="wrap_content" 78       android:layout_height="wrap_content" 79       fab:fab_colorNormal="@color/white" 80       fab:fab_colorPressed="@color/white_pressed" 81       fab:fab_title="Label on the right" /> 82  83     <com.getbase.floatingactionbutton.FloatingActionButton 84       android:layout_width="wrap_content" 85       android:layout_height="wrap_content" 86       fab:fab_colorNormal="@color/white" 87       fab:fab_colorPressed="@color/white_pressed" 88       fab:fab_size="mini" 89       fab:fab_title="Another one on the right" /> 90   </com.getbase.floatingactionbutton.FloatingActionsMenu> 91  92   <com.getbase.floatingactionbutton.FloatingActionsMenu 93     android:id="@+id/multiple_actions" 94     android:layout_width="wrap_content" 95     android:layout_height="wrap_content" 96     android:layout_alignParentBottom="true" 97     android:layout_alignParentEnd="true" 98     android:layout_alignParentRight="true" 99     android:layout_marginBottom="16dp"100     android:layout_marginEnd="16dp"101     android:layout_marginRight="16dp"102     fab:fab_addButtonColorNormal="@color/white"103     fab:fab_addButtonColorPressed="@color/white_pressed"104     fab:fab_addButtonPlusIconColor="@color/half_black"105     fab:fab_labelStyle="@style/menu_labels_style" >106 107     <com.getbase.floatingactionbutton.FloatingActionButton108       android:id="@+id/action_a"109       android:layout_width="wrap_content"110       android:layout_height="wrap_content"111       fab:fab_colorNormal="@color/white"112       fab:fab_colorPressed="@color/white_pressed"113       fab:fab_title="Action A" />114 115     <com.getbase.floatingactionbutton.FloatingActionButton116       android:id="@+id/action_b"117       android:layout_width="wrap_content"118       android:layout_height="wrap_content"119       fab:fab_colorNormal="@color/white"120       fab:fab_colorPressed="@color/white_pressed"121       fab:fab_title="Action with a very long name that won\&apos;t fit on the screen" />122   </com.getbase.floatingactionbutton.FloatingActionsMenu>123 124   <com.getbase.floatingactionbutton.FloatingActionsMenu125     android:id="@+id/multiple_actions_down"126     android:layout_width="wrap_content"127     android:layout_height="wrap_content"128     android:layout_alignParentEnd="true"129     android:layout_alignParentRight="true"130     android:layout_alignParentTop="true"131     android:layout_marginEnd="16dp"132     android:layout_marginRight="16dp"133     android:layout_marginTop="16dp"134     fab:fab_addButtonColorNormal="@color/white"135     fab:fab_addButtonColorPressed="@color/white_pressed"136     fab:fab_addButtonPlusIconColor="@color/half_black"137     fab:fab_addButtonSize="mini"138     fab:fab_expandDirection="down"139     fab:fab_labelStyle="@style/menu_labels_style" >140 141     <com.getbase.floatingactionbutton.FloatingActionButton142       android:layout_width="wrap_content"143       android:layout_height="wrap_content"144       fab:fab_colorNormal="@color/white"145       fab:fab_colorPressed="@color/white_pressed"146       fab:fab_size="mini" />147 148     <com.getbase.floatingactionbutton.FloatingActionButton149       android:id="@+id/button_remove"150       android:layout_width="wrap_content"151       android:layout_height="wrap_content"152       fab:fab_colorNormal="@color/white"153       fab:fab_colorPressed="@color/white_pressed"154       fab:fab_title="Click to remove" />155 156     <com.getbase.floatingactionbutton.FloatingActionButton157       android:id="@+id/button_gone"158       android:layout_width="wrap_content"159       android:layout_height="wrap_content"160       fab:fab_colorNormal="@color/white"161       fab:fab_colorPressed="@color/white_pressed" />162 163     <com.getbase.floatingactionbutton.FloatingActionButton164       android:id="@+id/action_enable"165       android:layout_width="wrap_content"166       android:layout_height="wrap_content"167       fab:fab_colorNormal="@color/white"168       fab:fab_colorPressed="@color/white_pressed"169       fab:fab_title="Set bottom menu enabled/disabled" />170   </com.getbase.floatingactionbutton.FloatingActionsMenu>171 172   <com.getbase.floatingactionbutton.FloatingActionsMenu173     android:id="@+id/multiple_actions_left"174     android:layout_width="wrap_content"175     android:layout_height="wrap_content"176     android:layout_alignParentTop="true"177     android:layout_marginEnd="16dp"178     android:layout_marginRight="16dp"179     android:layout_marginTop="16dp"180     android:layout_toLeftOf="@+id/multiple_actions_down"181     android:layout_toStartOf="@+id/multiple_actions_down"182     fab:fab_addButtonColorNormal="@color/white"183     fab:fab_addButtonColorPressed="@color/white_pressed"184     fab:fab_addButtonPlusIconColor="@color/half_black"185     fab:fab_addButtonSize="mini"186     fab:fab_addButtonStrokeVisible="false"187     fab:fab_expandDirection="left" >188 189     <com.getbase.floatingactionbutton.FloatingActionButton190       android:layout_width="wrap_content"191       android:layout_height="wrap_content"192       fab:fab_colorNormal="@color/white"193       fab:fab_colorPressed="@color/white_pressed" />194 195     <com.getbase.floatingactionbutton.FloatingActionButton196       android:layout_width="wrap_content"197       android:layout_height="wrap_content"198       fab:fab_colorNormal="@color/white"199       fab:fab_colorPressed="@color/white_pressed"200       fab:fab_size="mini" />201 202     <com.getbase.floatingactionbutton.FloatingActionButton203       android:layout_width="wrap_content"204       android:layout_height="wrap_content"205       android:visibility="gone"206       fab:fab_colorNormal="@color/white"207       fab:fab_colorPressed="@color/white_pressed"208       fab:fab_size="mini" />209   </com.getbase.floatingactionbutton.FloatingActionsMenu>210 211   <com.getbase.floatingactionbutton.FloatingActionButton212     android:id="@+id/setter_drawable"213     android:layout_width="wrap_content"214     android:layout_height="wrap_content"215     android:layout_above="@id/setter"216     android:layout_centerHorizontal="true" />217 218 </RelativeLayout>

原标题：FloatingActionButton增强版，一个按钮跳出多个按钮

关键词：