1. 技术文章
  2. How to make Focus to FloatingActionButton Even if the Navigation drawer is open in Android

How to make Focus to FloatingActionButton Even if the Navigation drawer is open in Android

由 为君一笑 提交于 2020-01-24 01:11:06

问题


I want to make focus on FloatingActionButton Even if my Navigation Drawer is open. I know when the navigation Drawer is open then rest of the screen is unfocusable by using setScrimColor this we can reduce the focus on Navigation Drawer. But I want to make FloatingActionButton is focusable.

Library is below for ActionButton

https://github.com/shell-software/fab

see the below screenshot for my problem.

Normal Screen :

Click on FloatingButton :

What I want like this Focusable :

activity_main.xml

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:fab="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="end"
    android:fitsSystemWindows="true">

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context=".MainActivity">

        <com.example.softeng.animationf.fabdirectory.ActionButton
            android:id="@+id/fab_activity_action_button"
            style="@style/fab_action_button_style"
            fab:type="MINI"/>


    </RelativeLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="end">

        <RelativeLayout
            android:id="@+id/right_navigation"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#4D4D4D">

        </RelativeLayout>

    </android.support.design.widget.NavigationView>

</android.support.v4.widget.DrawerLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {

    DrawerLayout drawerLayout;
    NavigationView navigation_view;

    int count = 1;

    private boolean isOutSideClicked = false;


    RelativeLayout relativeLayout;
    private ActionButton actionButton;

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

        assert getSupportActionBar() != null;
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setDisplayShowHomeEnabled(true);

        drawerLayout = (DrawerLayout)findViewById(R.id.drawer_layout);
       /* drawerLayout.setScrimColor(Color.parseColor("#00000000"));*/
        navigation_view = (NavigationView)findViewById(R.id.navigation_view);
        relativeLayout = (RelativeLayout)findViewById(R.id.right_navigation);

        actionButton = (ActionButton) findViewById(R.id.fab_activity_action_button);

        actionButton.setImageResource(R.drawable.fab_plus_icon);
        actionButton.setRippleEffectEnabled(true);
        actionButton.setShadowRadius(0);
        actionButton.setShadowXOffset(0);
        actionButton.setShadowYOffset(0);
        actionButton.setButtonColor(Color.parseColor("#0072BA"));
        actionButton.setButtonColorPressed(Color.parseColor("#004F80"));
        actionButton.setShadowRadius(10);

        actionButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                if(count == 1) {
                    actionButton.moveLeft(200);
                    actionButton.setImageResource(R.drawable.close);
                    drawerLayout.openDrawer(Gravity.RIGHT);
                   count = count - 1;
                }else if(count == 0){

                    closeFab();


                }
                else {

                }
            }
        });

    }

    private void closeFab(){
        actionButton.move(new MovingParams(MainActivity.this, 200 , 0));
        actionButton.setImageResource(R.drawable.fab_plus_icon);
        count = count + 1;
        drawerLayout.closeDrawer(Gravity.RIGHT);
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        if (event.getAction() == MotionEvent.ACTION_UP) {
            if (drawerLayout.isDrawerOpen(navigation_view)) {

                View content = findViewById(R.id.drawer_layout);
                int[] contentLocation = new int[2];
                content.getLocationOnScreen(contentLocation);
                Rect rect = new Rect(contentLocation[0],
                        contentLocation[1],
                        contentLocation[0] + content.getWidth(),
                        contentLocation[1] + content.getHeight());



                if (!(rect.contains((int) event.getX(), (int) event.getY()))) {
                    isOutSideClicked = true;
                } else {
                    isOutSideClicked = false;
                    this.closeFab();
                }

            }
        }

        return super.dispatchTouchEvent(event);
    }

    @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_main, 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();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

The Rounded Image means FloatingActionButton i want to focusable. Any Help be Appreciated.


回答1:


Found the solution to your problem. I have done some changes in your Layout as well as in Java code. Please refer and let me know if there are any queries.

MainActivity.java

public class MainActivity extends AppCompatActivity {

DrawerLayout drawerLayout;
NavigationView navigation_view;
ImageView view;
int count = 1;

private boolean isOutSideClicked = false;


RelativeLayout relativeLayout;
private ActionButton actionButton;

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

    view = (ImageView)findViewById(R.id.view);

    if(getSupportActionBar() != null) {
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setDisplayShowHomeEnabled(true);
    }


    drawerLayout = (DrawerLayout)findViewById(R.id.drawer_layout);
    drawerLayout.setScrimColor(Color.parseColor("#00000000"));
    navigation_view = (NavigationView) findViewById(R.id.navigation_view);
    relativeLayout = (RelativeLayout)findViewById(R.id.right_navigation);

    actionButton = (ActionButton) findViewById(R.id.fab_activity_action_button);

    actionButton.setImageResource(R.drawable.fab_plus_icon);
    actionButton.setRippleEffectEnabled(true);
    actionButton.setShadowRadius(0);
    actionButton.setShadowXOffset(0);
    actionButton.setShadowYOffset(0);
    actionButton.setButtonColor(Color.parseColor("#0072BA"));
    actionButton.setButtonColorPressed(Color.parseColor("#004F80"));
    actionButton.setShadowRadius(10);

    actionButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

            if(count == 1) {
                actionButton.moveLeft(200);
                actionButton.setImageResource(R.drawable.fab_plus_icon);
                drawerLayout.openDrawer(Gravity.RIGHT);
                view.setVisibility(View.VISIBLE);
                actionButton.bringToFront();
               count = count - 1;
            }else if(count == 0){

                closeFab();
            }
            else {

            }
        }
    });

}

private void closeFab(){
    view.setVisibility(View.GONE);
    actionButton.move(new MovingParams(MainActivity.this, 200 , 0));
    actionButton.setImageResource(R.drawable.fab_plus_icon);
    count = count + 1;
    drawerLayout.closeDrawer(Gravity.RIGHT);
}
// dispatchTouchEvent is as it was not putting code here..!!
}

activity_main.xml

<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:fab="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="end"
android:fitsSystemWindows="true">

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

    <ImageView
        android:id="@+id/view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#80000000"
        android:visibility="gone" />

    <com.example.softeng.animationf.fabdirectory.ActionButton
        android:id="@+id/fab_activity_action_button"
        style="@style/fab_action_button_style"
        android:layout_gravity="bottom|right"
        fab:type="MINI"/>


</RelativeLayout>

<android.support.design.widget.NavigationView
    android:id="@+id/navigation_view"
    android:layout_width="200dp"
    android:layout_height="match_parent"
    android:layout_gravity="end">

    <RelativeLayout
        android:id="@+id/right_navigation"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#4D4D4D">

    </RelativeLayout>

</android.support.design.widget.NavigationView>

</android.support.v4.widget.DrawerLayout>

Please use this same code. I recommend you do copy-paste because this is working exactly as you wanted..!!




回答2:


use Frame layout as a parent ViewGroup as it uses z index so place

FAB floating action button at the end

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
>
<android.support.v4.widget.DrawerLayout

    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">


    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

</android.support.v4.widget.DrawerLayout>

    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@android:drawable/ic_menu_search"
        android:elevation="50dp"
        android:layout_gravity="left|bottom" />
</FrameLayout>



来源：https://stackoverflow.com/questions/37591717/how-to-make-focus-to-floatingactionbutton-even-if-the-navigation-drawer-is-open

标签
android
android-layout
android-studio
floating-action-button
易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!