Android界面UI控件的夜间模式及隐藏

辛苦堆砌，转载请注明出处，谢谢！

Android的UI控件包括ActionBar，状态栏以及下面的软按键，ActionBar的隐藏可以通过设置theme或者调用requestWindowFeature进行设置，本文还示范了设置夜间模式，隐藏软按键以及隐藏全部UI控件的方式，主要通过View.setSystemUiVisibility()接口来实现。首先看一下我们的Theme设置：

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>

通过修改AppTheme为NoActionBar，来起到隐藏标题栏的作用。这里也可以使用 requestWindowFeature在代码中动态隐藏某个Activity的ActionBar。然后是我们的MainActivity的Layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.yjp.changeui.MainActivity">

    <RadioGroup
        android:id="@+id/modeGroup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <RadioButton
            android:id="@+id/common"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:checked="true"
            android:text="正常模式"/>
        <RadioButton
            android:id="@+id/night_mode"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="夜间模式"/>
        <RadioButton
            android:id="@+id/hide_navigation_mode"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="隐藏导航控件模式"/>
        <RadioButton
            android:id="@+id/hide_all_mode1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="隐藏UI元素，点击恢复UI元素显示"/>
        <RadioButton
            android:id="@+id/hide_all_mode2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="隐藏UI元素，从上到下滑动显示状态栏"/>
        <RadioButton
            android:id="@+id/hide_all_mode3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="隐藏UI元素，从上到下滑动显示状态栏，等会儿消失"/>
    </RadioGroup>

    <Button
        android:id="@+id/changeModeButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="切换模式"/>
</LinearLayout>

主要是用一个RadioGroup可以进行选择，然后点击切换模式按钮可以查看各种模式。然后看看我们的MainActivity，主要是根据不同的选择，设置不同的flag，然后调用View.setSystemUiVisibility()接口进行设置

package com.yjp.changeui;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.RadioGroup;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private int mCheckedId = R.id.common;
    private RadioGroup mModeGroup;

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

        mModeGroup = (RadioGroup) findViewById(R.id.modeGroup);
        mModeGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
            mCheckedId = checkedId;
            }
        });

        Button changeModeButton = (Button) findViewById(R.id.changeModeButton);
        changeModeButton.setOnClickListener(this);
    }


    @Override
    public void onClick(View v) {
        int flag = View.SYSTEM_UI_FLAG_VISIBLE;
        switch (mCheckedId) {
            case R.id.common:
                //正常模式，不作处理
                break;
            case R.id.night_mode:
                //切换为夜间模式
                flag = View.SYSTEM_UI_FLAG_LOW_PROFILE;
                break;
            case R.id.hide_navigation_mode:
                //隐藏软按键
                flag = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;
                break;
            case R.id.hide_all_mode1:
                //隐藏所有UI元素，点击屏幕任何位置可以还原UI元素
                flag = View.SYSTEM_UI_FLAG_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;
                break;
            case R.id.hide_all_mode2:
                //隐藏所有UI元素，从上到下滑动状态栏，可以显示状态栏
                flag = View.SYSTEM_UI_FLAG_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_IMMERSIVE;
                break;
            case R.id.hide_all_mode3:
                //隐藏所有UI元素，从上到下滑动状态栏，可以显示状态栏，但过一会儿消失
                flag = View.SYSTEM_UI_FLAG_FULLSCREEN
                        | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
                        | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;
                break;
            default:
                break;
        }
        v.setSystemUiVisibility(flag);
    }
}

虽然给出了注释，但是注释没有办法很好的描述行为，可以尝试运行代码，自己看一下效果。