Xamarin.Forms - 更改状态栏颜色

Question

我搜索但找不到是否可以从我的可移植代码中更改每个平台的状态栏颜色？ （对于Android, iOS & WinPhone 8.1）

public App()
{
    // Change the StatusBar color
    MainPage = new MainPageUser();
}

Answer 1

我相信你最好写一点特定于平台的代码：

对于 Android：

在 Droid 项目的 MainActivity.cs 上，紧接着

LoadApplication(new App());

重写的 OnCreate 方法，添加：

Window.SetStatusBarColor(Android.Graphics.Color.Argb(255, 0, 0, 0));

像这样：

protected override void OnCreate(Bundle bundle)
        {
            TabLayoutResource = Resource.Layout.Tabbar;
            ToolbarResource = Resource.Layout.Toolbar;

            base.OnCreate(bundle);

            global::Xamarin.Forms.Forms.Init(this, bundle);            
            LoadApplication(new App());
            Window.SetStatusBarColor(Android.Graphics.Color.Argb(255, 0, 0, 0)); //here
        }

Answer 2

几年后我会回到这个答案来修复它，因为我的答案是错误的，即使它已被接受为正确答案。我现在已经修好了。

我误读了想要更改导航栏的问题，或者当时它在 Android 中的工作方式有所不同。

我认为至少这是一个更好的答案，应该更好地帮助更改 Android 和 iOS 中导航栏的颜色。

将此代码添加到您的 Xamarin.Forms 项目

public interface IStatusBarPlatformSpecific
{
  void SetStatusBarColor(Color color);
}

将此类添加到您的 Android 项目中

[assembly: Dependency(typeof(MyDemo.Droid.CustomRenderers.Statusbar))]
namespace MyDemo.Droid.CustomRenderers
{
    public class Statusbar : IStatusBarPlatformSpecific
    {
       public Statusbar()
       {
       }

       public void SetStatusBarColor(Color color)
       {
         // The SetStatusBarcolor is new since API 21
         if (Build.VERSION.SdkInt >= BuildVersionCodes.Lollipop)
        {
          var androidColor = color.AddLuminosity(-0.1).ToAndroid();
         //Just use the plugin
 CrossCurrentActivity.Current.Activity.Window.SetStatusBarColor(androidColor);
         }
         else
         {
          // Here you will just have to set your 
          // color in styles.xml file as shown below.
         }
       }
   }
}

将此CurrentActivityPlugin 添加到您的项目中

现在您可以像这样更改表单项目中的颜色

var statusbar = DependencyService.Get<IStatusBarPlatformSpecific>();
statusbar.SetStatusBarColor(Color.Green);

注意上面的 else 语句。如果您使用的是早于 21 的构建版本，则需要像这样将颜色硬编码到 Android 项目中的 styles.xml 中

<?xml version="1.0" encoding="utf-8" ?>
<resources>
   <style name="MainTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">  
      <item name="android:statusBarColor">#544054</item>  
   </style>
</resources>

iOS 类似

将此添加到您的 Info.plist (more docs here)

<key>UIStatusBarStyle</key>
<string>UIStatusBarStyleLightContent</string>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>

并将此代码添加到 iOS 版本的 StatusBar 类中的 SetStatusBarColor 方法

UIView statusBar = UIApplication.SharedApplication.ValueForKey(
new NSString("statusBar")) as UIView;

 if (statusBar != null && statusBar.RespondsToSelector(
 new  ObjCRuntime.Selector("setBackgroundColor:")))
 {
   // change to your desired color 
   statusBar.BackgroundColor = Color.FromHex("#7f6550").ToUIColor(); 
 }

如果有人感兴趣，我在how to set the color of the statusbar from Xamarin.Forms 上写了一篇更详细的博文。它只讨论了 Android 和 iOS，但应该让您了解如何使用其他平台。

Answer 3

Android 的另一个选项：更改文件 \Resources\values\styles.xml（Android 项目）中的颜色。

<item name="colorPrimaryDark">#00FF00</item>

Answer 4

也许我不明白这个问题，但我希望这会有所帮助。

在搜索了很多试图找出如何更改 iPhoneX 状态栏颜色（缺口后面的位）之后，我发现它会根据根 ContentPage 的 BackroundColorproperty 自动设置自己.

所以在 Xaml 中就这么简单：

   <ContentPage.BackgroundColor>
        <OnPlatform x:TypeArguments="Color"
                    iOS="Navy"
                    Android="Yellow"
                    />
    </ContentPage.BackgroundColor>

