如何使用 Jetpack 的导航在片段中使用工具栏而不是 activity
How can I use a toolbar in a fragment but not in activity using Jetpack's Navigation
我已经开始使用 Android Jetpack 的导航库。到目前为止,我发现它非常易于使用。我面临的问题是工具栏。
我要实现的是:
- 用户打开应用程序并显示登录页面。这是导航的开始,不应显示工具栏。
- 如果用户是第一次登录,会出现重置密码的片段(由管理员自动生成),让用户修改。在这里我想显示一个带有后退箭头的白色工具栏(没有文本)
- 如果用户之前登录过,我们会显示一个加载屏幕(也没有工具栏)
我尝试了很多东西,但都没有成功。前两次尝试使用具有 NoActionBar
样式的 activity。
重置密码片段中的工具栏
- 带有工具栏的自定义 Appbar。它正在显示,但未显示后退箭头。我尝试在我的工具栏中添加一个 Imageview,我也尝试从 java 设置图标,但这些都不起作用。
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.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:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white"
tools:context=".ResetPasswordFragment">
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/appBar_resetPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:liftOnScroll="true"
>
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar_resetPassword"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/white"
/>
</com.google.android.material.appbar.AppBarLayout>
<androidx.core.widget.NestedScrollView
android:id="@+id/scrollView_resetPassword"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<!-- Linear layout -->
</androidx.core.widget.NestedScrollView>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
Activity
中的工具栏
这次尝试成功了。它在我的 activity 中添加了一个工具栏,如下所示:
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorAccent"
android:orientation="vertical"
tools:context=".LoginActivity">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_height="?attr/actionBarSize"
android:layout_width="match_parent"
android:background="@color/white"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
/>
<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/toolbar"
app:navGraph="@navigation/nav_graph" />
</androidx.constraintlayout.widget.ConstraintLayout >
在我的控制器中,我添加了这个:
NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);
AppBarConfiguration appBarConfiguration =
new AppBarConfiguration.Builder(navController.getGraph()).build();
Toolbar toolbar = findViewById(R.id.toolbar);
NavigationUI.setupWithNavController(toolbar, navController, appBarConfiguration);
这里的问题是工具栏显示在我的第一个片段中,我不希望这样。我尝试将它从我的第一个片段中删除并且它起作用了,但是当我尝试在我的第二个片段中再次显示它时,由于某种原因 findViewById
无法识别我的工具栏。所以我最终在我的第一个片段代码中再次显示了工具栏,就在第二个片段显示之前。它工作正常,但您可以在工具栏显示时注意到动画,它看起来不太好,而且我知道 hiding/showing 直接从我的片段中获取工具栏是不对的。
我该怎么办?
那么,我需要做什么才能正确实现这一目标?将来,我也会有一个 activity 和其他一些片段,我将需要一个与我之前写的类似的行为。我想我以后要是好好做就好了
谢谢!
您可以 Listen for navigation events 使用 OnDestinationChangedListener
。
例如:
navController.addOnDestinationChangedListener(new NavController.OnDestinationChangedListener() {
@Override
public void onDestinationChanged(NavController controller,
NavDestination destination, Bundle arguments) {
// getting the current fragment id.
int currentFragmentID = destination.getId();
if(currentFragmentID == R.id.fragment_with_toolbar){
// showing the toolbar
toolbar.setVisibility(View.VISIBLE);
} else if(currentFragmentID == R.id.fragment_without_toolbar){
// hiding the toolbar
toolbar.setVisibility(View.GONE);
}
}
});
我已经开始使用 Android Jetpack 的导航库。到目前为止,我发现它非常易于使用。我面临的问题是工具栏。
我要实现的是:
- 用户打开应用程序并显示登录页面。这是导航的开始,不应显示工具栏。
- 如果用户是第一次登录,会出现重置密码的片段(由管理员自动生成),让用户修改。在这里我想显示一个带有后退箭头的白色工具栏(没有文本)
- 如果用户之前登录过,我们会显示一个加载屏幕(也没有工具栏)
我尝试了很多东西,但都没有成功。前两次尝试使用具有 NoActionBar
样式的 activity。
重置密码片段中的工具栏
- 带有工具栏的自定义 Appbar。它正在显示,但未显示后退箭头。我尝试在我的工具栏中添加一个 Imageview,我也尝试从 java 设置图标,但这些都不起作用。
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.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:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white"
tools:context=".ResetPasswordFragment">
<com.google.android.material.appbar.AppBarLayout
android:id="@+id/appBar_resetPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:liftOnScroll="true"
>
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar_resetPassword"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="@color/white"
/>
</com.google.android.material.appbar.AppBarLayout>
<androidx.core.widget.NestedScrollView
android:id="@+id/scrollView_resetPassword"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<!-- Linear layout -->
</androidx.core.widget.NestedScrollView>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
Activity
中的工具栏这次尝试成功了。它在我的 activity 中添加了一个工具栏,如下所示:
<?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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorAccent"
android:orientation="vertical"
tools:context=".LoginActivity">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_height="?attr/actionBarSize"
android:layout_width="match_parent"
android:background="@color/white"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
/>
<fragment
android:id="@+id/nav_host_fragment"
android:name="androidx.navigation.fragment.NavHostFragment"
android:layout_width="0dp"
android:layout_height="0dp"
app:defaultNavHost="true"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/toolbar"
app:navGraph="@navigation/nav_graph" />
</androidx.constraintlayout.widget.ConstraintLayout >
在我的控制器中,我添加了这个:
NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);
AppBarConfiguration appBarConfiguration =
new AppBarConfiguration.Builder(navController.getGraph()).build();
Toolbar toolbar = findViewById(R.id.toolbar);
NavigationUI.setupWithNavController(toolbar, navController, appBarConfiguration);
这里的问题是工具栏显示在我的第一个片段中,我不希望这样。我尝试将它从我的第一个片段中删除并且它起作用了,但是当我尝试在我的第二个片段中再次显示它时,由于某种原因 findViewById
无法识别我的工具栏。所以我最终在我的第一个片段代码中再次显示了工具栏,就在第二个片段显示之前。它工作正常,但您可以在工具栏显示时注意到动画,它看起来不太好,而且我知道 hiding/showing 直接从我的片段中获取工具栏是不对的。
我该怎么办?
那么,我需要做什么才能正确实现这一目标?将来,我也会有一个 activity 和其他一些片段,我将需要一个与我之前写的类似的行为。我想我以后要是好好做就好了
谢谢!
您可以 Listen for navigation events 使用 OnDestinationChangedListener
。
例如:
navController.addOnDestinationChangedListener(new NavController.OnDestinationChangedListener() {
@Override
public void onDestinationChanged(NavController controller,
NavDestination destination, Bundle arguments) {
// getting the current fragment id.
int currentFragmentID = destination.getId();
if(currentFragmentID == R.id.fragment_with_toolbar){
// showing the toolbar
toolbar.setVisibility(View.VISIBLE);
} else if(currentFragmentID == R.id.fragment_without_toolbar){
// hiding the toolbar
toolbar.setVisibility(View.GONE);
}
}
});