Android4.4+ 实现半透明状态栏（Translucent Bars）

Android从4.4(KitKat) 开始进行了一些视觉上的改善和提升，其中包括让状态栏(Status Bar)和下方导航栏(Navigation Bar)进行半透明处理，可以使APP内容向上下延伸，使整个画面的利用度大幅度提升，本篇就来说说这个“半透明状态栏”（Translucent Bars）。

简单做了个Demo效果如下图

*这里解释个误区，国内开发者和设计师经常把这种半透明效果称为沉浸式状态栏这是不对的，沉浸式Immersive mode，官方解释为hiding all system UI根本不是这种半透明的效果。

下面说说如何使用这种效果：

1、在onCreate里面代码设置半透明的属性，由于只有Android 4.4以上才支持这种效果，所以代码需要判断下

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
      //透明状态栏
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
      //透明底部导航栏
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
     }

2、在这个界面上我去掉了Actionbar，实现方式有很多，这里我使用的是在Style里去掉。

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
  </style>

3、这个部分需要留意一下，如果希望APP的显示内容正常和滚动透明化需要加上android:fitsSystemWindows=”true”和android:clipToPadding=”false”的属性，建议你把这两个属性好好试试加上与否的区别。

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:fitsSystemWindows="true"
  android:clipToPadding="false"
  android:background="#795548"
  tools:context=".DefaultActivity" >

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="18sp"
    android:textColor="#ffffff"
    android:text="@string/str" />

</ScrollView>

这样一个简单的半透明化效果就实现了

详细源码：

Layout

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:fitsSystemWindows="true"
  android:clipToPadding="false"
  android:background="#795548"
  tools:context=".DefaultActivity" >

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="18sp"
    android:textColor="#ffffff"
    android:text="@string/str" />

</ScrollView>

Style

<resources>

  <!-- Base application theme. -->
  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
  </style>

</resources>

MainActivity

public class MainActivity extends AppCompatActivity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
      //透明状态栏
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
      //透明导航栏
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
     }

    setContentView(R.layout.activity_main);



  }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android半透明状态栏 # Android状态栏半透明 # Android下方导航栏半透明 # Android仿Iphone屏幕底部弹出半透明PopupWindow效果 # Android实现底部半透明弹出框PopUpWindow效果 # Android中设置组件半透明和透明的效果示例 # Android编程自定义圆角半透明Dialog的方法 # Android开发中Dialog半透明背景消失 # Android Menu半透明效果的开发实例 # Android实现在列表List中显示半透明小窗体效果的控件用法详解 # Android编程实现popupwindow弹出后屏幕背景变成半透明效果 # Android编程实现设置按钮背景透明与半透明及图片背景透明的方法 # 状态栏 # 这是 # 是在 # 在这个 # 有很多 # 我去 # 这两个 # 这样一个 # 掉了 # 你把 # 就来 # 如何使用 # 大家多多 # 如下图 # 进行了 # 透明化 # 实现了 # 国内 # Bar # WindowManager

返回目录在线咨询

上一篇：如何在Golang中使用WebSocket_Golang WebSocket实时通信方法
下一篇：如何选择行业相关关键词_SEO优化教程

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

Android4.4+ 实现半透明状态栏（Translucent Bars）

您的项目需求