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