webapp使用HBuildX打包，设置沉浸式导航栏

最新推荐文章于 2024-08-30 17:32:34 发布
最新推荐文章于 2024-08-30 17:32:34 发布
阅读量683 收藏
点赞数
文章标签： vue web app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44279103/article/details/105426243
版权

webapp使用HBuildX打包，设置沉浸式导航栏

创建一个5+APP的项目，把build后的dist文件夹中的内容全部复制粘贴，替换到新建的5+APP项目目录里，然后在manifest.json文件中的plus中加上
"statusbar" : { "immersed" : true }

加上后的代码：

......
"plus": {
    "statusbar": {
      "immersed": true
    },
      ......
  },

效果：在这里插入图片描述

qq_44279103
关注
32个uniapp项目源码 涵盖商城团购等
05-10
源码列表： IT之家小程序版客户端(使用 Mpvue 开发，兼容 Web)ithome-lite-master.zip mpvue 仿网易严选mpvue-shop-master.zip mpvue-音乐播放器mpvue-music-master.zip mpvue性能测试与体验miniweibo-master.zip mpvue改造的日历.zip mpvue框架仿滴滴出行didi-master.zip mpVue高仿美团小程序教程mpvue-meituan-master.zip uni APP自动更新并安装.vue uni-app nvue沉浸式状态栏(线性渐变色).vue uni-app 二维码生成器分享wxqrcode.zip uni-app 侧边导航分类,适合商品分类页面uni-app-left-navigation-master.zip uni-app 自定义底部导航栏uni-app-bottom-navigation-master.zip uni-app全局变量的几种实现方式.zip uni-app的markdown富文本编辑器插件uniapp-
H5+状态栏透明(沉浸式)/全屏/设置颜色 整理
weixin_34248487的博客
08-24 6110
H5+对web APP状态栏设置整理： 开发工具：HBuilder 直接新建移动APP项目测试方法为HBuilder的ios真机测试 1、沉浸式状态栏 如果页面顶部是图片，一般会把状态栏变成透明。 首先可以检测下当前环境是否支持沉浸式状态栏，检测语句： //是否支持沉浸式状态栏 alert(plus.navigator.isImmerse...
使用HBuildX打包App
最新发布
qq_40135999的博客
08-30 614
使用HBuildX打包app项目1.安装HBuildX软件，默认上网下载安装就ok。2.使用HBuildX打开项目，点击（一般在项目src下的）manifest.json会有配置页面 1.安装HBuildX软件，默认上网下载安装就ok。 2.使用HBuildX打开项目，点击（一般在项目src下的）manifest.json会有配置页面 基础配置里面输入appid，此界面改不了就使用记事本或者notepad++打开manifest.json修改对应字段；注意：如果是已经有appid的项目，需要appid所
Android 沉浸式状态栏以及 透明状态栏 和修改状态栏颜色
一条咸鱼
09-15 4610
最近 被一个没搞过的问题难倒了，因为不知道，所以不会 会了才发现这么简单，一个关于沉浸式状态栏的问题。国内大多数App目前大于等于Api19的 会别出心裁的使用沉浸式状态栏。看了网上介绍，关于沉浸式状态栏大概有几种，透明状态栏，变色状态栏，沉浸式状态栏。变色状态栏大概只是通用说法，无论沉浸式还是透明的 都可以实现状态栏的变色。这里就不再介绍。 1，透明状态栏顾名思义就是透明的状态栏：
Android学习第八弹之改变状态栏的颜色使其与APP风格一体化
热门推荐
非著名程序员
08-11 5万+
公众号：smart_android 作者：耿广龙｜loonggg 点击“阅读原文”，可查看更多内容和干货 导语：沉浸式状态栏，改变状态栏的颜色使之与APP风格一体化是不是感觉很漂亮，很美？其实实现这种效果并不难，google在4.4及以下提供了相关的方法。 我相信大家肯定看到过很多软件有沉浸式状态栏，在运行该App时改变了手机屏幕顶部状态栏的颜色，使他们
app实现状态栏和导航栏沉浸效果
ronaldo4511的博客
11-10 1721
在activity的oncreate方法中添加如下代码即可： //当系统版本为4.4或者4.4以上时可以使用沉浸式状态栏 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { //透明状态栏 getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUC
详解cordova打包成webapp的方法
08-29
在本篇文章中，我们将详细介绍如何使用 Cordova 将 WebApp 打包成移动应用。 环境变量设置 在开始打包之前，我们需要设置环境变量。首先，我们需要设置 JAVA_HOME 环境变量，指定为 JDK 安装路径。其次，我们需要...
如何将WebApp项目打包生成手机APP
04-17
本文将详细介绍如何将 WebApp 项目打包生成手机 APP，从新建 WebApp 项目到使用 KM 盒子将项目打包生成手机 APP。 一、新建 WebApp 项目 要将 WebApp 项目打包生成手机 APP 首先需要新建一个 WebApp 项目。目录...
移动端WebApp隐藏地址栏的方法
09-03
主要介绍了移动端WebApp隐藏地址栏的方法,本文分别给出了4种方法,适应不同情况下使用,小编推荐最后一个方法,需要的朋友可以参考下
Java WebApp 底部导航菜单
04-26
本项目"Java WebApp 底部导航菜单"旨在实现一个基于JSP（JavaServer Pages）的动态底部菜单，用于一个Eclipse开发的Web应用程序。下面我们将深入探讨该项目涉及的技术点和实现过程。 首先，我们要了解JSP的基础。...
HbuilderX 打包网站教程.docx
07-23
当你做完一个网页想要让它打包成一个APP的时候，可以参考此文档。此教程是我在工作中经常使用的一种方法，并且实践过无数次。
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
10-17
主要介绍了vue项目 使用Hbuilder打包app 设置沉浸式状态栏的方法，本文通过实例代码效果图展示给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
HBuilder 打包webapp 设置沉浸式状态栏
weixin_40151813的博客
01-20 1372
1.在manifest.json 要设置 "fullscreen": false； 2.在 manifest.json 设置 "plus": { "launchwebview": { "statusbar": { "background": "#00933c" } }, ...
cordova实现沉浸式（透明）状态栏效果
Iohboel的博客
10-12 2771
在cordova打包app的时候会需要进行状态栏的设置，可以采用cordova-plugin-statusbar插件，修改该插件的一些代码实现状态栏的设置。 ***********以下部分转载自http://blog.csdn.net/u010730897/article/details/74450922********** 沉浸式状态栏（Immersive Mode）和透明状态栏（Trans
如何使用沉浸式状态栏，让你的app风格更好看
zdy0_2004的专栏
12-21 2302
http://www.cnblogs.com/ai394495243/p/5063842.html 大家都知道，传统的手机状态栏非黑即白，经常让整个app显得不是那么的好看，如何让状态栏的颜色跟你整个界面的颜色能够融为一体，这是我们一直想要的，现在给大家展示一下： 由图可见，第一张是没有使用沉浸式状态栏，显示的颜色为白色，由的手机显示的是黑色，第二张图，是实
沉浸式状态栏设置的几种方式
钟铭
07-06 4714
先上效果图 总共有三种方法，下面一一介绍：      第一种      布局中顶层容器配置：android:clipToPadding="true" android:fitsSystemWindows="true"      结果如下      在Activity对应的style里面设置： <item name="windowNoTitle">true</item>
沉浸式和状态栏的隐藏
qingxuan521721的博客
10-23 267
沉浸式 原创 2017年10月18日 16:08:32 标签：沉浸式 首先手机从上往下分为：状态栏、ActionBar、导航栏。 首先隐藏ActionBar是最简单的，我们就先实现它吧： [html] view plain copy ActionBar action= getSupportActionBar();  ac
自定义UI——沉浸式状态栏
戒不掉的码瘾
07-30 1066
从Android4.4开始出现相关API之后，沉浸式状态栏算是我们APP的标配了，随着Android的API的优化，5.0又是一个分水岭。现整理了一下状态栏导航栏是否存在以及颜色设置，高度获取的相关方法工具类，以便后续之需。 package com.demo.statusdemo; import android.app.Activity; import android.content.Con...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值