![](/img/trans.png)
[英]How to apply Xamarin Platform-Specific EnableTranslucentNavigationBar
[英]Xamarin Forms Platform-Specific SetBarSelectedItemColor has no effect
我想動態更改活動標簽指示符的顏色。 多個來源( Xamarin支持 , Xamarin docs )表明有一種方法可以做到這一點,但是它必須作為特定於Android平台的平台來完成
On<Android>().SetBarSelectedItemColor(color)
但是,我正在Visual Studio中的普通android模板中對此進行測試,它沒有效果。 不管我是在TabbedPage構造函數中運行它,還是稍后將其作為事件運行。
版本信息:
Xamarin形式:3.5.0.129452
的Visual Studio:15.9.7
Xamarin.Android SDK:9.1.7.0
特定平台是否僅在特定條件下有效?
碼:
除了一些顏色綁定實驗以外,它是股票代碼。
MainPage.xaml.cs(注意:App.OnChange確實被觸發,並且代碼按預期執行)
using System;
using Xamarin.Forms;
using Xamarin.Forms.PlatformConfiguration.AndroidSpecific;
using Xamarin.Forms.Xaml;
namespace App1.Views
{
[XamlCompilation(XamlCompilationOptions.Compile)]
public partial class MainPage : Xamarin.Forms.TabbedPage
{
public MainPage()
{
InitializeComponent();
App.OnChange((prop, value) =>
{
if (prop == App.ActiveColorKey)
{
On<Xamarin.Forms.PlatformConfiguration.Android>().SetBarSelectedItemColor(Color.FromHex(value));
On<Xamarin.Forms.PlatformConfiguration.Android>().SetBarItemColor(Color.FromHex(value));
}
});
}
}
}
MainPage.xaml
<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:views="clr-namespace:App1.Views"
x:Class="App1.Views.MainPage" BarBackgroundColor="{DynamicResource TabColor}">
<TabbedPage.BarTextColor>
<OnPlatform x:TypeArguments="Color">
<On Platform="Android" Value="Green" />
</OnPlatform>
</TabbedPage.BarTextColor>
<TabbedPage.Children>
<NavigationPage Title="Browse">
<NavigationPage.Icon>
<OnPlatform x:TypeArguments="FileImageSource">
<On Platform="iOS" Value="tab_feed.png"/>
</OnPlatform>
</NavigationPage.Icon>
<x:Arguments>
<views:ItemsPage />
</x:Arguments>
</NavigationPage>
<NavigationPage Title="About dog" BarBackgroundColor="Red" BackgroundColor="Yellow">
<NavigationPage.Icon>
<OnPlatform x:TypeArguments="FileImageSource">
<On Platform="iOS" Value="tab_about.png"/>
</OnPlatform>
</NavigationPage.Icon>
<x:Arguments>
<views:AboutPage />
</x:Arguments>
</NavigationPage>
</TabbedPage.Children>
</TabbedPage>
在官方文檔中 ,您可以為BarSelectedItem設置靜態顏色,如下所示:
<TabbedPage ...
xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
android:TabbedPage.ToolbarPlacement="Bottom"
android:TabbedPage.BarItemColor="Black"
android:TabbedPage.BarSelectedItemColor="Red">
...
</TabbedPage>
解:
通過使用DynamicResource ,它可以動態設置BarSelectedItemColor:
android:TabbedPage.BarSelectedItemColor="Red"
對此:
android:TabbedPage.BarSelectedItemColor="{DynamicResource BarSelectedItemColor}"
完整的示例代碼:
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:TabbedPageDemo;assembly=TabbedPageDemo"
x:Class="TabbedPageDemo.TabbedPageDemoPage"
xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
android:TabbedPage.ToolbarPlacement="Bottom"
android:TabbedPage.BarItemColor="Black"
android:TabbedPage.BarSelectedItemColor="{DynamicResource BarSelectedItemColor}">
<TabbedPage.Resources>
<ResourceDictionary>
<Color x:Key="BlueColor">Blue</Color>
<Color x:Key="YellowColor">Yellow</Color>
</ResourceDictionary>
</TabbedPage.Resources>
...
</TabbedPage>
可以在ContentPage
設置要更改顏色的位置,如下所示:
Resources["BarSelectedItemColor"] = Resources["BlueColor"];
...
Resources["BarSelectedItemColor"] = Resources["YellowColor"];
如果不需要使用此渲染器,則應注釋其參考。 我的表格答案代碼將起作用。
//[assembly: ExportRenderer(typeof(TabbedPage), typeof(TabRenderer))]
並應在Xaml中刪除此屬性:
<TabbedPage.BarTextColor>
<OnPlatform x:TypeArguments="Color">
<On Platform="Android" Value="Green" />
</OnPlatform>
</TabbedPage.BarTextColor>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.