Android实现带3D视差效果的多选按钮-米微资源分享网

带3D视差效果的多选按钮。

灵感来自Nicola Felasquez Felaco的Pubbblish，并参考JustinFincher / JZMultiChoicesCircleButton。

ScreenShot

包括MultiChoicesCircleButton到您的项目

用gradle：

dependencies {
   compile 'com.gjiazhe:MultiChoicesCircleButton:1.0'
}

在布局文件中使用MultiChoicesCircleButton

<com.gjiazhe.multichoicescirclebutton.MultiChoicesCircleButton
    android:id="@+id/multiChoicesCircleButton"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:mccb_collapseRadius="40dp"
    app:mccb_expandRadius="120dp"
    app:mccb_icon="@drawable/plus"
    app:mccb_text="Choose"
    app:mccb_buttonColor="@color/colorAccent"
    app:layout_behavior="@string/multi_choices_circle_button_behavior"/>

所有属性：

属性	格式	默认	描述
mccb_icon	drawable	空值	按钮的图标。
mccb_enableParallax	布尔	真正	不启用3D视差效果。
mccb_collapseRadius	尺寸	40dp	折叠时按钮的半径。
mccb_expandRadius	尺寸	120dp	扩展时按钮的半径。
mccb_text	串	空值	按钮的tittle。
mccb_textSize	串	35sp	按钮的文本大小。
mccb_textColor	颜色	白色	按钮的文本颜色。
mccb_buttonColor	颜色	＃FC516A	按钮的颜色。
mccb_duration	整数	200ms	动画持续时间。
mccb_itemRadius	尺寸	20dp	项目的半径。
mccb_itemDistanceToCentre	尺寸	expandRadius * 2/3	从物品中心到按钮中心的距离。
mccb_itemBackgroundColor	颜色	白色	项目的背景颜色。
mccb_showBackgroundShadow	布尔	真正	按住按钮时是否显示阴影。
mccb_backgroundShadowColor	颜色	＃bb757575	按住按钮时阴影的颜色。

设置项目

使用其标题，图标和角度构造项目。

MultiChoicesCircleButton.Item item1 = new MultiChoicesCircleButton.Item("Like", getResources().getDrawable(R.drawable.icon1), 30);

MultiChoicesCircleButton.Item item2 = new MultiChoicesCircleButton.Item("Message", getResources().getDrawable(R.drawable.icon2), 90);

MultiChoicesCircleButton.Item item3 = new MultiChoicesCircleButton.Item("Tag", getResources().getDrawable(R.drawable.icon3), 150);

List<MultiChoicesCircleButton.Item> buttonItems = new ArrayList<>();
buttonItems.add(item1);
buttonItems.add(item2);
buttonItems.add(item3);

MultiChoicesCircleButton multiChoicesCircleButton = (MultiChoicesCircleButton) findViewById(R.id.multiChoicesCircleButton);
multiChoicesCircleButton.setButtonItems(buttonItems);

设置OnSelectedItemListener和OnHoverItemListener

multiChoicesCircleButton.setOnSelectedItemListener(new MultiChoicesCircleButton.OnSelectedItemListener() {
    @Override
    public void onSelected(MultiChoicesCircleButton.Item item, int index) {
        // Do something
    }
});

multiChoicesCircleButton.setOnHoverItemListener(new MultiChoicesCircleButton.OnHoverItemListener(){
    @Override
    public void onHovered(MultiChoicesCircleButton.Item item, int index) {
        // Do something
    }
});

Wrok with CoordinatorLayout在滚动时启用自动隐藏/显示

<com.gjiazhe.multichoicescirclebutton.MultiChoicesCircleButton
    ....
    app:layout_behavior="@string/multi_choices_circle_button_behavior"/>

资源均来自第三方，谨慎下载，前往第三方网站下载