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

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