带有透明状态栏的全屏片段(以编程方式)

and*_*dXP 4 android android-fragments android-actionbar

我有一个基于单个活动和多个片段的应用程序,一些片段需要在进入片段时全屏显示并在退出时从全屏退出。我目前正在使用标志来显示全屏,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);

        }
    }
Run Code Online (Sandbox Code Playgroud)

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

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

我们的问题:

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

带有系统图标和透明导航栏的片段全屏示例。 在此处输入图片说明

更新:IMMERSIVE在我的片段上设置模式onResumeonStop通过这些方法将其重置。

 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();
    }
Run Code Online (Sandbox Code Playgroud)

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

and*_*dXP 5

我通过创建一个清除所需标志的方法解决了这个问题,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);

    }
Run Code Online (Sandbox Code Playgroud)

如果我想显示透明状态栏但导航栏应该相同,那么我在方法的第一个参数中使用 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);
                    }
                }

            }
                    }
    }
Run Code Online (Sandbox Code Playgroud)

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


Dar*_*ish 1

如何处理片段中的工具栏?

将工具栏放在哪里是非常有主见的。但我建议您将工具栏放在每个片段 xml 文件中,而不是在 Activity xml 文件中为整个应用程序保留一个工具栏。 请参阅Google 提供的示例应用程序,他们还将 AppbarLayout 和工具栏放置在每个 Fragment 中,而不是将其保留在活动布局文件中。

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

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

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

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

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

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

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
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

使用 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>
Run Code Online (Sandbox Code Playgroud)

将以下标志设置为我们上面定义的 navHostContainer,从您的 MainActivity 类onCreate方法 after setContentView

   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)
    }
Run Code Online (Sandbox Code Playgroud)

这里是NoopWindowInsetsListener

object NoopWindowInsetsListener : View.OnApplyWindowInsetsListener {
    override fun onApplyWindowInsets(v: View, insets: WindowInsets): WindowInsets {
        return insets
    }
}
Run Code Online (Sandbox Code Playgroud)

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

如何为某些Fragment设置自定义状态栏颜色?

使用withapp:statusBarBackground的属性CoordinatorLayoutandroid:fitsSystemWindows="true"

就这样。快乐编码:)