片段事务问题(默认片段显示两次)

时间:2017-02-11 07:28:57

标签: android android-fragments fragment android-fragmentactivity fragmentmanager

我正在使用底部Bar处理Fragment Transaction。在我的应用程序中,默认片段显示两次,当第二个片段被选中时它不会隐藏..

public class MainActivity extends AppCompatActivity {
private Fragment fragment;
private FragmentManager fragmentManager;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    fragmentManager = getSupportFragmentManager();
    fragment = new FragmentOne();
    final FragmentTransaction transaction = fragmentManager.beginTransaction();
    transaction.add(R.id.output, fragment).commit();


    BottomBar bottomBar = (BottomBar) findViewById(R.id.bottomBar);
    bottomBar.setOnTabSelectListener(new OnTabSelectListener() {
        @Override
        public void onTabSelected(@IdRes int tabId) {
            switch (tabId){
                case R.id.tab_favorites:
                    Toast.makeText(MainActivity.this, "FAV", Toast.LENGTH_SHORT).show();
                    fragment = new FragmentOne();
                    break;
                case R.id.tab_friends:
                    Toast.makeText(MainActivity.this, "FRIEND", Toast.LENGTH_SHORT).show();
                    fragment = new FragmentTwo();
                    break;
                case R.id.tab_nearby:
                    Toast.makeText(MainActivity.this, "NEAR", Toast.LENGTH_SHORT).show();
                    fragment = new FragmentOne();
                    break;
                case R.id.tab_test:
                    Toast.makeText(MainActivity.this, "TEST", Toast.LENGTH_SHORT).show();
                    fragment = new FragmentTwo();
                    break;
            }
            final FragmentTransaction transaction = fragmentManager.beginTransaction();
            transaction.replace(R.id.output, fragment).commit();
        }
    });

    bottomBar.setOnTabReselectListener(new OnTabReselectListener() {
        @Override
        public void onTabReSelected(@IdRes int tabId) {
        }
    });
}

enter image description here

请帮我解决这个问题 这是我的xml布局

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.syntax.bottomtabs.MainActivity">
<fragment
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:name="com.syntax.bottomtabs.FragmentOne"
        android:id="@+id/output"/>

    <com.roughike.bottombar.BottomBar
        android:id="@+id/bottomBar"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:layout_alignParentBottom="true"
        app:bb_tabXmlResource="@xml/bottombar_tabs_three" />
</RelativeLayout>

2 个答案:

答案 0 :(得分:0)

通过用相对布局替换片段来替换下面的xml .....

linear=FALSE

希望它会有所帮助.....

答案 1 :(得分:0)

不要添加片段。添加一个容器,然后用片段替换它。这里,framelayout将作为容器使用。

你的xml代码应该是:

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.syntax.bottomtabs.MainActivity">

     <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <com.roughike.bottombar.BottomBar
        android:id="@+id/bottomBar"
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:layout_alignParentBottom="true"
        app:bb_tabXmlResource="@xml/bottombar_tabs_three" />
</RelativeLayout>

在Activity onCreate()中:

 FragmentManager fm = getFragmentManager();
        fm.beginTransaction().replace(R.id.content_frame, new FragmentOne()).commit();

其余的代码:

bottomBar.setOnTabSelectListener(new OnTabSelectListener() {
        final FragmentManager fm = getFragmentManager();
        @Override
        public void onTabSelected(@IdRes int tabId) {
            switch (tabId){
                case R.id.tab_favorites:
                    Toast.makeText(MainActivity.this, "FAV", Toast.LENGTH_SHORT).show();
                    fm.beginTransaction().replace(R.id.content_frame, new FragmentOne()).commit();
                    break;
                case R.id.tab_friends:
                    Toast.makeText(MainActivity.this, "FRIEND", Toast.LENGTH_SHORT).show();
                    fm.beginTransaction().replace(R.id.content_frame, new FragmentTwo()).commit();
                    break;
                case R.id.tab_nearby:
                    Toast.makeText(MainActivity.this, "NEAR", Toast.LENGTH_SHORT).show();
                    fm.beginTransaction().replace(R.id.content_frame, new FragmentOne()).commit();
                    break;
                case R.id.tab_test:
                    Toast.makeText(MainActivity.this, "TEST", Toast.LENGTH_SHORT).show();
                    fm.beginTransaction().replace(R.id.content_frame, new FragmentTwo()).commit();
                    break;
            }
        }
    });