文档章节

沉浸屏幕状态栏

voxer
 voxer
发布于 2016/04/17 08:24
字数 436
阅读 11
收藏 0

现在App都讲究“沉浸”样式,不知道这个词从哪里来的,实质就是状态栏透明。我们do平台打开一个新的页面支持三种状态栏方式

显示状态栏:

也就是状态栏的背景色和前景色都是系统提供的缺省颜色,看图:

左边是设计器的设计界面,右边是真机显示的界面,大家可以看到从设计器映射到手机端的线是在状态栏下。这种状态栏样式是缺省值,代码如下

1 button1.on("touch", function() {2     app.openPage("source://do_App/view/openpage_statusbar/page1.ui");3 });

透明状态栏:

也就是所谓的“沉浸”式样,这种风格广泛用于ios,在android4.4以后也支持,如果是在android4.4以下显示的效果就和上面第一种样式一致。透明状态栏效果看下图:

左边是设计器的设计界面,右边是真机显示的界面,大家可以看到从设计器映射到手机端的线是在系统状态栏上。通常在IDE设计这个界面的时候最上面先放一个空白的ALayout高度40,然后放一个工具栏ALayout,高度88. JS代码如下

复制代码

app.openPage({
        source : "source://do_App/view/openpage_statusbar/page2.ui",
        statusBarState : "transparent",
        statusBarFgColor : "black"// 修改缺省的状态栏字体颜色,只有white,black二种,这个属性只支持ios
    });

复制代码

隐藏状态栏:

系统状态栏看不到了,看图

左边是设计器的设计界面,右边是真机显示的界面,大家可以看到从设计器映射到手机端的线是在系统状态栏上。 JS代码如下:

app.openPage({
        source : "source://do_App/view/openpage_statusbar/page3.ui",
        statusBarState : "hide"
    });


© 著作权归作者所有

上一篇: 数据绑定介绍
下一篇: 屏幕设配介绍
voxer
粉丝 4
博文 15
码字总数 17624
作品 0
海淀
私信 提问
Android状态栏微技巧,带你真正理解沉浸式模式

转载请注明出处:http://blog.csdn.net/guolinblog/article/details/51763825 本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索 郭霖 即可关注,每天都有文章更新。 记得之...

sinyu890807
2016/08/23
0
0
Android状态栏实现沉浸式模式

因为Android官方从来没有给出过沉浸式状态栏这样的命名,只有沉浸式模式(Immersive Mode)这种说法。而有些人在没有完全了解清楚沉浸模式到底是什么东西的情况下,就张冠李戴地认为一些系统...

津乐
2018/04/20
66
0
笔记54 | 管理系统UI(二)

全屏沉浸式应用 这节课将教您 选择一种沉浸方式 使用非粘性沉浸模式 使用粘性沉浸模式 Adnroid 4.4(API level 19)中引入为引入了一个新标签,它可以让应用进入真正的全屏模式。当这个标签与和...

项勇
2017/12/20
0
0
android实现沉浸式状态栏

前言 在android开发的过程中,经常会涉及到沉浸式状态栏的问题,说白了,就是手机屏幕顶部栏的颜色显示问题,为了实现美感一体的效果,许多app都已经开始了沉浸式状态栏的显示,这里,我也简...

奔跑的佩恩
02/25
0
0
沉浸屏幕状态栏

现在App都讲究“沉浸”样式,不知道这个词从哪里来的,实质就是状态栏透明。我们do平台打开一个新的页面支持三种状态栏方式 显示状态栏: 也就是状态栏的背景色和前景色都是系统提供的缺省颜色...

voxer
2016/04/23
323
0

没有更多内容

加载失败,请刷新页面

加载更多

MySQL8.0.17 - Multi-Valued Indexes 简述

本文主要简单介绍下8.0.17新引入的功能multi-valued index, 顾名思义,索引上对于同一个Primary key, 可以建立多个二级索引项,实际上已经对array类型的基础功能做了支持 (感觉官方未来一定...

阿里云官方博客
29分钟前
3
0
make4.1降级 make-3.81、2错误

在编译 make-3.82 的时候出现如下错误提示 glob/glob.c:xxx: undefined reference to `__alloca'` 修改 /glob/glob.c // #if !defined __alloca && !defined __GNU_LIBRARY__ # ifdef __GNUC......

Domineering
30分钟前
2
0
Rainbond集群的安装和运维的原理

本文将解读Rainbond集群的安装和运维的原理,使用户基本了解Rainbond的安装机制和运维重点,便于用户搭建大型Rainbond集群。 1.Rainbond集群节点概述 1.1 节点分类 属性 类型 说明 manage 管...

好雨云帮
41分钟前
5
0
好程序员大数据学习路线分享UDF函数

1.为什么需要UDF? 1)、因为内部函数没法满足需求。 2)、hive它本身就是一个灵活框架,允许用自定义模块功能,如可以自定义UDF、serde、输入输出等。 2.UDF是什么? UDF:user difine fun...

好程序员官方
44分钟前
4
0
Groovy中 Base64 URL和文件名安全编码

Base64 URL和文件名安全编码 Groovy支持Base64编码很长一段时间。 从Groovy 2.5.0开始,我们还可以使用Base64 URL和Filename Safe编码来使用encodeBase64Url方法对字节数组进行编码。 结果是...

白石
47分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部