【问题标题】:Android Bottom Navigation安卓底部导航
【发布时间】:2020-11-24 16:52:52
【问题描述】:

我一直在我的应用程序中实现一个底部导航栏,问题是无论我在仪表板图标上的哪个活动都是突出显示的。我如何获得它,以便我正在进行的任何活动都是突出显示的活动?

public class Dashboard extends AppCompatActivity
    implements View.OnClickListener
{

private BottomNavigationView.OnNavigationItemSelectedListener mOnNavigationItemSelectedListener
        = new BottomNavigationView.OnNavigationItemSelectedListener()
{
    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item)
    {
        switch (item.getItemId())
        {
            case R.id.navigation_request:
                Intent r = new Intent(Dashboard.this, Request.class);
                startActivity(r);
                finish();
                break;
            case R.id.navigation_settings:
                Intent s = new Intent(Dashboard.this, AppSettings.class);
                startActivity(s);
                finish();
                break;
        }
        return false;
    }
};

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

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

这是我的 XML 菜单文件

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
    android:id="@+id/navigation_home"
    android:icon="@drawable/ic_home_black_24dp"
    android:title="@string/title_home" />

<item
    android:id="@+id/navigation_request"
    android:icon="@drawable/ic_request_icon"
    android:title="@string/title_request" />

<item
    android:id="@+id/navigation_settings"
    android:icon="@drawable/ic_icon_settings"
    android:title="@string/title_settings" />

</menu>

以下是我在 activity_dashboard 中使用导航的方式

<?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:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">

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

<!-- ONLY TEXTVIEWS ARE HERE -->

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

</LinearLayout>

【问题讨论】:

  • 底部导航视图是否在您打开的其他活动(请求和 AppSettings)上可见?还是您的意思是当您返回仪表板时始终检查相同的项目?
  • 所有三个活动都有相同的确切代码,无论我去哪一个 Dashboard 总是突出显示。

标签: android bottomnavigationview


【解决方案1】:

不建议使用许多不同的Activity 实例,这些实例都与BottomNavigationView 及其关联代码(如OnNavigationItemSelectedListener 等)重复。相反,您通常会在用户与BottomNavigationView 交互时使用承载BottomNavigationView 的单个Activity 以及作为.replace()d 的多个Fragment 实例进入您的内容区域。

话虽如此,让我们看看我们是否可以解决您的问题。

这个难题有两个部分。第一个很简单:您必须指出应该选择BottomNavigationView 中的哪个项目。这可以通过调用setSelectedItemId() 来实现。将这样的内容添加到您的 onCreate() 方法中。

    navigation.setSelectedItemId(R.id.navigation_settings);

第二个有点复杂。当您调用setSelectedItemId() 时,系统将表现得好像用户点击了该项目。也就是说,你的OnNavigationItemSelectedListener会被触发。

看着你发布的听众,我注意到你总是return false。如果你查看onNavigationItemSelected() 的文档,你会发现

返回true 将项目显示为选中的项目,false 如果项目不应该被选中

因此,如果不将侦听器更改为返回 true,将无法调用 setSelectedItemId()

如果您您的setOnNavigationItemSelectedListener() 呼叫之前拨打该电话,您仍然可以通过拨打setSelectedItemId() 来解决问题,但这只是掩盖了问题。如果您希望点击的项目显示为选中状态,最好修复您的侦听器以返回 true

【讨论】:

  • 我试过了,得到了同样的结果。仍然只突出显示仪表板活动。
  • 那么还有其他问题。我创建了一个应用程序,它只有一个 BottonNavigationView 和一个包含两个项目的菜单。如果我在 MainActivity 中所做的只是调用 setContentView(),则第一项会突出显示,但如果我添加 findViewById()setSelectedItemId(),则第二项会突出显示。
  • 好吧,我发现如果我注释掉这一行 navigation.setOnNavigationItemSelectedListener(mOnNavigationItemSelectedListener); 那么它会按照您的建议进行操作,但是点击后不起作用。
  • @Jayce 我已经更新了我的答案。您的导航侦听器必须返回 true 才能使项目显示为选中状态。
【解决方案2】:

Step - 1 将以下代码放入应用级 Build.gradle

implementation 'androidx.navigation:navigation-fragment:2.3.0'

implementation 'com.google.android.material:material:1.2.1'

