如何使用快速拨号动画在Android中创建类似于浮动操作按钮的收件箱

时间:2018-10-10 18:08:01

标签: android floating-action-button

我想创建一个浮动操作按钮,该动画可以显示Google内部开发的 Inbox android app 之类的内部快速拨号按钮。

示例:

enter image description here

2 个答案:

答案 0 :(得分:1)

我通过使用浮动操作按钮快速拨号库找到了预期的输出。

该库在Jcenter上可用,因此不需要其他存储库。

步骤1:添加以下依赖项

implementation "com.leinardi.android:speed-dial:2.0.0"

步骤2:SpeedDialView添加到布局中:

<com.leinardi.android.speeddial.SpeedDialView
    android:id="@+id/speedDial"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    app:sdMainFabClosedSrc="@drawable/ic_add_white_24dp" />

步骤3:将项目添加到SpeedDialView

SpeedDialView speedDialView = findViewById(R.id.speedDial);
speedDialView.addActionItem(
    new SpeedDialActionItem.Builder(R.id.fab_link, R.drawable.ic_link_white_24dp)
            .create());

第4步::添加点击侦听器:

speedDialView.setOnActionSelectedListener(new SpeedDialView.OnActionSelectedListener() {
@Override
public boolean onActionSelected(SpeedDialActionItem speedDialActionItem) {
    switch (speedDialActionItem.getId()) {
        case R.id.fab_link:
            showToast("Link action clicked!");
            return false; // true to keep the Speed Dial open
        default:
            return false;
    }
}
});

来源: https://github.com/leinardi/FloatingActionButtonSpeedDial

答案 1 :(得分:0)

FloatingActionButtonSpeedDial是我发现的最适合您要求的库。

它非常灵活,您会发现存储库的Main Sample实现了许多可能的用例,例如从浮动菜单中添加/删除按钮,更改标签的颜色和按钮背景等。

同时,我发现的唯一缺点是您必须以编程方式添加按钮,而不是在xml布局文件中。

无论如何,第一个答案是好的,但他错过了一个小细节。创建按钮添加到SpeedDialView时:

speedDialView.addActionItem(
new SpeedDialActionItem.Builder(R.id.fab_link, R.drawable.ic_link_white_24dp)
        .create());

R.id.fab_link 是新ActionItem(浮动按钮)的ID,因此您以后可以在speedDialView的onClickListener中引用它:

speedDialView.setOnActionSelectedListener(new SpeedDialView.OnActionSelectedListener() {
            @Override
            public boolean onActionSelected(SpeedDialActionItem actionItem) {
                switch (actionItem.getId()) {
                    case R.id.fab_add:
                        // do something
                        break;
                    case R.id.fab_link:
                        // do something else
                        break;
                }
                return true; // To keep the Speed Dial open
            }
        });

它只是一个 @IdRes ,它是一个整数,应该是id资源的引用。
因此,您可以像他们在官方示例here中所做的那样进行操作,并创建一个资源文件,其中包含类型为 id 的项目。

我希望这个答案对您有帮助。