全局悬浮按钮(FAB)
要写一个全局按钮…到处找资料感觉心塞塞.
最后是参考“鸿洋_”给写出来的.
在drawable中写fab_background.xml.
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<layer-list>
<!-- Shadow -->
<item android:top="1dp" android:right="1dp">
<layer-list>
<item>
<shape android:shape="oval">
<solid android:color="#08000000"/>
<padding android:bottom="3px" android:left="3px" android:right="3px" android:top="3px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#09000000"/>
<padding android:bottom="2px" android:left="2px" android:right="2px" android:top="2px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#10000000"/>
<padding android:bottom="2px" android:left="2px" android:right="2px" android:top="2px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#11000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#12000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#13000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#14000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#15000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#16000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
</layer-list>
</item>
<!-- Blue button pressed -->
<item>
<shape android:shape="oval">
<solid android:color="#90CAF9"/>
</shape>
</item>
</layer-list>
</item>
<item android:state_enabled="true">
<layer-list>
<!-- Shadow -->
<item android:top="2dp" android:right="1dp">
<layer-list>
<item>
<shape android:shape="oval">
<solid android:color="#08000000"/>
<padding android:bottom="4px" android:left="4px" android:right="4px" android:top="4px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#09000000"/>
<padding android:bottom="2px" android:left="2px" android:right="2px" android:top="2px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#10000000"/>
<padding android:bottom="2px" android:left="2px" android:right="2px" android:top="2px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#11000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#12000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#13000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#14000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#15000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
<item>
<shape android:shape="oval">
<solid android:color="#16000000"/>
<padding android:bottom="1px" android:left="1px" android:right="1px" android:top="1px" />
</shape>
</item>
</layer-list>
</item>
<!-- Blue button -->
<item>
<shape android:shape="oval">
<solid android:color="#03A9F4"/>
</shape>
</item>
</layer-list>
</item>
</selector>之后就是写ImageButton了.
<ImageButton
android:id="@+id/fab_add"
android:layout_width="56dp"
android:layout_height="56dp"
android:layout_gravity="bottom|right"
android:layout_margin="20dp"
android:background="@drawable/fab_background"
android:src="@drawable/fab_src_add"
/>注意…src要选对图片,不然不一定现实的出来.
最后这个ImageButton是放在FramgLayout内,以保证不会一个按钮占去一整排.