logo标签列表

在BottomNavigationView中启动片段

javaandroidandroid-fragments
3
我正在处理一个带有底部导航视图的简单应用程序。 我有3个文本片段，并且我想在选择底部导航项目时启动它们，但我不知道在MainActivity.java中要写什么代码。
所有片段都有.xml布局和.java文件。 我搜索了一些代码,尝试写它们，甚至查找视频，但是我没有成功。
我正在学习片段和UI动态方面的内容，因此我在Android Studio中创建了一个新项目，以Bottom Navigation Activity为模板。所以，在我的activity_main中，我有3个底部导航项，并且在底部导航上面有一个占据整个父级的FrameLayout。 我的想法是：当我选择底部导航项时，它将在FrameLayout中显示另一个布局。 所以，我在layout文件夹中创建了3个xml布局（并且还有java类）以及一个fragment在FrameLayout中。现在，我正试图在我选择项目时在我的FrameLayout（其中包含一个fragment）中显示这些布局。 但我不知道怎么做。
以下是主要代码：
private TextView mTextMessage;

private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
        = new BottomNavigationView.OnNavigationItemSelectedListener() {

    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        Fragment selectedFragment = null;
        switch (item.getItemId()) {
            case R.id.navigation_home:
                selectedFragment = HomeFragment.newInstance();
                break;
            case R.id.navigation_dashboard:
                selectedFragment = DashboardFragment.newInstance();
                break;
            case R.id.navigation_notifications:
                selectedFragment = NotificationsFragment.newInstance();
                break;
        }
        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        transaction.replace(R.id.content, selectedFragment);
        transaction.commit();
        return true;
    }

};

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


    BottomNavigationView navigation = (BottomNavigationView) findViewById(R.id.navigation);
    navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);

    FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
    transaction.replace(R.id.content, HomeFragment.newInstance());
    transaction.commit();
}

主活动 XML

<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:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context="bandeira.thalisson.barradenavegacaoembaixo.MainActivity">

<FrameLayout
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1">
</FrameLayout>

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:background="?android:attr/windowBackground"
    app:menu="@menu/navigation"/>

导航XML
<item
    android:id="@+id/Fragment_one"
    android:icon="@drawable/ic_home_black_24dp"
    android:title="@string/title_home"/>

<item
    android:id="@+id/Fragment_two"
    android:icon="@drawable/ic_dashboard_black_24dp"
    android:title="@string/title_dashboard"/>

<item
    android:id="@+id/Fragment_three"
    android:icon="@drawable/ic_notifications_black_24dp"
    android:title="@string/title_notifications"/>

Fragment.java示例

public class HomeFragment extends Fragment {

public static HomeFragment newInstance() {
    HomeFragment fragment = new HomeFragment();
    return fragment;
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View rootView = inflater.inflate(R.layout.navigation_home, container, false);
    return inflater.inflate(R.layout.navigation_home, container, false);
}
4个回答
3

首先，在您的 activity_main.xml 中，我们不需要 3 个不同的片段，因为我们可以在一个 FrameLayout 中替换或添加任何选择的 Fragment。 其次，当用户从底部 NavigationView 中选择任何一个时，只需获取相关 Fragment 类的实例，并将其替换为 activity_main 的 FrameLayout。

Fragment selectedFragment = null;
         switch (item.getItemId()) {
               case R.id.navigation_home:
                   selectedFragment = FunFragment.newInstance();
                   break;

获取所选片段的实例，将其替换为activity_main中的FrameLayout以在屏幕上显示。
FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
            transaction.replace(R.id.content, selectedFragment);
            transaction.commit();

编辑标签 步骤1. 您的activity_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:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.exampl.MainActivity">
    <FrameLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>
    <android.support.design.widget.BottomNavigationView
        android:id="@+id/navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="?android:attr/windowBackground"
        app:menu="@menu/navigation" />
</LinearLayout>

步骤2。 您的fragment_home.xml布局应如下所示

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

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:text="android"/>
    </LinearLayout>

为你的三个不同选项制作3个不同的片段布局

第三步。 你的MainActivity.java类将会像这样

private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
                = new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(MenuItem item) {
                Fragment selectedFragment = null;
                switch (item.getItemId()) {
                    case R.id.navigation_home:
                        selectedFragment = FunFragment.newInstance();
                       break;
                    case R.id.navigation_dashboard:
                        selectedFragment = TheoryFragment.newInstance();
                       break;
                    case R.id.navigation_notifications:
                        selectedFragment = AndroidFragment.newInstance();
                        break;
                }
                FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
                transaction.replace(R.id.content, selectedFragment);
                transaction.commit();
                return true;
            }
        };

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

        navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);

        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
        transaction.replace(R.id.content, FunFragment.newInstance());
        transaction.commit();
    }

在oncreate中，将要在启动应用程序后显示的片段替换为导航监听器所选的任何选项。

步骤4. 您将拥有3个不同的片段类，并且看起来像这样

public class TheoryFragment extends Fragment {

     public static TheoryFragment newInstance() {
            TheoryFragment fragment = new TheoryFragment();
            return fragment;
        }
     @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_theory, container, false);
            unbinder = ButterKnife.bind(this, rootView);
            return rootView;
        }
    }

希望这能帮到你，如果有任何问题，请告诉我。

@TonyStarkus，你能分享一下代码并说明你所做的更改吗！！ - Akshay Nandwana
是的，我忘了说我的应用程序是以一个片段开始的。因为我在底部导航中有3个菜单，并且应用程序从第一个菜单项开始，而这是一个片段。在这种情况下，我认为我的应用程序的第一个屏幕不能是一个片段，对吗？第一个屏幕必须是主要布局。 - Tony Starkus
至于代码方面，我只是按照你的建议写了一些内容，但我的MainActivity显示出"无法解析selectedFragment"，"无法解析FragmentManager"和"无法解析fragment"的错误。我想我可能忘记声明某些东西了。噢，大家帮帮忙，我迷失了 :( - Tony Starkus
@TonyStarkus 好的，没问题...在上面的回答中逐步解释 编辑标签 - Akshay Nandwana
你是否正确实现了另外两个片段类及其布局？ - Akshay Nandwana
显示剩余8条评论
3
取三个片段，例如HomeFragment、DashboardFragment和NotificationFragment，并为这三个片段设计三个布局。
HomeFragment：
public class HomeFragment extends Fragment {
    public HomeFragment() {
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_home, container, false);
    }
}

fragment_home.xml

<FrameLayout 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">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Home Fragment"
        android:textStyle="bold"
        android:layout_gravity="center"/>
</FrameLayout>

**DashboardFragment **

public class DashboardFragment extends Fragment {
    public DashboardFragment() {
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_dashboard, container, false);
    }
}

fragment_dashboard.xml

<FrameLayout 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">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Dashboard Fragment"
        android:textStyle="bold"
        android:layout_gravity="center"/>
</FrameLayout>

**NotificationFragment **

public class NotificationFragment extends Fragment {
    public NotificationFragment () {
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_notification, container, false);
    }
}

fragment_notification.xml

<FrameLayout 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">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Notification Fragment"
        android:textStyle="bold"
        android:layout_gravity="center"/>
</FrameLayout>

这是您的活动。
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                int id = item.getItemId();
                switch (id){
                    case R.id.Fragment_one:
                        fragment = new HomeFragment();
                        break;
                    case R.id.Fragment_two:
                        fragment = new DashboardFragment();
                        break;
                    case R.id.Fragment_three:
                        fragment = new NotificationFragment();
                        break;
                }
                final FragmentTransaction transaction = fragmentManager.beginTransaction();
                transaction.replace(R.id.main_container, fragment).commit();
                return true;
            }
        });
我的MainActivity说“无法解决符号“fragment””，在“fragment = new HomeFragment();”以及其他三个也是如此。 - Tony Starkus
如果我的回答有帮助到您，您可以接受它。非常欢迎。 - sm_
哎呀，又出现了一个问题。我的应用程序从主页项开始。但是当我点击其他项时，帧布局不会更新。没有强制关闭，我只是选择了一个项目，什么也没发生。 - Tony Starkus
1

独立创建此方法

protected boolean openFragment(Fragment fragment){
    getSupportFragmentManager()
            .beginTransaction()
            .replace(R.id.content, fragment)
            .commit();
    return true;
}

在开关中进行编辑
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.navigation_home: return openFragment(OneFragment.newInstance("",""));
            case R.id.navigation_beehive: return openFragment(twoFragment.newInstance("",""));
            case R.id.navigation_notifications: return openFragment(otherFragment.newInstance("",""));
        }
        return false;
    }

并且为了完成，您可以使用片段进行初始化。
 protected void onCreate(Bundle savedInstanceState) {
    ....
    openFragment(OneFragment.newInstance("",""));
}
1
我想补充一点，如果你想使用BottomNavigationView.OnNavigationItemSelectedListener()来选择起始片段，你可以使用setSelectedItemId()，例如：

将'R.id.navigation_home'替换为你自己的起始片段。

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

    BottomNavigationView navigation = (BottomNavigationView) 
    findViewById(R.id.navigation);
    navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener);
    navigation.setSelectedItemId(R.id.navigation_home);
}
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接