【问题标题】:Fullscreen fragment with transparent status bar (programmatically)带有透明状态栏的全屏片段(以编程方式)
【发布时间】:2020-03-31 14:22:14
【问题描述】:

我有一个基于单个活动和多个片段的应用程序,一些片段在进入片段时需要全屏显示,退出时从全屏退出。我目前正在使用标志在Android Kitkat 中显示全屏,但我认为这不是最佳方式。我还阅读了ImmersiveMode,但它不适用于较低的 Android 版本。目前我正在使用这些方法进行全屏进入和退出。

//This method not showing transparent status bar also navigation bar and not showing system icons either
public static void  setFullscreen(Activity activity) {
        if (Build.VERSION.SDK_INT > 10) {
            int flags = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_FULLSCREEN;
            boolean isImmersiveAvailable = android.os.Build.VERSION.SDK_INT >= 19;
            if (isImmersiveAvailable) {
                flags |= View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION |
                        View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;
            }

            activity.getWindow().getDecorView().setSystemUiVisibility(flags);
        } else {
            activity.getWindow()
                    .setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
        }
    }

    public static void exitFullscreen(Activity activity) {
        if (Build.VERSION.SDK_INT > 10) {
            activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
        } else {
            activity.getWindow()
                    .setFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN,
                            WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
        }
    }


 public static void ShowHideFullscreen(boolean isFullscreen,Context cntx){
        int newUiOptions = 0;
        if (isFullscreen){
            // BEGIN_INCLUDE (get_current_ui_flags)
            // The UI options currently enabled are represented by a bitfield.
            // getSystemUiVisibility() gives us that bitfield.
            int uiOptions = ((Activity)cntx).getWindow().getDecorView().getSystemUiVisibility();
            newUiOptions = uiOptions;
            // END_INCLUDE (get_current_ui_flags)
            // BEGIN_INCLUDE (toggle_ui_flags)
            boolean isImmersiveModeEnabled =
                    ((uiOptions | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY) == uiOptions);
            if (isImmersiveModeEnabled) {
                Log.d(TAG, "Turning immersive mode mode off. ");
            } else {
                Log.d(TAG, "Turning immersive mode mode on.");
            }

            // Navigation bar hiding:  Backwards compatible to ICS.
            if (Build.VERSION.SDK_INT >= 14) {
                newUiOptions ^= View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;
            }

            // Status bar hiding: Backwards compatible to Jellybean
            if (Build.VERSION.SDK_INT >= 16) {
                newUiOptions ^= View.SYSTEM_UI_FLAG_FULLSCREEN;
            }

            // Immersive mode: Backward compatible to KitKat.
            // Note that this flag doesn't do anything by itself, it only augments the behavior
            // of HIDE_NAVIGATION and FLAG_FULLSCREEN.  For the purposes of this sample
            // all three flags are being toggled together.
            // Note that there are two immersive mode UI flags, one of which is referred to as "sticky".
            // Sticky immersive mode differs in that it makes the navigation and status bars
            // semi-transparent, and the UI flag does not get cleared when the user interacts with
            // the screen.
            if (Build.VERSION.SDK_INT >= 18) {
                newUiOptions ^= View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;
            }
            ((Activity)cntx).getWindow().getDecorView().setSystemUiVisibility(newUiOptions);

        }else {
            ((Activity)cntx).getWindow().clearFlags(newUiOptions);

        }
    }

这些是我们用来在带有隐藏操作栏的片段中进入或退出全屏的方法。我们使用这些在onCreate 上全屏输入并在onPause 上退出,但有时它无法显示所需的结果。

我们也需要知道在较低的 API 上显示全屏片段的最佳方式是什么(KITKAT),以及在全屏显示时隐藏工具栏的最佳方式是什么,因为我们的代码 ((AppCompatActivity)Objects.requireNonNull(getActivity())).getSupportActionBar().hide(); 有时会抛出空指针异常。

我们的问题:

  1. 在全屏片段和透明导航栏上显示带有透明状态栏和绘图系统图标的全屏片段。
  2. 使用无需获取NullpointerExepection 即可安全调用的方法隐藏和显示工具栏
  3. 我们可以将 Android Kitkat 定位为最低的 android 版本。

