private void ApplyTheme()
{
Application.Current.Resources = new ResourceDictionary ();
// Global styles for all controls of these types
var labelStyle = new Style (typeof(Label)) {
Setters = {
new Setter { Property = Label.TextColorProperty, Value = Device.OnPlatform<Color>(Color.FromHex("484848"), Color.FromHex("ECECEC"), Color.FromHex("ECECEC")) },
new Setter { Property = Label.FontSizeProperty, Value = 12 },
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform<string>(IOS_FONT_NAME_NORMAL, ANDROID_FONT_NAME_NORMAL, WINDOWS_FONT_NAME_NORMAL) },
}
};
Application.Current.Resources.Add (labelStyle);
var buttonStyle = new Style (typeof(Button)) {
Setters = {
new Setter { Property = Button.TextColorProperty, Value = Color.FromHex("161616") },
new Setter { Property = Button.FontFamilyProperty, Value = Device.OnPlatform<string>(IOS_FONT_NAME_BOLD, ANDROID_FONT_NAME_BOLD, WINDOWS_FONT_NAME_BOLD) },
}
};
Application.Current.Resources.Add (buttonStyle);
var pageStyle = new Style (typeof(ContentPage)) {
Setters = {
new Setter { Property = ContentPage.PaddingProperty, Value = Device.OnPlatform<Thickness>(new Thickness(0, 20, 0, 0), 0, 0) },
}
};
Application.Current.Resources.Add (pageStyle);
}
public ImplicitStyleCSharp()
{
var entryStyle = new Xamarin.Forms.Style(typeof(Entry))
{
Setters =
{
new Setter {
Property = Entry.TextColorProperty, Value = Color.Blue
}
}
};
Resources = new ResourceDictionary();
Resources.Add(entryStyle);
Content = new StackLayout {
Children =
{
new Entry {
Text = "These entries"
},
new Entry {
Text = "are demostrating"
},
new Entry {
Text = "implicit styles,"
},
new Entry {
Text = "and an implicit style override", BackgroundColor = Color.Lime
},
}
};
}
public SimpleTriggerPage ()
{
var t = new Trigger (typeof(Entry));
t.Property = Entry.IsFocusedProperty;
t.Value = true;
t.Setters.Add (new Setter {Property = Entry.ScaleProperty, Value = 1.5 } );
var s = new Style (typeof(Entry));
s.Setters.Add (new Setter { Property = AnchorXProperty, Value = 0} );
s.Triggers.Add (t);
Resources = new ResourceDictionary ();
Resources.Add (s);
Padding = new Thickness (20, 50, 120, 0);
Content = new StackLayout {
Spacing = 20,
Children = {
new Entry { Placeholder = "enter name" },
new Entry { Placeholder = "enter address" },
new Entry { Placeholder = "enter city and name" },
}
};
}
public App()
{
#region // スタイル設定
Application.Current.Resources = new ResourceDictionary();
var fsi = "20";
var fsa = "30";
var fswp = "40";
var appTitleLabel = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.TextColorProperty, Value = Color.FromHex("AA3333") }, // 薄紫
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(fsi,fsa,fswp) },
}
};
Application.Current.Resources.Add("TitleLabel", appTitleLabel);
var nav = new NavigationPage(new StartPage());
nav.BarBackgroundColor = Color.FromHex("3498DB");
nav.BarTextColor = Color.White;
MainPage = nav;
}
public SaveToDictionaryCS()
{
var labelStyle = new Style(typeof(Label))
{
Setters = {
new Setter { Property = Label.XAlignProperty, Value = TextAlignment.End },
new Setter { Property = Label.YAlignProperty, Value = TextAlignment.Center },
new Setter { Property = Label.WidthRequestProperty, Value = 150 }
}
};
var labelName = new Label { Text = "Name:", Style = labelStyle };
entryName = new Entry { Placeholder = "Input your name", HorizontalOptions = LayoutOptions.FillAndExpand };
var labelBirthday = new Label { Text = "Birthday:", Style = labelStyle };
pickerBirthday = new DatePicker { Date = new DateTime(1990, 1, 1) };
var labelLike = new Label { Text = "Like Xamarin?", Style = labelStyle };
switchLike = new Switch { };
var saveButton = new Button { Text = "Save", HorizontalOptions = LayoutOptions.FillAndExpand };
saveButton.Clicked += saveButton_Clicked;
var loadButton = new Button { Text = "Load", HorizontalOptions = LayoutOptions.FillAndExpand };
loadButton.Clicked += loadButton_Clicked;
var clearButton = new Button { Text = "Clear", HorizontalOptions = LayoutOptions.FillAndExpand };
clearButton.Clicked += clearButton_Clicked;
resultLabel = new Label { Text = "", FontSize = 30 };
Title = "Save to dictionary (C#)";
Content = new StackLayout
{
Padding = 10,
Spacing = 10,
Children = {
new Label { Text = "DataSave Sample", FontSize = 40, HorizontalOptions = LayoutOptions.Center },
new StackLayout {
Orientation = StackOrientation.Horizontal,
Children = {
labelName, entryName
}
},
new StackLayout {
Orientation = StackOrientation.Horizontal,
Children = {
labelBirthday, pickerBirthday
}
},
new StackLayout {
Orientation = StackOrientation.Horizontal,
Children = {
labelLike, switchLike
}
},
new StackLayout {
Orientation = StackOrientation.Horizontal,
Children = {
saveButton, loadButton, clearButton
}
},
resultLabel
}
};
}
public App ()
{
InitializeComponent ();
// The Application ResourceDictionary is available in Xamarin.Forms 1.3 and later
if (Application.Current.Resources == null) {
Application.Current.Resources = new ResourceDictionary();
}
var appStyle = new Style (typeof(Label)) {
BaseResourceKey = Device.Styles.SubtitleStyleKey,
Setters = {
new Setter { Property = Label.TextColorProperty, Value = Color.Green }
}
};
Application.Current.Resources.Add ("AppStyle", appStyle);
var boxStyle = new Style (typeof(BoxView)) {
Setters = {
new Setter { Property = BoxView.ColorProperty, Value = Color.Aqua }
}
};
Application.Current.Resources.Add (boxStyle); // implicit style for ALL boxviews
var tabs = new TabbedPage ();
tabs.Children.Add (new StylePage {Title = "C#", Icon = "csharp.png"});
tabs.Children.Add (new StyleXaml {Title = "Xaml", Icon = "xaml.png"});
tabs.Children.Add (new DynamicResourceXaml {Title = "Dynamic", Icon = "xaml.png"});
//tabs.Children.Add (new OldResourceDictionary {Title = "Old", Icon = "xaml.png"});
MainPage = tabs;
}
private static void ApplyStyle(BindableObject bindable, Style newvalue)
{
foreach (var setter in newvalue.Setters )
{
bindable.SetValue(setter.Property, setter.Value);
}
}
public static void RegisterGlobalStyles ()
{
Application.Current.Resources = new ResourceDictionary ();
var buttonStyle = new Style (typeof(Button)) {
Setters = {
new Setter { Property = Button.BackgroundColorProperty, Value = Colors.ButtonBackgroundColor },
new Setter { Property = Button.BorderRadiusProperty, Value = 0 },
new Setter { Property = Button.BorderWidthProperty, Value = 0 },
new Setter { Property = Button.FontAttributesProperty, Value = FontAttributes.None },
new Setter { Property = Button.FontFamilyProperty, Value = "HelveticaNeue-Thin" },
new Setter { Property = Button.FontSizeProperty, Value = 25 },
new Setter { Property = Button.TextColorProperty, Value = Colors.ButtonTextColor }
}
};
var mainLabelStyle = new Style (typeof(Label)) {
Setters = {
new Setter { Property = Label.BackgroundColorProperty , Value = Color.Transparent },
new Setter { Property = Label.FontAttributesProperty , Value = FontAttributes.None },
new Setter { Property = Label.FontFamilyProperty , Value = "HelveticaNeue-Thin" },
new Setter { Property = Label.FontSizeProperty , Value = 32f },
new Setter { Property = Label.HorizontalOptionsProperty , Value = LayoutOptions.Center },
new Setter { Property = Label.TextColorProperty , Value = Color.White }
}
};
Application.Current.Resources.Add (buttonStyle);
Application.Current.Resources.Add ("MainLabelStyle", mainLabelStyle);
}
private void InitializeComponent()
{
this.LoadFromXaml(typeof(ChatPage));
btnStyle = this.FindByName<Style>("btnStyle");
lstMensagem = this.FindByName<ListView>("lstMensagem");
txtMensagem = this.FindByName<Entry>("txtMensagem");
btnEnviarMensagem = this.FindByName<Button>("btnEnviarMensagem");
}
private static Setter GetPaddingFromStyle(Style style)
{
if (style == null || style.Setters == null)
{
return null;
}
return style.Setters.FirstOrDefault(s => s.Property == Frame.PaddingProperty);
}
public App()
{
#region Style
var contentPageStyle = new Style(typeof(ContentPage))
{
Setters = {
new Setter { Property = ContentPage.BackgroundColorProperty, Value = Constants.palette.primary },
}
};
var labelStyle = new Style(typeof(Label))
{
Setters = {
new Setter { Property = Label.TextColorProperty, Value = Constants.palette.primary_text },
}
};
var editorStyle = new Style(typeof(Editor))
{
Setters = {
new Setter { Property = Editor.TextColorProperty, Value = Constants.palette.primary_text },
new Setter { Property = Editor.BackgroundColorProperty, Value = Constants.palette.primary_light },
}
};
var buttonStyle = new Style(typeof(Button))
{
Setters = {
new Setter { Property = Button.TextColorProperty, Value = Constants.palette.primary_text },
new Setter { Property = Button.BackgroundColorProperty, Value = Constants.palette.primary_light },
}
};
var switchStyle = new Style(typeof(Switch))
{
Setters = {
new Setter { Property = Switch.BackgroundColorProperty, Value = Constants.palette.primary_light },
}
};
Resources = new ResourceDictionary();
Resources.Add("contentPageStyle", contentPageStyle);
Resources.Add("labelStyle", labelStyle);
Resources.Add("editorStyle", editorStyle);
#endregion
// The root page of your application
mainPage = new NavigationPage(new mainPage())
{
BarBackgroundColor = Constants.palette.primary_dark,
BarTextColor = Constants.palette.icons,
Title = "VOCAB MASTER",
};
MainPage = mainPage;
}
public void InitStyles()
{
Application.Current.Resources = new ResourceDictionary();
var buttonStyle = new Style(typeof(Button))
{
Setters = {
new Setter { Property = Button.TextColorProperty, Value = Color.White },
new Setter { Property = Button.BackgroundColorProperty, Value = Color.FromRgb(71, 87, 112) }
}
};
Application.Current.Resources.Add("ButtonStyle", buttonStyle);
}
public App()
{
// The root page of your application
MainPage = new NavigationPage(new Inicio());
// Amostra grátis de Styles
var btnStyle = new Style(typeof(Button));
btnStyle.Setters.Add(new Setter() { Property = Button.BackgroundColorProperty, Value = Color.Red });
btnStyle.Setters.Add(new Setter() { Property = Button.TextColorProperty, Value = Color.White });
Resources = new ResourceDictionary();
Resources.Add(btnStyle);
}
public LabelStyles(Color firstColor, Color secondColor)
{
display4 = CreateStyle (firstColor, 76, StyleKit.LightFont);
display3 = CreateStyle (firstColor, 50, StyleKit.RegularFont);
display2 = CreateStyle (firstColor, 42, StyleKit.RegularFont);
display = CreateStyle (firstColor, 30, StyleKit.RegularFont);
headline = CreateStyle (secondColor, 20, StyleKit.RegularFont, LineBreakMode.WordWrap);
title = CreateStyle (firstColor, 16, StyleKit.MediumFont);
subhead = CreateStyle (secondColor, 14, StyleKit.RegularFont, LineBreakMode.WordWrap);
body2 = CreateStyle (firstColor, 12, StyleKit.MediumFont, LineBreakMode.WordWrap);
body = CreateStyle (firstColor, 12, StyleKit.RegularFont, LineBreakMode.WordWrap);
caption = CreateStyle (secondColor, 9, StyleKit.RegularFont, LineBreakMode.WordWrap);
action = CreateStyle (firstColor, 16, StyleKit.LightFont, LineBreakMode.WordWrap);
}
public App()
{
// The root page of your application
MainPage = new NavigationPage(new SearchPatient());
Current.Resources = new ResourceDictionary();
Current.Resources.Add("UlycesColor", Color.FromRgb(121, 248, 81));
var navigationStyle = new Style(typeof (NavigationPage));
var barTextColorSetter = new Setter {Property = NavigationPage.BarTextColorProperty, Value = Color.White};
var barBackgroundColorSetter= new Setter {Property = NavigationPage.BarBackgroundColorProperty, Value = Color.Red};
navigationStyle.Setters.Add(barTextColorSetter );
navigationStyle.Setters.Add(barBackgroundColorSetter);
Current.Resources.Add(navigationStyle);
}
private View CreateContent()
{
var labelRedStyle = new Xamarin.Forms.Style(typeof(Label))
{
Setters = { CreateColorSetter(Color.Red), CreateOptionsSetter() }
};
var labelBlueStyle = new Xamarin.Forms.Style(typeof(Label))
{
Setters = { CreateColorSetter(Color.Blue), CreateOptionsSetter() }
};
var labelGreenStyle = new Xamarin.Forms.Style(typeof(Label))
{
Setters = { CreateColorSetter(Color.Green), CreateOptionsSetter() }
};
var resources = new ResourceDictionary();
resources.Add("labelRedStyle", labelRedStyle);
resources.Add("labelBlueStyle", labelBlueStyle);
resources.Add("labelGreenStyle", labelGreenStyle);
var layout = new StackLayout {
Children =
{
new Label {
Text = "These labels", Style = labelRedStyle
},
new Label {
Text = "are demonstrating", Style = labelGreenStyle
},
new Label {
Text = "explict styles,", Style = labelBlueStyle
},
new Label {
Text = "and an explict style override", Style = labelGreenStyle
}
}
};
layout.Resources = resources;
return(layout);
}
public DateTimeView(Card card)
{
var labelStyle = new Style (typeof(Label))
.Set (Label.FontSizeProperty, 8)
.Set (Label.TextColorProperty, StyleKit.MediumGrey)
.Set (Image.VerticalOptionsProperty, LayoutOptions.Center);
var iconStyle = new Style (typeof(Image))
.Set (Image.HeightRequestProperty, 10)
.Set (Image.WidthRequestProperty, 10)
.Set (Image.VerticalOptionsProperty, LayoutOptions.Center);
var stack = new StackLayout () {
VerticalOptions = LayoutOptions.Center,
HeightRequest = 20,
Padding = new Thickness (0),
Orientation = StackOrientation.Horizontal,
Children = {
new Image () {
Style = iconStyle,
Source = StyleKit.Icons.SmallCalendar,
},
new Label () {
//Text = card.DueDate.ToShortDateString (),
Style = labelStyle,
},
new BoxView () { Color = Color.Transparent, WidthRequest = 20 },
new Image () {
Style = iconStyle,
Source = StyleKit.Icons.SmallClock,
},
new Label () {
Text = card.DirationInMinutes.ToString () + " Minutes",
Style = labelStyle,
}
}
};
Content = stack;
}
public App()
{
Application.Current.Resources = new ResourceDictionary ();
// Create implicit styles for elements
var buttonStyle = new Style (typeof(Button)) {
Setters = {
new Setter { Property = Button.BackgroundColorProperty, Value = Color.FromHex(ThemeColors.Accent) },
new Setter { Property = Button.TextColorProperty, Value = Color.FromHex(ThemeColors.TextIcons) },
new Setter { Property = Button.BorderRadiusProperty, Value = 0 },
new Setter { Property = Button.HeightRequestProperty, Value = 42 }
}
};
Application.Current.Resources.Add(buttonStyle);
var entryStyle = new Style (typeof(Entry)) {
Setters = {
new Setter { Property = Entry.TextColorProperty, Value = Color.FromHex(ThemeColors.PrimaryText) },
}
};
Application.Current.Resources.Add(entryStyle);
var labelStyle = new Style (typeof(Label)) {
Setters = {
new Setter { Property = Label.TextColorProperty, Value = Color.FromHex(ThemeColors.PrimaryText) },
}
};
Application.Current.Resources.Add(labelStyle);
var pickerStyle = new Style (typeof(Picker)) {
Setters = {
new Setter { Property = Picker.BackgroundColorProperty, Value = Color.FromHex(ThemeColors.Accent) },
}
};
Application.Current.Resources.Add(pickerStyle);
// The root page of your application
this.MainPage = new NavigationDrawer();
}
public Inicio()
{
InitializeComponent();
//lblSubTitle.Style = Device.Styles.SubtitleStyle;
//lblTitle.Style = Device.Styles.TitleStyle;
//lblBody.Style = Device.Styles.BodyStyle;
//lblCaption.Style = Device.Styles.CaptionStyle;
//lblItemDetail.Style = Device.Styles.ListItemDetailTextStyle;
//lblItemText.Style = Device.Styles.ListItemTextStyle;
var estiloTitulo = new Style(typeof(Label))
{
Setters =
{
new Setter {Property = Label.TextColorProperty, Value=Color.Yellow},
new Setter {Property = Label.FontSizeProperty, Value = 30},
new Setter {Property = Label.XAlignProperty, Value = TextAlignment.Center}
}
};
lblTitle.Style = estiloTitulo;
}
public App()
{
#region // スタイル設定
Application.Current.Resources = new ResourceDictionary();
var appTitleLabel = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.TextColorProperty, Value = Color.FromHex("554575") }, // 薄紫
new Setter { Property = Label.FontSizeProperty, Value = Device.GetNamedSize(NamedSize.Large, typeof(Label)) },
}
};
Application.Current.Resources.Add("TitleLabel", appTitleLabel);
var SubColoredLabel = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.TextColorProperty, Value = Color.FromHex("999") }
}
};
Application.Current.Resources.Add("SubColoredLabel", SubColoredLabel);
#endregion
//9783bf
var nav = new NavigationPage(new StartPageCS());
nav.BarBackgroundColor = Color.FromHex("8c70c1");
if (Device.OS == TargetPlatform.Windows)
{
nav.BarTextColor = Color.Black;
}
else
{
nav.BarTextColor = Color.White;
}
MainPage = nav;
}
public LoginPage()
{
InitializeComponent ();
// Invia.Image = "icon.png";
var buttonStyle = new Style (typeof(Button)) {
Setters = {
new Setter { Property = Button.BackgroundColorProperty, Value = Color.Green },
new Setter { Property = Button.BorderColorProperty, Value = Color.Blue },
new Setter { Property = Button.BorderRadiusProperty, Value = 10 },
new Setter { Property = Button.HeightRequestProperty, Value = 42 }
}
};
this.Invia.Style = buttonStyle;
// if (App.Current.Resources == null) {
// App.Current.Resources = new ResourceDictionary ();
//}
// App.Current.Resources.Add (buttonStyle);
Invia.Clicked += Invia_Clicked;;
}
private void SetGlobalStyles()
{
var button = new Style(typeof (Button))
{
Setters =
{
new Setter {Property = Button.BackgroundColorProperty, Value = Color.FromHex("3499DB")},
new Setter {Property = Button.TextColorProperty, Value = Color.White},
}
};
// add button style
Resources.Add(button);
var page = new Style(typeof(ContentPage))
{
Setters =
{
new Setter {Property = VisualElement.BackgroundColorProperty, Value = Color.White}
}
};
// add page style
Resources.Add(page);
// create identical page styles
foreach (var key in _pages.Values)
{
var derived = new Style(key)
{
BasedOn = page
};
Resources.Add(derived);
}
}
public Style GeneratePageStyle()
{
var themeStyle = new Style(typeof(ContentPage))
{
Setters = {
new Setter { Property = ContentPage.BackgroundColorProperty, Value = m_theme.backgroundColour }
}
};
return themeStyle;
}
public Style GenerateButtonStyle()
{
var themeStyle = new Style(typeof(Button))
{
Setters = {
new Setter { Property = Button.BackgroundColorProperty, Value = m_theme.backgroundColour },
new Setter { Property = Button.TextColorProperty, Value = m_theme.fontColour },
/*new Setter { Property = Button.FontProperty, Value = m_theme.font },*/
new Setter { Property = Button.FontSizeProperty, Value = Device.GetNamedSize(m_theme.fontSize, typeof(Button)) },
new Setter { Property = Button.BorderColorProperty, Value = Color.White },
new Setter { Property = Button.BorderRadiusProperty, Value = 2 },
new Setter { Property = Button.BorderWidthProperty, Value = 2 }
}
};
return themeStyle;
}
public Style GeneratePickerStyle()
{
var themeStyle = new Style(typeof(Picker))
{
Setters = {
new Setter { Property = Picker.BackgroundColorProperty, Value = m_theme.backgroundColour },
new Setter { Property = Picker.StyleProperty, Value = GenerateLabelStyle() }
}
};
return themeStyle;
}
public Style GenerateEntryStyle()
{
var themeStyle = new Style(typeof(Entry))
{
Setters = {
new Setter { Property = Entry.BackgroundColorProperty, Value = m_theme.backgroundColour },
new Setter { Property = Entry.TextColorProperty, Value = m_theme.fontColour }
}
};
return themeStyle;
}
private void SetStyles()
{
Resources = new ResourceDictionary ();
var contentStyle = new Style (typeof(ContentPage)) {
Setters = {
new Setter {
Property = ContentPage.BackgroundColorProperty,
Value = Color.White
}
}
};
Resources.Add (contentStyle);
var entryStyle = new Style (typeof(Entry)) {
Setters = {
new Setter {
Property = Entry.BackgroundColorProperty,
Value = Color.FromHex("EEEEEE")
},
new Setter {
Property = Entry.TextColorProperty,
Value = Color.FromHex("333333")
},
new Setter {
Property = Entry.HorizontalOptionsProperty,
Value = LayoutOptions.FillAndExpand
},
new Setter {
Property = Entry.VerticalOptionsProperty,
Value = LayoutOptions.CenterAndExpand
}
}
};
Resources.Add (entryStyle);
var editorStyle = new Style (typeof(Editor)) {
Setters = {
new Setter {
Property = Editor.BackgroundColorProperty,
Value = Color.FromHex("EEEEEE")
},
new Setter {
Property = Editor.TextColorProperty,
Value = Color.FromHex("333333")
},
new Setter {
Property = Editor.HorizontalOptionsProperty,
Value = LayoutOptions.FillAndExpand
},
new Setter {
Property = Editor.VerticalOptionsProperty,
Value = LayoutOptions.FillAndExpand
}
}
};
Resources.Add (editorStyle);
var pickerStyle = new Style (typeof(Picker)) {
Setters = {
new Setter {
Property = Picker.BackgroundColorProperty,
Value = Color.FromHex("EEEEEE")
},
new Setter {
Property = Picker.HorizontalOptionsProperty,
Value = LayoutOptions.FillAndExpand
},
new Setter {
Property = Picker.VerticalOptionsProperty,
Value = LayoutOptions.CenterAndExpand
}
}
};
Resources.Add (pickerStyle);
var datePickerStyle = new Style (typeof(DatePicker)) {
Setters = {
new Setter {
Property = DatePicker.BackgroundColorProperty,
Value = Color.FromHex("EEEEEE")
},
new Setter {
Property = DatePicker.HorizontalOptionsProperty,
Value = LayoutOptions.FillAndExpand
},
new Setter {
Property = DatePicker.VerticalOptionsProperty,
Value = LayoutOptions.CenterAndExpand
}
}
};
Resources.Add (datePickerStyle);
var buttonStyle = new Style (typeof(Button)) {
Setters = {
new Setter {
Property = Button.BackgroundColorProperty,
Value = Color.FromHex("DDDDDD")
},
new Setter {
Property = Button.BorderRadiusProperty,
Value = 5
},
new Setter {
Property = Button.BorderWidthProperty,
Value = 2
},
new Setter {
Property = Button.BorderColorProperty,
Value = Color.FromHex("444444")
},
new Setter {
Property = Button.TextColorProperty,
Value = Color.FromHex("333333")
},
new Setter {
Property = Button.HorizontalOptionsProperty,
Value = LayoutOptions.FillAndExpand
},
new Setter {
Property = Button.VerticalOptionsProperty,
Value = LayoutOptions.CenterAndExpand
}
}
};
Resources.Add (buttonStyle);
var labelStyle = new Style (typeof(Label)) {
Setters = {
new Setter {
Property = Label.TextColorProperty,
Value = Color.FromHex ("333333")
}
}
};
Resources.Add (labelStyle);
}
public override void Load()
{
#region Style PageTitle
Style pageTitleStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(18, 21, 25) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(255, 255, 255) },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.TailTruncation }
}
};
#endregion
#region Style Title
Style titleStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(14, 14, 18) },
new Setter { Property = Label.FontAttributesProperty, Value = FontAttributes.Bold },
new Setter { Property = Label.TextColorProperty, Value = Color.FromHex("444") },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.TailTruncation }
}
};
#endregion
#region Style Description
Style descriptionStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(13, 13, 17) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromHex("444") },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.TailTruncation }
}
};
#endregion
#region Style Description
Style descriptionLightStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(13, 13, 17) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(255, 255, 255) },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.WordWrap }
}
};
#endregion
#region Style ListTitle
Style listTitleStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(14, 15, 19) },
new Setter { Property = Label.FontAttributesProperty, Value = FontAttributes.Bold },
new Setter { Property = Label.TextColorProperty, Value = Color.FromHex("444") },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.TailTruncation }
}
};
#endregion
#region Style ListPercent
Style listPercentStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(16, 18, 22) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(206, 58, 24) },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap }
}
};
#endregion
#region Style ListPercentSymbol
Style listPercentSymbolStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.TextProperty, Value = "%" },
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontAttributesProperty, Value = FontAttributes.Bold },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(12, 12, 16) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(206, 58, 24) },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap },
new Setter { Property = Label.TranslationYProperty, Value = -2 }
}
};
#endregion
#region Style LabelPercent
Style labelPercentStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(21, 21, 25) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(255, 255, 255) },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap }
}
};
#endregion
#region Style LabelPercentSymbol
Style labelPercentSymbolStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.TextProperty, Value = "%" },
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(11, 11, 15) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(255, 255, 255) },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap },
new Setter { Property = Label.TranslationYProperty, Value = -2 }
}
};
#endregion
#region Style LinkStyle
Style linkStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(13, 13, 17) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromHex("005EB8") },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.TailTruncation }
}
};
#endregion
#region Style MenuStyle
Style menuStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(17, 17, 22) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromHex("EEE") },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap }
}
};
#endregion
#region Style MenuHint
Style menuHintStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(13, 13, 18) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromHex("EEE") },
new Setter { Property = Label.OpacityProperty, Value = 0.5 },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap }
}
};
#endregion
#region Style Menu disabled
Style menuDisabledStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(17, 17, 22) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromHex("7F7F7F") },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap }
}
};
#endregion
#region Style Categoty
Style categoryStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontAttributesProperty, Value = FontAttributes.Bold },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(9, 11, 15) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(255, 255, 255) },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap }
}
};
#endregion
#region Style DetailTitle
Style detailTitleStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(18, 21, 25) },
new Setter { Property = Label.FontAttributesProperty, Value = FontAttributes.Bold },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(68, 68, 68) },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.TailTruncation }
}
};
#endregion
#region Style DetailDistance
Style detailDistanceStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(42, 42, 46) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(60, 68, 68) },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap }
}
};
#endregion
#region Style DetailPhone
Style detailPhoneStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(19, 22, 26) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(0, 94, 184) },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap }
}
};
#endregion
#region Style Setting
Style settingStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(17, 17, 21) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(255, 255, 255) },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap }
}
};
#endregion
#region Style SettingHint
Style settingHintStyle = new Style(typeof(Label))
{
Setters =
{
new Setter { Property = Label.FontFamilyProperty, Value = Device.OnPlatform("Arial", "Arial", "Arial") },
new Setter { Property = Label.FontSizeProperty, Value = Device.OnPlatform(13, 13, 17) },
new Setter { Property = Label.TextColorProperty, Value = Color.FromRgb(255, 255, 255) },
new Setter { Property = Label.OpacityProperty, Value = 0.5 },
new Setter { Property = Label.LineBreakModeProperty, Value = LineBreakMode.NoWrap }
}
};
#endregion
Resources.Add(PageTitleStyle, pageTitleStyle);
Resources.Add(TitleStyle, titleStyle);
Resources.Add(DescriptionStyle, descriptionStyle);
Resources.Add(DescriptionLightStyle, descriptionLightStyle);
Resources.Add(ListTitleStyle, listTitleStyle);
Resources.Add(ListPercentStyle, listPercentStyle);
Resources.Add(ListPercentSymbolStyle, listPercentSymbolStyle);
Resources.Add(LabelPercentStyle, labelPercentStyle);
Resources.Add(LabelPercentSymbolStyle, labelPercentSymbolStyle);
Resources.Add(LinkStyle, linkStyle);
Resources.Add(MenuStyle, menuStyle);
Resources.Add(MenuHintStyle, menuHintStyle);
Resources.Add(MenuDisabledStyle, menuDisabledStyle);
Resources.Add(CategoryStyle, categoryStyle);
Resources.Add(DetailTitleStyle, detailTitleStyle);
Resources.Add(DetailDistanceStyle, detailDistanceStyle);
Resources.Add(DetailPhoneStyle, detailPhoneStyle);
Resources.Add(SettingStyle, settingStyle);
Resources.Add(SettingHintStyle, settingHintStyle);
}
public static BoxView CreateSeparator(Style style)
{
return new BoxView {
Style = style
};
}
public SaveByVMCS()
{
BindingContext = vm;
var labelStyle = new Style(typeof(Label))
{
Setters = {
new Setter { Property = Label.XAlignProperty, Value = TextAlignment.End },
new Setter { Property = Label.YAlignProperty, Value = TextAlignment.Center },
new Setter { Property = Label.WidthRequestProperty, Value = 150 }
}
};
var labelName = new Label { Text = "Name:", Style = labelStyle };
entryName = new Entry { Placeholder = "Input your name", HorizontalOptions = LayoutOptions.FillAndExpand };
entryName.SetBinding(Entry.TextProperty, "Name", mode: BindingMode.TwoWay);
var labelBirthday = new Label { Text = "Birthday:", Style = labelStyle };
var pickerBirthday = new DatePicker { };
pickerBirthday.SetBinding(DatePicker.DateProperty, "Birthday", mode: BindingMode.TwoWay);
var labelLike = new Label { Text = "Like Xamarin?", Style = labelStyle };
var switchLike = new Switch { };
switchLike.SetBinding(Switch.IsToggledProperty, "Like", mode: BindingMode.TwoWay);
var saveButton = new Button { Text = "Save", HorizontalOptions = LayoutOptions.FillAndExpand };
saveButton.Clicked += saveButton_Clicked;
var loadButton = new Button { Text = "Load", HorizontalOptions = LayoutOptions.FillAndExpand };
loadButton.Clicked += loadButton_Clicked;
var clearButton = new Button { Text = "Clear", HorizontalOptions = LayoutOptions.FillAndExpand };
clearButton.Clicked += clearButton_Clicked;
resultLabel = new Label { Text = "", FontSize = 30 };
Title = "Save to dic by vm (C#)";
Content = new StackLayout
{
Padding = 10,
Spacing = 10,
Children = {
new Label { Text = "DataSave Sample", FontSize = 40, HorizontalOptions = LayoutOptions.Center },
new StackLayout {
Orientation = StackOrientation.Horizontal,
Children = {
labelName, entryName
}
},
new StackLayout {
Orientation = StackOrientation.Horizontal,
Children = {
labelBirthday, pickerBirthday
}
},
new StackLayout {
Orientation = StackOrientation.Horizontal,
Children = {
labelLike, switchLike
}
},
new StackLayout {
Orientation = StackOrientation.Horizontal,
Children = {
saveButton, loadButton, clearButton
}
},
resultLabel
}
};
}
public Style GenerateLabelStyle()
{
var themeStyle = new Style(typeof(Label))
{
Setters = {
new Setter { Property = Label.BackgroundColorProperty, Value = m_theme.backgroundColour },
/*new Setter { Property = Label.FontProperty, Value = m_theme.font },*/
new Setter { Property = Label.FontSizeProperty, Value = Device.GetNamedSize(m_theme.fontSize, typeof(Label)) },
new Setter { Property = Label.TextColorProperty, Value = m_theme.fontColour }
}
};
return themeStyle;
}
public TopPage()
{
Label labeliOSDevCamp = new Label
{
Text = "Developed at iOSDevCamp 2015"
};
Color backGroundColor = Device.OnPlatform<Color>(
Color.Green,
Color.Green,
Color.Green
);
Color textColor = Device.OnPlatform<Color>(
Color.Black,
Color.Black,
Color.Black
);
double buttonHeight = Device.OnPlatform<double>
(
50, // iOS
50, // Android
80 // Windows Phone
);
var buttonStyle = new Style(typeof(Button))
{
Setters = {
new Setter {Property = Button.BackgroundColorProperty, Value = backGroundColor},
new Setter {Property = Button.BorderRadiusProperty, Value = 0},
new Setter {Property = Button.HeightRequestProperty, Value = buttonHeight},
new Setter {Property = Button.TextColorProperty, Value = textColor }
}
};
Label labelProgrammer = new Label
{
Text = "Programmers = Chris Mason, Tanlin Dickey"
};
Button playGameButton = new Button
{
Text = "Play Tic Tac Toe",
Style = buttonStyle
};
Button aboutGameButton = new Button
{
Text = "About TicTacToeXam",
Style = buttonStyle
};
// add the event handler to go to the other page
playGameButton.Clicked += OnPlayGameButtonClicked;
aboutGameButton.Clicked += OnAboutGameButtonClicked;
Content = new StackLayout
{
Children = {
new Label { Text = "TicTacToe using Xamarin.Forms!" },
labeliOSDevCamp,
labelProgrammer,
playGameButton,
aboutGameButton,
webView
}
};
}
