Android CircularFloatingActionMenu在ScrollView这样的滚动View中使用（2）



Android CircularFloatingActionMenu在ScrollView这样的滚动View中使用（2）

Android CircularFloatingActionMenu在ScrollView这样的滚动View中使用，和附录文章A中使用的方法类似，运行结果如动态图所示：

实现上述结果的Java代码：

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
//import android.view.Menu;
//import android.view.MenuItem;
import android.view.View;
import android.view.ViewTreeObserver;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ScrollView;

import com.oguzdev.circularfloatingactionmenu.library.FloatingActionMenu;
import com.oguzdev.circularfloatingactionmenu.library.SubActionButton;

import java.util.ArrayList;

public class MenuInScrollViewActivity extends Activity implements FloatingActionMenu.MenuStateChangeListener, ViewTreeObserver.OnScrollChangedListener, View.OnLayoutChangeListener {

    private ArrayList<FloatingActionMenu> menus;
    
    //只允许滚动的View中一个menu打开
    private FloatingActionMenu currentMenu;
    
    private FloatingActionMenu bottomMenu;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_menu_in_scroll_view);

        LayoutInflater inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        final ScrollView scrollView = (ScrollView) findViewById(R.id.scrollView);
        LinearLayout scrollViewBody = (LinearLayout) findViewById(R.id.scrollViewBody);

        menus = new ArrayList<FloatingActionMenu>();

        // add 20 views into body, each with a menu attached
        for(int i=0; i<20; i++) {
            LinearLayout item = (LinearLayout) inflater.inflate(R.layout.item_scroll_view, null, false);

            scrollViewBody.addView(item);

            View mainActionView = item.findViewById(R.id.itemActionView);

            SubActionButton.Builder rLSubBuilder = new SubActionButton.Builder(this);
            ImageView rlIcon1 = new ImageView(this);
            ImageView rlIcon2 = new ImageView(this);
            ImageView rlIcon3 = new ImageView(this);

            rlIcon1.setImageDrawable(getResources().getDrawable(R.drawable.ic_action_chat_light));
            rlIcon2.setImageDrawable(getResources().getDrawable(R.drawable.ic_action_camera_light));
            rlIcon3.setImageDrawable(getResources().getDrawable(R.drawable.ic_action_video_light));

            FloatingActionMenu itemMenu = new FloatingActionMenu.Builder(this)
                    .setStartAngle(-45)
                    .setEndAngle(-135)
                    .setRadius(getResources().getDimensionPixelSize(R.dimen.radius_small))
                    .addSubActionView(rLSubBuilder.setContentView(rlIcon1).build())
                    .addSubActionView(rLSubBuilder.setContentView(rlIcon2).build())
                    .addSubActionView(rLSubBuilder.setContentView(rlIcon3).build())
                    // listen state changes of each menu
                    .setStateChangeListener(this)
                    .attachTo(mainActionView) //此处将弹出的菜单和一个Android普通TextView关联起来
                    .build();

            //
            menus.add(itemMenu);
        }

        // listen scroll events on root ScrollView
        scrollView.getViewTreeObserver().addOnScrollChangedListener(this);


        findViewById(R.id.buttom_bar_edit_text).clearFocus();

        // Attach a menu to the button in the bottom bar, just to prove that it works.
        View bottomActionButton = findViewById(R.id.bottom_bar_action_button);
        SubActionButton.Builder rLSubBuilder = new SubActionButton.Builder(this);
        ImageView rlIcon1 = new ImageView(this);
        ImageView rlIcon2 = new ImageView(this);
        ImageView rlIcon3 = new ImageView(this);

        rlIcon1.setImageDrawable(getResources().getDrawable(R.drawable.ic_action_place_light));
        rlIcon2.setImageDrawable(getResources().getDrawable(R.drawable.ic_action_picture_light));
        rlIcon3.setImageDrawable(getResources().getDrawable(R.drawable.ic_action_camera_light));

        bottomMenu = new FloatingActionMenu.Builder(this)
                .addSubActionView(rLSubBuilder.setContentView(rlIcon1).build())
                .addSubActionView(rLSubBuilder.setContentView(rlIcon2).build())
                .addSubActionView(rLSubBuilder.setContentView(rlIcon3).build())
                .setStartAngle(-40)
                .setEndAngle(-90)
                .setRadius(getResources().getDimensionPixelSize(R.dimen.radius_medium))
                .attachTo(bottomActionButton)
                .build();

        // Listen layout (size) changes on a main layout so that we could reposition the bottom menu
        scrollView.addOnLayoutChangeListener(this);
    }