带有系统图标和透明导航栏的片段全屏示例。

更新:我在片段onResume 上设置了IMMERSIVE 模式,并通过这些方法将其重置回onStop

 private void hideSystemUI() {
        // Enables regular immersive mode.
        // For "lean back" mode, remove SYSTEM_UI_FLAG_IMMERSIVE.
        // Or for "sticky immersive," replace it with SYSTEM_UI_FLAG_IMMERSIVE_STICKY
        View decorView = getActivity().getWindow().getDecorView();
        decorView.setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
                        // Set the content to appear under the system bars so that the
                        // content doesn't resize when the system bars hide and show.
                        | View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                        | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                        // Hide the nav bar and status bar
                        | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_FULLSCREEN);
        ((AppCompatActivity) Objects.requireNonNull(getActivity())).getSupportActionBar().hide();

    }

    // Shows the system bars by removing all the flags
// except for the ones that make the content appear under the system bars.
    private void showSystemUI() {
        View decorView = getActivity().getWindow().getDecorView();
        decorView.setSystemUiVisibility(
                View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                        | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
        ((AppCompatActivity) Objects.requireNonNull(getActivity())).getSupportActionBar().show();
    }

它以全屏显示我的片段,隐藏状态栏(这不是我想要的),我的片段属于Navigation Drawer。当我从全屏片段按下返回按钮时,它会在前一个片段的工具栏上显示我的状态栏。

【问题讨论】:

    标签: android android-fragments android-actionbar


    【解决方案1】:

    我通过创建一个清除onStop 所需标志并在onResume 添加标志的方法解决了这个问题

     @Override
        public void onResume() {
            super.onResume();
            App_Functions.transparentStatusBar(getActivity(),true,false);
    
        }
    
        @Override
        public void onStop() {
            super.onStop();
            App_Functions.transparentStatusBar(getActivity(),false,false);
    
        }
    

    如果我想显示透明状态栏但导航栏应该相同,那么我在方法的第一个参数中使用 true 并清除该标志只使用 false。同样,我使用 true 来完全全屏,使用 false 来清除全屏标志

    public static void transparentStatusBar(Activity activity, boolean isTransparent, boolean fullscreen) {
            if (isTransparent){
                activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
                ((AppCompatActivity) Objects.requireNonNull(activity)).getSupportActionBar().hide();
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                    defaultStatusBarColor = activity.getWindow().getStatusBarColor();
                    activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
                    activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                    // FOR TRANSPARENT NAVIGATION BAR
                    //activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
                    activity.getWindow().setStatusBarColor(Color.TRANSPARENT);
                    Log.d(TAG,"Setting Color Transparent "+Color.TRANSPARENT+ " Default Color "+defaultStatusBarColor);
                } else {
                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                        Log.d(TAG,"Setting Color Trans "+Color.TRANSPARENT);
                        activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                    }
                }
    
            }else {
                if (fullscreen){
                    View decorView = activity.getWindow().getDecorView();
                    int uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                            | View.SYSTEM_UI_FLAG_FULLSCREEN;
                    decorView.setSystemUiVisibility(uiOptions);
    
                }else {
                    ((AppCompatActivity) Objects.requireNonNull(activity)).getSupportActionBar().show();
                    activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                        activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
                        activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
                        activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
                        activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
                        activity.getWindow().setStatusBarColor(defaultStatusBarColor);
    
                    }else {
                        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
                            activity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
                        }
                    }
    
                }
                        }
        }
    

    请随时推荐在所有平台上使用此方法的更好方法。

    【讨论】:

      【解决方案2】:

      如何处理来自片段的工具栏?

      工具栏的放置位置是高度自以为是的。但我建议您将工具栏放在每个片段 xml 文件中,而不是在 Activity xml 文件中为整个应用程序保留一个工具栏。 See this Google 的示例应用程序,他们还将 AppbarLayout 和工具栏放置在每个 Fragment 中,而不是将其保留在活动布局文件中。

      因此,如果您将工具栏放置在片段中,您可以轻松地从片段中隐藏/显示它,而不必担心出现空指针异常。

      因此,您的活动 xml 文件将仅包含 NavHost 片段。所以整个屏幕将由当前可见的 Fragment 管理:)

      如何获取旧 API 级别的透明状态栏?

      kitkat 以下的设备不支持透明状态栏功能。 Kitkat 支持半透明状态栏,不透明。因此,您可以对 API 级别的棒棒糖或更高级别使用透明状态栏。如果设备版本低于棒棒糖,请忽略它,因为平台不支持该功能。因此,我的其余答案假设您希望在设备版本为棒棒糖或更高版本时实现透明状态栏。

      那么,如何为选定的片段获取棒棒糖及以上的透明状态栏?

      我们需要创建一个自定义的 NavHostFragment。这是必需的,因为在片段转换期间,可以同时添加多个片段的视图层次结构。如果一个使用窗口插图,则另一个可能无法正确布局。为了解决这个问题,我们需要确保将 insets 分派给所有孩子,而不管它们是如何使用的。

      class DispatchInsetsNavHostFragment : NavHostFragment() {
      
      
      
       override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
              super.onViewCreated(view, savedInstanceState)
              if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT_WATCH) {
                  view.setOnApplyWindowInsetsListener { v, insets ->               
                      (v as? ViewGroup)?.forEach { child ->
                          child.dispatchApplyWindowInsets(insets)
                      }
                      insets
                  }
              }
          }
      }
      

      如下所示,使用 Framelayout 包裹您的导航主机片段,然后放入 android:fitsSystemWindows="true"

              <FrameLayout
              android:id="@+id/navHostContainer"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:fitsSystemWindows="true">
      
              <fragment
                  android:id="@+id/navHostFragment"
                  android:name="com.yourdomain.app.DispatchInsetsNavHostFragment"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  app:defaultNavHost="true"
                  app:navGraph="@navigation/main" />
          </FrameLayout>
      

      setContentView 之后的 MainActivity 类 onCreate 方法中为我们上面定义的 navHostContainer 设置以下标志。

         val navHostContainer: FrameLayout = findViewById(R.id.navHostContainer)
          navHostContainer.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_STABLE or
                  View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
          // Make the content ViewGroup ignore insets so that it does not use the default padding
          if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT_WATCH) {
              navHostContainer.setOnApplyWindowInsetsListener(NoopWindowInsetsListener)
          }
      

      这里是NoopWindowInsetsListener

      object NoopWindowInsetsListener : View.OnApplyWindowInsetsListener {
          override fun onApplyWindowInsets(v: View, insets: WindowInsets): WindowInsets {
              return insets
          }
      }
      

      就是这样,从现在开始,您的片段拥有状态栏区域的完全所有权。您的视图将绘制在透明状态栏后面。对于某些片段,您可能不希望状态栏与您的内容重叠,对于这些片段,只需将 android:fitsSystemWindows="true" 放在片段 xml 文件中的根布局中。

      如何为部分 Fragment 设置自定义状态栏颜色?

      CoordinatorLayoutapp:statusBarBackground 属性与android:fitsSystemWindows="true" 一起使用

      就是这样。快乐编码:)

      【讨论】:

      • 你能不能把它改成Java
      • 别担心,你可以在你的java项目中使用那些kt文件。
      • Sunflower 应用程序仅对整个应用程序使用单个 toolbar,并且对于它的主要活动,它们具有用于 navhost 的静态片段。您的解决方案很好,但为此我需要更改整个应用程序布局文件。跨度>
      • @androidXP 如果您想将工具栏保留在活动 xml 中并希望显示/隐藏,那么您可以使用活动 ViewModel 类。然后在 ViewModel 中放一个 Livedata 变量来指示工具栏的可见性,并从 Activity 类中观察它的值。然后从同一个Activity下的任意一个fragment中,就可以很方便的获取ViewModel并设置可见性。由于 LiveData 对象具有生命周期感知能力,因此不会出现空指针异常。
      【解决方案3】:

      1- 在样式 xml 文件中将 AppTheme 父级更改为 NoActionBar:

      <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
      

      2- 在你的活动中使用这个方法来获得透明的状态栏

      private void hideStatusBar() {
          if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
              getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
              getWindow().setStatusBarColor(ContextCompat.getColor(this, android.R.color.transparent));
          }
      }
      

      3- match_parent frameLayout 标签在你的activity_main(xml) 中用于全屏片段

      【讨论】:

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