Xamarin android沉浸式状态栏

小编 2026-07-03 阅读:1944 评论:0
虽然关于android ”沉浸式“状态栏有很多博客介绍过,从小菜到大神无一例外。我第一次看到这种...
虽然关于android ”沉浸式“状态栏有很多博客介绍过,从小菜到大神无一例外。我第一次看到这种”沉浸“式的效果我也以为真的是这么叫,然而根本不是这么回事,完全是人云亦云。它真正的学名应该叫“透明状态栏”。不过lz管他怎么叫,但是必须得知道透明状态栏和沉浸式状态栏的区别。此文仅作用于小白理解android 透明状态栏,请android 大牛忽略此文,见笑了。
作为一名小白,android界面的还是应该要认识的

Xamarin android沉浸式状态栏

那么这篇文章的目的就是兼容android4.4和android5.0用两种方法来实现沉浸式状态栏(小白耐心看完,代码不多主要是图多)

第一种方法:设置状态栏透明化

我在qq空间随便get了一张手机截图,不知道是什么app的天气预报。这种方式利用的是将状态栏透明化(另一种方式状态栏设置颜色待会再说)

Xamarin android沉浸式状态栏

Google从Android kitkat(Android 4.4)开始(模仿IOS),给开发者提供了一套能透明的系统ui样式给状态栏和导航栏,所以要是实现这种浸入式导航栏,必须得android 4.4 以上的系统,而且android 4.4的系统和android 5.0的系统透明状态栏所实现的效果是不一样,什么区别?国际惯例上图吧(左4.4,右5.*)
Xamarin android沉浸式状态栏
虽然我们看到4.4 和5.* 的区别,这种效果的区别不是因为做法不同引起的,这里就介绍一下透明化式状态栏的效果