//    @Override
//    public boolean onCreateOptionsMenu(Menu menu) {
//        // Inflate the menu; this adds items to the action bar if it is present.
//        getMenuInflater().inflate(R.menu.menu_in_scroll_view, menu);
//        return true;
//    }
//
//    @Override
//    public boolean onOptionsItemSelected(MenuItem item) {
//        // Handle action bar item clicks here. The action bar will
//        // automatically handle clicks on the Home/Up button, so long
//        // as you specify a parent activity in AndroidManifest.xml.
//        int id = item.getItemId();
//        if (id == R.id.action_settings) {
//            return true;
//        }
//        return super.onOptionsItemSelected(item);
//    }

    @Override
    public void onMenuOpened(FloatingActionMenu menu) {
        // Only allow one menu to stay open
        for(FloatingActionMenu iMenu : menus) {
            iMenu.close(true);
        }
        
        // update our current menu reference
        currentMenu = menu;
    }

    @Override
    public void onMenuClosed(FloatingActionMenu menu) {
        // remove our current menu reference
        currentMenu = null;
    }

    @Override
    public void onScrollChanged() {
        // ScrollView is scrolled,
        // coordinates of main action view has changed.
        // We need to update item coordinates of the current open menu.
        if(currentMenu != null) {
            currentMenu.updateItemPositions();
        }
    }

    @Override
    public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
        // update the position of the menu when the main layout changes size on events like soft keyboard open/close
        if(right - left != 0 && bottom - top != 0 &&
                (oldLeft != left || oldTop != top || oldRight != right || oldBottom != bottom) && bottomMenu != null) {
            bottomMenu.updateItemPositions();
        }
    }
}

需要的布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.oguzdev.circularfloatingactionmenu.samples.MenuInScrollViewActivity">

    <RelativeLayout
        android:id="@+id/bottomBar"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_alignParentBottom="true"
        android:background="@drawable/bottom_bar_background">

        <FrameLayout
            android:id="@+id/bottom_bar_action_button"
            android:layout_width="36dp"
            android:layout_height="36dp"
            android:layout_margin="6dp"
            android:background="@drawable/button_action_blue_selector"
            android:clickable="true"
            android:layout_alignParentLeft="true">
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_margin="8dp"
                android:src="@drawable/ic_action_new" />
        </FrameLayout>

        <ImageButton
            android:id="@+id/bottom_bar_send_button"
            android:layout_width="36dp"
            android:layout_height="36dp"
            android:layout_margin="6dp"
            android:layout_alignParentRight="true"
            android:src="@drawable/ic_action_send_now_light"
            style="?android:attr/buttonBarButtonStyle" />

        <EditText
            android:id="@+id/buttom_bar_edit_text"
            android:layout_width="match_parent"
            android:layout_height="36dp"
            android:layout_marginTop="6dp"
            android:layout_marginBottom="6dp"
            android:layout_toRightOf="@id/bottom_bar_action_button"
            android:layout_toLeftOf="@id/bottom_bar_send_button"
            android:hint="Tap on items above!" />

    </RelativeLayout>

    <ScrollView
        android:id="@+id/scrollView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/bottomBar"
        >
        <LinearLayout
            android:id="@+id/scrollViewBody"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

        </LinearLayout>
    </ScrollView>

</RelativeLayout>

一些其他资源比较简单，可以在该项目主页的代码包例子中找出。

附录相关参考文章：

附录相关文章：

A、《Android CircularFloatingActionMenu （1）》链接地址：http://blog.csdn.net/zhangphil/article/details/50257149
B、《Android第三方开源FloatingActionButton（com.getbase.floatingactionbutton）【1】》链接地址：http://blog.csdn.net/zhangphil/article/details/50166715
C、《Android第三方开源FloatingActionButton（com.getbase.floatingactionbutton）【2】》链接地址：http://blog.csdn.net/zhangphil/article/details/50166929
D、《Android第三方开源FloatingActionButton（com.getbase.floatingactionbutton）: FloatingActionsMenu【3】》链接地址：http://blog.csdn.net/zhangphil/article/details/50167609
E、《Android FloatingActionButton: FloatingActionsMenu向下伸展弹出及删除包含的FloatingActionButton【4】》链接地址：http://blog.csdn.net/zhangphil/article/details/50182019
F、《Android Material Design的FloatingActionButton，Snackbar和CoordinatorLayout》链接地址：http://blog.csdn.net/zhangphil/article/details/48861371
G、《Android第三方FloatingActionButton：伴随ListView、RecyclerView、ScrollView滚动滑入滑出》链接地址：http://blog.csdn.net/zhangphil/article/details/50135707

H，Android CircularFloatingActionMenu在github上的项目主页：https://github.com/oguzbilgener/CircularFloatingActionMenu