开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
小程序快速示例
ui
云与开放能力
行业
服务端快速示例
介绍 > 小程序快速示例 >  > 透明标题栏
收藏
订阅更新
我的文档
设置
简介
小程序顶部标题栏和状态栏透明显示。可通过 my.getsysteminfosync 获取标题栏和状态栏的高度,从而进行自定义开发。
快速示例提供了支付宝小程序在某些场景下的官方凯发app官方网站的解决方案,提供了开发源码,开发者可以以此作为参考,也可以直接在源码的基础上进一步开发。本示例解决的是小程序透明标题栏。
使用说明
需完成 开发者入驻 与 小程序创建
下载并安装小程序开发者工具 ide(点此下载)。
扫码体验

效果示例

使用
使用步骤
1打开 ide。
2在 ide 界面新建或打开项目:
通过界面 小程序 > 添加项目 > 选择端(可多选) > 选择模板 > 找到本示例对应的模板点击 下一步 > 配置项目名称和路径 > 点击 完成
点击 打开项目 按钮,进入本文开头下载的源码包所在路径,将源码包解压到一个文件夹里,选择文件夹打开。
3进入项目后,登录开发者账号,并关联已有 appid。
4完成以上步骤后,可以通过 ide 进行开发和调试。
属性
属性
类型
说明
transparenttitle
string
标题栏透明设置。
默认值:none
可选值: 
always一直透明。
auto 滑动自适应。
none 不透明。
示例:auto
titlepenetrate
string
是否允许标题栏点击穿透。
可选值:yes/no
默认值:no
版本要求:支付宝客户端版本 10.1.52 及以上
示例:yes
示例代码
.json 示例代码
.axml 示例代码
.acss 示例代码
.js 示例代码
相关文档
my.getsysteminfosy
my.setnavigationbar
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图