xamarin的变化.在运行时形成颜色
本文关键字:颜色 运行时 变化 xamarin | 更新日期: 2023-09-27 18:03:06
我正在使用xamarin制作一个应用程序。表单和我已经设置了一个配色方案,我希望能够在设置中更改为深色风格或浅色风格,现在这一切都有效,除了我每次选择不同的配色方案后都要重新启动应用程序。
这里是我试图在运行时更改它的地方
private void DarkThemeClick(object sender, EventArgs e)
{
database.DropTable(new StyleModel());
database.CreateTable(new StyleModel());
database.SaveItem(new StyleModel() { ThemeNum = 1 });
App.ActiveStyle = new DarkStyle();
}
private void LightThemeClick(object sender, EventArgs e)
{
database.DropTable(new StyleModel());
database.CreateTable(new StyleModel());
database.SaveItem(new StyleModel() { ThemeNum = 0 });
App.ActiveStyle = new LightStyle();
}
这里有一个例子,我想改变
上的颜色 using System;
using TestXamForms.Style;
using Xamarin.Forms;
namespace TestXamForms.Helpers
{
class EntryValueCell : StackLayout
{
public EntryValueCell(string key,int FieldIdx, string value = "", bool isNumber = false)
{
Entry entry;
Label label = new Label()
{
TextColor = App.ActiveStyle.LabelTextColor,
Text = key,
HorizontalOptions = LayoutOptions.End
};
if (isNumber)
{
entry = new Entry()
{
ClassId = FieldIdx.ToString(),
TextColor = App.ActiveStyle.LabelTextColor,
HorizontalOptions = LayoutOptions.FillAndExpand,
Keyboard = Keyboard.Numeric,
Text = value,
};
}
else
{
entry = new Entry()
{
ClassId = FieldIdx.ToString(),
TextColor = App.ActiveStyle.LabelTextColor,
HorizontalOptions = LayoutOptions.FillAndExpand,
Keyboard = Keyboard.Text,
Text = value
};
}
BackgroundColor = App.ActiveStyle.StackLayoutBackground;
Orientation = StackOrientation.Horizontal;
VerticalOptions = LayoutOptions.FillAndExpand;
Children.Add(label);
Children.Add(entry);
}
}
}
这里有一个配色方案的例子
using Xamarin.Forms;
namespace TestXamForms.Style
{
public class LightStyle : StyleBase
{
public LightStyle()
{
LabelTextColor = Color.Black;
ButtonColor = Color.FromHex("337ab7");
StackLayoutBackground = Color.FromHex("eff0f1");
InputBackgroundColor = Color.White;
PlaceHolderColor = Color.Gray;
TableColor = Color.FromHex("e6e6e6");
StacklayoutBorderColor = Color.Black;
}
}
}
这里是上面文件继承的styleBase
using TestXamForms.Models;
using Xamarin.Forms;
namespace TestXamForms.Style
{
public class StyleBase : ModelBase
{
public enum ThemeNum : int
{
Light = 0, Dark = 1
}
public Color LabelTextColor { get; set; }
public Color ButtonColor { get; set; }
public Color StackLayoutBackground { get; set; }
public Color InputBackgroundColor { get; set; }
public Color PlaceHolderColor { get; set; }
public Color StacklayoutBorderColor { get; set; }
public Color TableColor { get; set; }
public int ThemeNums { get; set; }
}
}
这里是app .cs文件中在应用程序启动时加载配色方案的部分
static StyleBase activeStyle { get; set; }
public static StyleBase ActiveStyle
{
get
{
if (activeStyle == null)
{
StyleModel styleBase = database.GetItems(new StyleModel()).First();
if (styleBase == null)
{
database.SaveItem(new StyleModel() { ThemeNum = 0 }); //sets the default color scheme to light style
styleBase = database.GetItems(new StyleModel()).First();
}
int themeNum = styleBase.ThemeNum;
switch (themeNum)
{
case (int)StyleBase.ThemeNum.Dark:
activeStyle = new DarkStyle();
break;
case (int)StyleBase.ThemeNum.Light:
activeStyle = new LightStyle();
break;
}
}
return activeStyle;
}
set { } }
看看这篇博文。特别是关于DynamicResources
和Styles
的部分。
<Application
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Your.App">
<Application.Resources>
<ResourceDictionary>
<Color x:Key="backgroundColor">#33302E</Color>
<Color x:Key="textColor">White</Color>
</ResourceDictionary>
</Application.Resources>
</Application>
现在设置你的资源
<Label Text="{Binding Name}" FontSize="Medium" FontAttributes = "Bold" TextColor = "{DynamicResource textColor}" LineBreakMode="NoWrap"/>
<Label Text="{Binding Text}" FontSize="Small" LineBreakMode="WordWrap" TextColor = "{DynamicResource textColor}"/>
现在在代码中你可以动态地改变你的资源
App.Current.Resources ["backgroundColor"] = Color.White;
App.Current.Resources ["textColor"] = Color.Black;
如果你使用的是2.3,你也可以尝试内置的主题
你所面临的问题是,一切都已经渲染,你没有绑定到任何属性,将重新渲染你在代码中所做的更改到UI。您可以采用MVVM方法并创建属性并绑定到它们,并在UI线程中更改它们时通知它们。
如果你只对黑暗和光明主题感兴趣,那么你可以使用内置的光明主题和黑暗主题。您还可以创建自定义主题。
一个主题被添加到Xamarin。的形式应用程序base Nuget包,外加一个附加包它定义了一个特定的主题(例如:Xamarin.Forms.Theme.Light)或其他可以为应用程序定义一个本地主题。
除了自动为常用控件设计样式,Light和Dark主题目前还支持以下类,这些类可以通过在这些控件上设置StyleClass来应用:
-
BoxView -HorizontalRule,圆,圆形的
- -
图像圆,圆形,缩略图
- -
按钮默认情况下,主要的成功,信息,警告,危险,链接,小,大
- -
标签头,小标题,的身体,链接,逆
要向应用程序添加主题,请执行以下操作:
-
将Nuget包添加到项目中。
-
在App.xaml中添加主题到资源字典
-
使用Style类在主题中应用预定义的样式类。
<Button Text="Button Class Default" StyleClass="Default" /> <Button Text="Button Class Primary" StyleClass="Primary" /> <Button Text="Button Class Success" StyleClass="Success" />
阅读更多关于主题在这里。