Android4.4+ 实现半透明状态栏(Translucent Bars)

 更新时间:2017年09月19日 16:20:39   作者:李济洲  
这篇文章主要为大家详细介绍了Android4.4+ 实现半透明状态栏,对状态栏(Status Bar)和下方导航栏(Navigation Bar)进行半透明处理,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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实现微信摇骰子游戏的相关代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android登陆界面用户名检测功能

    Android登陆界面用户名检测功能

    这篇文章主要为大家详细介绍了Android登陆界面用户名检测功能的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • Input系统分发策略及其应用示例详解

    Input系统分发策略及其应用示例详解

    这篇文章主要为大家介绍了Input系统分发策略及其应用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • android浮层图片拖动并且可点击效果

    android浮层图片拖动并且可点击效果

    这篇文章主要为大家详细介绍了android浮层的图片拖动并且可点击,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android WebView控件基本使用示例

    Android WebView控件基本使用示例

    大家好,本篇文章主要讲的是Android WebView控件基本使用示例,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下,方便下次浏览
    2022-01-01
  • Android快递物流信息布局开发

    Android快递物流信息布局开发

    这篇文章主要为大家详细介绍了Android快递物流信息布局开发,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • kotlin 协程上下文异常处理详解

    kotlin 协程上下文异常处理详解

    这篇文章主要为大家介绍了kotlin 协程上下文异常处理详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 利用smsmanager实现后台发送短信示例

    利用smsmanager实现后台发送短信示例

    这篇文章主要介绍了android利用SmsManager可以实现后台发送短信的方法,最近有使用说明,大家可以参考使用
    2014-01-01
  • Android使用GPS获取用户地理位置并监听位置变化的方法

    Android使用GPS获取用户地理位置并监听位置变化的方法

    这篇文章主要介绍了Android使用GPS获取用户地理位置并监听位置变化的方法,实例分析了Android编程中GPS定位的实现与使用技巧,需要的朋友可以参考下
    2015-12-12
  • Android中使用GridView进行应用程序UI布局的教程

    Android中使用GridView进行应用程序UI布局的教程

    GridView即平常我们见到的类似九宫格的矩阵型布局,只不过默认不带分割线,这里我们就从基础开始来看一下Android中使用GridView进行应用程序UI布局的教程
    2016-06-06

最新评论