implementation 'androidx.navigation:navigation-ui:2.3.0'

Step - 2 将以下代码放入activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingTop="?attr/actionBarSize">

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/nav_view"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="0dp"
        android:layout_marginEnd="0dp"
        android:background="?android:attr/windowBackground"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:menu="@menu/bottom_nav_menu" />

    <fragment
        android:id="@+id/nav_host_fragment"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:defaultNavHost="true"
        app:layout_constraintBottom_toTopOf="@id/nav_view"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Step - 3 将以下代码放入 menu/bottom_nav_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/navigation_home"
        android:icon="@drawable/ic_home_black_24dp"
        android:title="@string/title_home" />
    <item
        android:id="@+id/navigation_dashboard"
        android:icon="@drawable/ic_dashboard_black_24dp"
        android:title="Orders" />
    <item
        android:id="@+id/navigation_notifications"
        android:icon="@drawable/ic_notifications_black_24dp"
        android:title="Services" />
    <item
        android:id="@+id/navigation_account"
        android:icon="@drawable/ic_notifications_black_24dp"
        android:title="Account" />
</menu>

Step - 4 将以下代码放入 MainActivity.java

import android.os.Bundle;
import android.view.MenuItem;

import com.example.bottomnavigationdemo.ui.account.AccountFragment;
import com.example.bottomnavigationdemo.ui.dashboard.DashboardFragment;
import com.example.bottomnavigationdemo.ui.home.HomeFragment;
import com.example.bottomnavigationdemo.ui.notifications.NotificationsFragment;
import com.google.android.material.bottomnavigation.BottomNavigationView;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentTransaction;
import androidx.navigation.NavController;
import androidx.navigation.Navigation;
import androidx.navigation.ui.AppBarConfiguration;
import androidx.navigation.ui.NavigationUI;

public class MainActivity extends AppCompatActivity {

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

        BottomNavigationView navView = findViewById(R.id.nav_view);
        navView.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                switch (item.getItemId()) {
                    case R.id.navigation_home:
                        Fragment fragment = new HomeFragment();
                        getSupportFragmentManager().beginTransaction()
                                .replace(R.id.nav_host_fragment, fragment, fragment.getClass().getSimpleName())
                                .commit();
                        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
                        transaction.replace(R.id.nav_host_fragment, fragment, fragment.getClass().getSimpleName());
                        transaction.commit();
                        return true;

                    case R.id.navigation_dashboard:
                        Fragment fragment2 = new DashboardFragment();
                        transaction = getSupportFragmentManager().beginTransaction();
                        transaction.replace(R.id.nav_host_fragment, fragment2, fragment2.getClass().getSimpleName());

                        transaction.commit();
                        return true;

                    case R.id.navigation_notifications:
                        Fragment fragment3 = new NotificationsFragment();
                        transaction = getSupportFragmentManager().beginTransaction();
                        transaction.replace(R.id.nav_host_fragment, fragment3, fragment3.getClass().getSimpleName());
                        transaction.commit();
                        return true;

                    case R.id.navigation_account:
                        Fragment fragment4 = new AccountFragment();
                        transaction = getSupportFragmentManager().beginTransaction();
                        transaction.replace(R.id.nav_host_fragment, fragment4, fragment4.getClass().getSimpleName());
                        transaction.commit();
                        return true;
                }
                return true;
            }

        });
    }

}

Step - 5 将以下代码放入 HomeFragment.java

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.lifecycle.Observer;
import androidx.lifecycle.ViewModelProviders;

import com.example.bottomnavigationdemo.R;
import com.example.bottomnavigationdemo.ui.dashboard.DashboardFragment;

public class HomeFragment extends Fragment {

    public View onCreateView(@NonNull LayoutInflater inflater,
                             ViewGroup container, Bundle savedInstanceState) {
        View root = inflater.inflate(R.layout.fragment_home, container, false);
        return root;
    }
}

【讨论】:

    【解决方案3】:

    只需使用 setSelectedItemId(int id) 方法,它可以让您将项目标记为已选中,就好像它已被点击一样。

    像这样:

    BottomNavigationView bottomNavigationView;
    bottomNavigationView = (BottomNavigationView) 
    findViewById(R.id.bottomNavigationView);
    bottomNavigationView.setSelectedItemId(R.id.my_menu_item_id);
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-10-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多