底部导航栏:当尝试用导航栏外部的按钮替换当前片段时,它将其放在顶部而不是替换

时间:2018-11-24 05:55:48

标签: android android-fragments

所以我正在做一个小组android项目,我团队中的一个人使用了https://github.com/aurelhubert/ahbottomnavigation。我们都是android的新手,所以他并不真正了解它在做什么,我也不知道。这似乎不是在使用碎片事务在选项卡之间来回切换,这使我感到困惑。

本质上,我的问题是底部导航栏上的标签之一是我的主页,我在那里创建了一个按钮,用于将我发送到该用户个人资料的另一个片段。

ImageButton profileButton = (ImageButton) rootView.findViewById(R.id.profile_button);

    profileButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            FragmentTransaction fragmentTransaction =  getActivity().getSupportFragmentManager().beginTransaction();
            fragmentTransaction.replace(R.id.coordinator, new ProfileFragment());
            fragmentTransaction.commit();
        }
    });

但是这并不能完全取代当前片段,而只是放在最前面。这样,即使您使用底部的导航栏切换到另一个片段,配置文件片段也会保留在顶部。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp"
>

<ImageButton
    android:layout_width="50dp"
    android:layout_height="wrap_content"
    android:layout_gravity="right"
    android:src="@drawable/ic_profile"
    android:background="@null"
    android:id="@+id/profile_button"
    />

<include
    layout="@layout/content_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

</LinearLayout>

然后是content_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.example.william.homepage.MainActivity"
tools:showIn="@layout/activity_main">


<com.dinuscxj.progressbar.CircleProgressBar
    android:id="@+id/custom_progress5"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_marginTop="25dp"
    android:gravity="center"
    app:progress_background_color="@color/holo_darker_gray"
    app:progress_end_color="@color/holo_green_light"
    app:progress_start_color="@color/holo_green_light"
    app:progress_stroke_width="10dp"
    app:progress_text_color="@color/holo_green_light"
    app:progress_text_size="40dp"
    app:style="solid_line" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:textSize="20sp" />

<TextView
    android:id="@+id/count"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:gravity="center"
    android:textSize="60sp" />

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="Total Steps"
    android:textSize="30sp"
    android:visibility="visible" />


<Button
    android:id="@+id/logout_button"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Logout" />

</LinearLayout>

然后是activity_main.xml。我最初尝试用R.id.viewpager进行替换,但是当前的主页片段确实消失了,但配置文件片段没有消失,所以它只是一个空白屏幕。

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/coordinator"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

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

<edu.umd.arturomcgill.healcity.NoSwipePager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:background="#EFEFEF"/>

<com.aurelhubert.ahbottomnavigation.AHBottomNavigation
    android:id="@+id/bottom_navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"/>

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

如果有人可以告诉我我要去哪里哪里以及如何显示个人资料片段,我将非常非常感谢。谢谢!

0 个答案:

没有答案