我基本上使用此处的答案之一中描述的方法：https://stackoverflow.com/a/46199029/960691，但是通过给您一个我针对您的个人问题的代码 sn-p 进行了一些修改（至少我认为！ )

Answer 5

使用这种方法，您可以在每个页面上更改它。

Application.Current.MainPage.SetValue(NavigationPage.BarBackgroundColorProperty, Color.Black);

Answer 6

在最新版本的 Xamarin 上，您不再需要粗略的插件，而是可以在 Android 上执行以下操作：

var androidColor = color.ToAndroid();               
Xamarin.Essentials.Platform.CurrentActivity.Window.SetStatusBarColor(androidColor);

那么一个完整的Android中的依赖例子：

using System;
using Android.OS;
using WikiSpiv.Droid.Extras;
using WikiSpiv.Extras;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: Dependency(typeof(Statusbar))]
namespace WikiSpiv.Droid.Extras
{
    public class Statusbar : IStatusBarPlatformSpecific
    {
        public Statusbar()
        {
        }

        public void SetStatusBarColor(Color color)
        {
            if (Build.VERSION.SdkInt >= BuildVersionCodes.Lollipop)
            {
                var androidColor = color.ToAndroid();
                Xamarin.Essentials.Platform.CurrentActivity.Window.SetStatusBarColor(androidColor);
            }
        }
    }

}

在表格中：

using System;
using Xamarin.Forms;

namespace WikiSpiv.Extras
{
    public interface IStatusBarPlatformSpecific
    {
        public void SetStatusBarColor(Color color);
    }
}

而且可以这样调用：

var statusbar = DependencyService.Get<IStatusBarPlatformSpecific>();
statusbar.SetStatusBarColor(Color.Green);

Answer 7

Step 1. 在共享类中添加接口

    public interface IStatusBarColor
        {
            void changestatuscolor(string color);
        }

步骤 2. 在 main Activity 上注入依赖并实现接口

[assembly: Dependency(typeof(ETCrewReport.Droid.MainActivity))]
 public class MainActivity : FormsAppCompatActivity, IStatusBarColor  
    {
      ......
      ...
      public static Context context;

        protected override void OnCreate(Bundle bundle)
        {
        }
 public void changestatuscolor(string color)
        {
            try
            {
                if (Build.VERSION.SdkInt >= BuildVersionCodes.Lollipop)
                {
                    var c = MainActivity.context as FormsAppCompatActivity;
                    c?.RunOnUiThread(() => c.Window.SetStatusBarColor(Android.Graphics.Color.ParseColor(color)));
                }
            }
            catch (Exception ex)
            {
                 
            }

    }
    

步骤 3. 获取所需 xaml.cs 文件中 OnAppearing 方法的依赖项

protected async override void OnAppearing()
        {
            try
            {
                DependencyService.Get<IStatusBarColor>().changestatuscolor(Color.Black.ToHex());
            }
            catch (Exception ex)
            {
                throw;
            }
        } 

Answer 8

在你的安卓系统中

MainActivity.cs

之后

加载应用程序（新应用程序（））；

添加这一行

Window.SetStatusBarColor(Android.Graphics.Color.Argb(255, 62, 102, 226));

颜色代码为 Argb 格式（Alpha、Red、Green、Blue） 您可以使用 0-255 的 alpha 百分比更改强度 下面提到的可能会帮助您提高 Alpha 颜色的不透明度 用于 50% alpha 的黑色 Window.SetStatusBarColor(Android.Graphics.Color.Argb(80, 0, 0, 0));

• 100% - FF
• 95% - F2
• 90% - E6
• 85% - D9
• 80% - 抄送
• 75% - 高炉
• 70% - B3
• 65% - A6
• 60% - 99
• 55% - 8℃
• 50% - 80
• 45% - 73
• 40% - 66
• 35% - 59
• 30% - 4D
• 25% - 40
• 20% - 33
• 15% - 26
• 10% - 1A
• 5% - 0D
• 0% - 00

Answer 9

这对我有用。

在 App.xaml 中

 <Color x:Key="navBarRed">#AA0000</Color>
 <Color x:Key="navBarBlue">#F4721C</Color>
 <Color x:Key="navBarColour">#F4721C</Color>
 <Style TargetType="NavigationPage">
     <Setter Property="BarBackgroundColor" Value="{DynamicResource navBarColour}"/>
 </Style>

那么当你想改变颜色时：

if (Condition == true)
    App.Current.Resources["navBarColour"] = App.Current.Resources["navBarBlue"];
else
    App.Current.Resources["navBarColour"] = App.Current.Resources["navBarRed"];