ionic2 改变状态栏颜色

有一个点要特别注意,就是!安卓版本要5.0以上 。

参考文章:https://segmentfault.com/a/1190000009078477

其中头两项是修改MainActivity.java文件,以下是修改后的MainActivity.java文件的所有内容

MainActivity.java的路径为:platforms\android\src\com\ionicframework\

/*
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements. See the NOTICE file
distributed with this work for additional information
regarding copyright ownership. The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
*/

package com.ionicframework.smartwms328018;

import android.os.Bundle;
import org.apache.cordova.*;
import android.os.Build;
import android.view.View;

public class MainActivity extends CordovaActivity
{
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
// Set by <content src="index.html" /> in config.xml

//安卓状态栏透明
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
getWindow().getDecorView().setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN |
View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
}

loadUrl(launchUrl);
}
}

第二步:在项目根目录的config.xml文件中添加下面配置,这里需要注意
颜色的设置至关重要,此处是八位hex color,前两位是透明度,后六位是rgb颜色值.so根据自己的需要配置.
<preference name="StatusBarBackgroundColor" value="#551b1d23" />

第三步: 在app.scss中添加样式

.platform-android {
    ion-header {
      padding-top: $cordova-md-statusbar-padding;
      background-color: color($colors, primary);
    }
}

第四步: 在appComponent.ts 文件中添加下面这段代码

platform.ready().then(() => {

if (this.platform.is(‘android‘)) {

this.statusBar.backgroundColorByHexString("#55fb7981");

}

})

时间: 2024-11-10 22:05:34

ionic2 改变状态栏颜色的相关文章

改变状态栏颜色

要改变状态栏颜色的前提条件这个是让颜色显示 info.plist中 View controller-based status bar appearance这个属性 View controller-based status bar appearance =NO 统一设置(但是只有三中系统的)在plist里增加一行 UIStatusBarStyle(或者是“Status bar style”也可以) 单独设置  白色[UIApplication sharedApplication].statusBa

[iOS]改变状态栏颜色

改变状态栏颜色为白字黑底: func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool { UIApplication.sharedApplication().setStatusBarStyle(UIStatusBarStyle.LightContent, animated: false) } 另外要在info里面

ios开发之 改变状态栏颜色

转自 http://www.cnblogs.com/aggie/p/4864500.html 状态栏分为两种颜色,默认的是黑色,这里想要改为白色: 分为两步: 第一步:在项目中找到plist文件,添加View controller-based status bar appearance,设置为NO,我当时添加的时候,直接复制粘贴上去,后面是不会出现选择的箭头,这样就不行.最后,只是输入了第一个View ...后面就自动带出来了,这样的话,后面的选择框就可以直接选择NO.下图: 第二步:在APPD

关于在ios7之后改变状态栏颜色

看到网上都说 在ios7之后要这样设置 首先,需要在Info.plist配置文件中,增加键:UIViewControllerBasedStatusBarAppearance,并设置为YES: 然后,在UIViewController子类中实现以下两个方法: - (UIStatusBarStyle)preferredStatusBarStyle { return UIStatusBarStyleLightContent; } - (BOOL)prefersStatusBarHidden { ret

iOS 之改变状态栏颜色

1.在工程中找到 info.plist  文件,点击“+”号,选择 View controller-based status bar appearance 并设为 NO 2.在 AppDelegate.m添加一段代码: - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { //添加的代码 [[UIApplication share

iOS状态栏颜色

下面截图给出修改 iOS 状态栏颜色的 4 种方式 Target.png Info.plist.png Storyboard.png code.png 其中第四张图中的代码,直接写在你的任何一个 ViewController 的 class 里面就可以. 然而,以上 4 种方法存在两个问题:1.无法在某一个 ViewController 里面任意切换2.优先级不够高,可能会失效 下面祭出第 5 种方法:首先去 Info.plist 里面,把 UIViewControllerBasedStatus

038改变状态栏的颜色(扩展知识:关于iOS不同版本的消息通知知识)

效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 3 @interface ViewController : UIViewController 4 @end ViewController.m 1 #import "ViewController.h" 2 3 @interface ViewController () 4 - (void)userNotificationDidPush:(UIApplication *)appl

Android学习第八弹之改变状态栏的颜色使其与APP风格一体化

公众号:smart_android 作者:耿广龙|loonggg 点击"阅读原文",可查看更多内容和干货 导语:沉浸式状态栏,改变状态栏的颜色使之与APP风格一体化是不是感觉很漂亮,很美?其实实现这种效果并不难,google在4.4及以下提供了相关的方法. 我相信大家肯定看到过很多软件有沉浸式状态栏,在运行该App时改变了手机屏幕顶部状态栏的颜色,使他们的风格非常的统一,看起来异常的漂亮和清爽.想不想实现这种效果呢,其实在Android KITKAT上有一个新的特性可以设置手机状态栏的

IOS总结_IOS7.0以后改变状态栏字体颜的问题

首先info.plist文件中,加入View controller-based status bar appearance项 如果设为YES,则View controller对status bar的设置优先级高于application的设置:设置为NO则以application的设置为准. 虽然7.0SDK后在UIViewController中也加入加入了 - (UIStatusBarStyle)preferredStatusBarStyle NS_AVAILABLE_IOS(7_0); //