Xamarin forms change background color of navigation bar

Question

Я использую Xamarin.Forms и пытаюсь изменить цвет фона панели навигации на iOS.

У меня есть настраиваемый класс навигационной панели, который наследует от NavigationPage со свойством bindable и конструктором, который устанавливает цвет панели навигации. По моему мнению, на навигационной панели есть фон по умолчанию (черный) поверх фона Xamarin.Forms. Я могу установить цвет фона с помощью метода SetColor() (см. Ниже). Однако он оставляет черную линию, которая является фоном навигационной панели (iOS), как показано на рис. Picture Link

Теперь я пытаюсь установить цвет фона панели навигации iOS на белый или прозрачный. Я провел много времени, но ничего не получилось. Может кто-нибудь помочь, как установить фон на белый.

//PCL class 
public class CustomNavigationalPage : NavigationPage 
{ 
    public static readonly BindableProperty BarBgColorProperty = 
     BindableProperty. 
     Create<CustomNavigationalPage, UIColor> 
      (p => p.BarBackgroundColorR, null); 

    public UIColor BarBackgroundColorR 
    { 
     get { return (UIColor)base.GetValue (BarBgColorProperty); } 
     set { base.SetValue (BarBgColorProperty, value); } 
    } 

    public NavigationalPageCustomized() : base() 
    { 
     SetColor(); 
    } 

    void SetColor() 
    { 
     BarBackgroundColor = Color.Transparent; 
     BarTextColor = Color.Blue; 
    } 
} 

Навигационная панель визуализации класс:

[assembly: ExportRenderer (typeof (CustomNavigationalPage), typeof (CustomNavigationPageRenderer))] 

namespace project.iOS 
{ 
    public class CustomNavigationPageRenderer : NavigationRenderer 
    { 
     public CustomNavigationPageRenderer() 
     { 
      // UINavigationBar.Appearance.SetBackgroundImage (UIImage.FromFile ("navbg.png"), UIBarMetrics.Default); 
     } 

     protected override void OnElementChanged (VisualElementChangedEventArgs args) 
     { 
      base.OnElementChanged (args); 

      var nb = (NavigationalPageCustomized) Element; 

      if (nb != null) 
      { 
       nb.BarBackgroundColorR = UIColor.White; 
      } 
     } 
    } 
    } 

Answer 1

Раньше требуется пользовательский визуализатор, но больше не делает в XF 1.3. Теперь NavigationPage имеет свойства BarBackgroundColor и BarTextColor, которые, похоже, работают хорошо. К сожалению, нет возможности изменять шрифт, но без специального рендеринга (который я нашел).

Answer 2

Попробуйте использовать следующий код. Удачи

[assembly: ExportRenderer (typeof (CustomNavigationalPage), typeof (CustomNavigationPageRenderer))] 

namespace project.iOS 
{ 
    public class CustomNavigationPageRenderer : NavigationRenderer 
    { 
     public CustomNavigationPageRenderer() 
     { 

     } 
     public override void ViewDidLoad() 
     { 
      base.ViewDidLoad(); 
      //Background image 
      this.NavigationBar.BarTintColor = UIColor.FromPatternImage (UIImage.FromFile ("AnyResourceImage.png")); 
      //Your desire color 
      this.NavigationBar.BarTintColor = UIColor.Red; 
      //Right item color 
      this.NavigationBar.TopItem.RightBarButtonItem.TintColor = UIColor.FromPatternImage (UIImage.FromFile ("AnyResourceImage.png")); 
      //Left item color 
      this.NavigationBar.TopItem.LeftBarButtonItem.TintColor = UIColor.Black; 
     } 
    } 
} 

//Note : Please remove any background color you set in forms shared or pcl project. Hint in this class > CustomNavigationalPage 

Answer 3

NavigationController.NavigationBar.TitleTextAttributes = новые UIStringAttributes() {ForegroundColor = UIColor.White};

Answer 4

Попробуйте использовать этот код в PCL от Xamarin.forms. Изменить код в конструктор App.xaml.cs.

public App() 
{ 
    MainPage = new NavigationPage(new Page1()) 
    { 
     BarBackgroundColor = Color.Gray 
    }; 
}