Activity.cs 直接用代码的方式,就这几行行代码,并没有去判断是否是5.*系统,仅仅只是设置状态栏为透明的。继承的主题是android自带的主题Theme.Light.NotitleBar。虽然你也可以写xml文件里面,但是在xamarin android 里面我发现设置状态栏透明属性无效,这的确是一个尴尬的地方,如果你知道怎么在xml文件里面设置状态栏的透明属性,欢迎评论。

    [Activity(Label = "FirstActivity",MainLauncher =true,Theme = "@android:style/Theme.Light.NoTitleBar")]    public class FirstActivity : Activity    {        protected override void OnCreate(Bundle savedInstanceState)        {            base.OnCreate(savedInstanceState);            SetContentView(Resource.Layout.First);            if (Build.VERSION.SdkInt >= Build.VERSION_CODES.Kitkat)            {                //透明状态栏                Window.AddFlags(WindowManagerFlags.TranslucentStatus);                //透明导航栏                Window.AddFlags(WindowManagerFlags.TranslucentNavigation);            }        }    }
布局文件是这样的:
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent">    <TextView        android:fitsSystemWindows="true"        android:layout_width="match_parent"        android:layout_height="140dp"        android:textSize="24dp"        android:background="@color/colorPrimary"        android:text="你好,沉浸式状态栏"        android:textColor="@color/white" /></LinearLayout>
这个布局文件要注意的是:fitsSystemWIndows属性,他是干嘛的呢?如果不设置为true的,可以看到效果是这样的Xamarin android沉浸式状态栏
   

fitsSystemWindows属性的作用

官方描述
 Boolean internal attribute to adjust view layout based on system windows such as the status bar. If true, adjusts the padding of this view to leave space for the system windows. Will only take effect if this view is in a non-embedded activity

简单的说就是:设置起bool值为true时就会自动调整view的padding属性,给system windows留出空间,实际效果: 当status bar为透明或半透明时(4.4以上),系统会设置view的paddingTop值为一个适合的值(status bar的高度)让view的内容不被上拉到状态栏,当在不占据status bar的情况下(4.4以下)会设置paddingTop值为0(因为没有占据status bar所以不用留出空间)。

第二种方法:设置状态栏的颜色

从这个标题上看,似乎没什么区别,第一种是设置状态颜色为透明感觉和第二种方法没什么区别。做法相对来说复杂点,我们来看看QQ音乐吧,我这个手机是android5.0的。
很明显将Activity 的Tab栏和状态栏设置成统一颜色,这样就不是方法1那种透明化状态栏所展现的系统自带半透明修饰的效果。
Xamarin android沉浸式状态栏

这里我使用Toolbar来展示这个效果,当然你也可以自定义标题栏来做出这个效果来。先上图

Xamarin android沉浸式状态栏

效果还行,实现了兼容android4.4和android5.*。首先我们来看看这个布局的关键外面一个layout主体颜色设置成toolbar一样的背景颜色。
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:toolbar="http://schemas.android.com/apk/res-auto"     android:orientation="vertical"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:background="@color/colorPrimary"     android:fitsSystemWindows="true">  <android.support.v7.widget.Toolbar      android:id="@+id/toolbar"      android:layout_width="match_parent"      android:layout_height="?attr/actionBarSize"      android:background="@color/colorPrimary"      toolbar:logo="@drawable/menu"      android:subtitle="子标题"      toolbar:title="toolbar的标题"     android:textColor="@color/white">    <TextView         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="toolbar的使用"         android:textColor="@color/white"/>  </android.support.v7.widget.Toolbar>  <!--内容布局-->  <LinearLayout      android:layout_width="match_parent"      android:layout_height="match_parent"      android:background="@android:color/white"            android:orientation="vertical">    <Button        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="显示信息" /></LinearLayout></LinearLayout>
Activity.cs如下。还有android4.4是不能设置状态栏颜色的,要判断android4.4和android5.*。值得注意的是添加的Flag不是方法一的那种Translucent,而是DrawsSystemBarBackgrounds 它才能修改状态栏的颜色(android5.*)
    [Activity(Label = "FirstActivity123",MainLauncher =true,Theme = "@style/TranslucentTheme")]    public class FirstActivity : AppCompatActivity    {        protected override void OnCreate(Bundle savedInstanceState)        {            base.OnCreate(savedInstanceState);            SetContentView(Resource.Layout.First);           var toolBar = FindViewById<Android.Support.V7.Widget.Toolbar>(Resource.Id.toolbar);            SetSupportActionBar(toolBar);            SupportActionBar.SetDisplayShowTitleEnabled(false);//去掉标题            if (Build.VERSION.SdkInt >= BuildVersionCodes.Lollipop)             {  //清除透明状态栏,使内容不再覆盖状态栏                Window.ClearFlags(WindowManagerFlags.TranslucentStatus);                Window.AddFlags(WindowManagerFlags.DrawsSystemBarBackgrounds);                var Color = Resources.GetColor(Resource.Color.colorPrimary);                Window.SetStatusBarColor(Color);                //透明导航栏 部分手机导航栏不是虚拟的,比如小米的                Window.AddFlags(WindowManagerFlags.TranslucentNavigation);                Window.SetNavigationBarColor(Color);            }            if (Build.VERSION.SdkInt >= BuildVersionCodes.Kitkat&&Build.VERSION.SdkInt <= BuildVersionCodes.Lollipop)            {                //状态栏透明                 Window.AddFlags(WindowManagerFlags.TranslucentStatus);                 //透明导航栏                Window.AddFlags(WindowManagerFlags.TranslucentNavigation);            }        }        public override bool OnCreateOptionsMenu(IMenu menu)        {            MenuInflater.Inflate(Resource.Drawable.base_toolbar_menu,menu);            return true;        }    }

Theme translucent  继承的v7兼容包主题Theme.AppCompat.Light

<?xml version="1.0" encoding="utf-8" ?><resources>  <style name="TranslucentTheme" parent="AppTheme.Base">  </style>  <style name="AppTheme.Base" parent="Theme.AppCompat.Light">    <item name="windowActionBar">false</item>    <item name="windowNoTitle">true</item>  </style></resources>

菜单文件就没必要贴出来了,主要是感受一下标题栏的颜色和状态栏设置成一样的。

小结:对于每个Activity都要去这样设置,既不简洁又麻烦,所以可以写个父类或者写个工具Class。

作者:张林

标题:Xamarin android沉浸式状态栏 原文地址:http://blog.csdn.net/kebi007/article/details/70215993

转载随意注明出处



版权声明

本文仅代表作者观点,不代表百度立场。
本文系作者授权百度百家发表,未经许可,不得转载。

热门文章
  • Sequential Monte Carlo Methods (SMC) 序列蒙特卡洛/粒子滤波/Bootstrap Filtering

    Sequential Monte Carlo Methods (SMC) 序列蒙特卡洛/粒子滤波/Bootstrap Filtering
    Problem Statement 我们考虑一个具有马尔可夫性质、非线性、非高斯的状态空间模型(State Space Model):对于一个时间序列上的观测结果{yt,t∈N}\\{ y_t , t \\in N \\}{yt​,t∈N},我们认为每个观测结果yty_tyt​的生成依赖于一个无法直接观察的隐变量xt∈{xt,t∈N}x_t \\in \\{x_t , t \\in N \\}xt​∈{xt​,t∈N},即:p(...
  • 机房智能化温湿度解决方式之POE供电以太网温湿度传感器

    机房智能化温湿度解决方式之POE供电以太网温湿度传感器
    机房智能化温湿度解决方式之POE供电以太网温湿度传感器 北京盈创力和电子科技有限公司 智能型TCP网口温湿度记录仪 北京IP网络温湿度记录仪厂家,北京盈创力和 北京智能型TCP网口温湿度记录仪IP网络温湿度记录仪是一种新型的基于TCP/IP协议双绞线以太网标准温湿度采集模块,利用它可以实现现场温度值、相对湿度值的采集,同时利用其自身的RJ45通信接口可以方便地和机房监控主机或交换机集线器进行联网。 工作于-40℃~85℃工业级带...
  • Hive 系统函数及示例

    Hive 系统函数及示例
    查看所有系统函数 show functions; 函数分类 内置函数【系统函数】 数学函数: floor、round、ceil、cos、log2等 字符串函数: length、reverse、trim、lower、get_json_object、repeat等 收集函数: size 转换函数: cast 日期函数: year、month、datediff、date、date_add等 条件函数: coalesce、case…w...
  • HTTP状态保持的原理

    HTTP状态保持的原理
    a)在用户登录之后,浏览器返回响应的时候会在响应中添加上cookieb)浏览器接收到cookie之后会自动保存c)当用户再次请求同一服务器中的其他网页的时候,浏览器会自动带上之前保存的cookied)服务接收到请求之后可以请 request 对象中取到cookie 判断当前用户是否登录  Http是无状态的,就是连接时数据互通,关闭后...
  • CSRF的原理和防范措施

    CSRF的原理和防范措施
    a)攻击原理:i.用户C访问正常网站A时进行登录,浏览器保存A的cookieii.用户C再访问攻击网站B,网站B上有某个隐藏的链接或者图片标签会自动请求网站A的URL地址,例如表单提交,传指定的参数iii.而攻击网站B在访问网站A的时候,浏览器会自动带上网站A的cookieiv.所以网站A在接收到请求之后可判断当前用户是登录状态,所以...
标签列表