public class Main Page Content Page public Main
Позиционирование элементов на странице public class Main. Page : Content. Page { public Main. Page() { var stack. Layout = new Stack. Layout { Padding = new Thickness(60), Children = { new Box. View { Color = Color. Blue, Margin = new Thickness (50) }, new Box. View { Color = Color. Red, Margin = new Thickness (50) } } }; Content = stack. Layout; } } 3
Позиционирование элементов на странице public class Main. Page : Content. Page { public Main. Page() { var stack. Layout = new Stack. Layout { Padding = new Thickness(60), Children = { new Box. View { Color = Color. Blue, Margin = new Thickness (50) }, new Box. View { Color = Color. Red, Margin = new Thickness (50) } } }; Content = stack. Layout; } } <? xml version="1. 0" encoding="utf-8" ? > <Content. Page xmlns="http: //xamarin. com/schemas/2014/forms" xmlns: x="http: //schemas. microsoft. com/winfx/2009/xaml" x: Class="Hello. App. Main. Page"> <Stack. Layout Padding="0, 20, 0, 0"> <Box. View Color="Green" Margin="20" /> <Box. View Color="Blue" Margin="10, 15" /> <Box. View Color="Red" Margin="0, 20, 15, 5" /> </Stack. Layout> </Content. Page> 4
Позиционирование элементов на странице Label header = new Label() { Text = "Привет из Xamarin Forms" }; header. Vertical. Options = Layout. Options. Center; header. Horizontal. Options = Layout. Options. Center; <Label Text="Привет из Xamarin Forms" Vertical. Options="Center" Horizontal. Options="Center" /> 7
Работа с цветом За установку цвета фона и текста элементов отвечают свойства Background. Color и Text. Color соответственно. В качестве значение они принимают структуру Color: Label header = new Label() { Text = "Привет из Xamarin Forms" }; header. Horizontal. Text. Alignment = Text. Alignment. Center; header. Vertical. Text. Alignment = Text. Alignment. Center; header. Background. Color = Color. Teal; header. Text. Color = Color. Red; <Label Text="Привет из Xamarin Forms" Horizontal. Text. Alignment="Center" Vertical. Text. Alignment="Center" Background. Color="Blue" Text. Color="Yellow" /> 8
Свойство Font. Size Стилизация текста Label header = new Label() { Text = "Xamarin Forms" }; header. Font. Size = 26; <Label Text="Xamarin Forms" Font. Size="26" /> В классе Device определен метод Get. Named. Size(). Этот метод в качестве первого параметра требует одну из констант из перечисления Named. Size: Default; Micro; Small; Medium; Large В качестве второго параметра передается тип элемента, для которого устанавливается шрифт: Label header = new Label() { Text = "Привет из Xamarin Forms" }; this. Content = header; header. Font. Size = Device. Get. Named. Size(Named. Size. Large, typeof(Label)); <Label Text="Xamarin Forms" Font. Size="Large" /> 12
public class Main. Page : Content. Page { public Main. Page() { Label header = new Label(); this. Content = header; Стилизация текста Formatted. String formatted. String = new Formatted. String(); formatted. String. Spans. Add(new Span { Text = "Сегодня ", Font. Size = Device. Get. Named. Size(Named. Size. Large, typeof(Label)) }); formatted. String. Spans. Add(new Span { Text = "хорошая", Font. Attributes = Font. Attributes. Bold }); formatted. String. Spans. Add(new Span { Text = " погода!", Foreground. Color=Color. Red }); header. Formatted. Text = formatted. String; header. Vertical. Text. Alignment = Text. Alignment. Center; header. Horizontal. Text. Alignment = Text. Alignment. Center; } } 15
Стилизация текста <Label Vertical. Text. Alignment="Center" Horizontal. Text. Alignment="Center"> <Label. Formatted. Text> <Formatted. String> <Span Text="Сегодня " Font. Size="Large" /> <Span Text="хорошая " Font. Attributes="Bold" /> <Span Text="погода!" Foreground. Color="Red" /> </Formatted. String> </Label. Formatted. Text> </Label> 16
- Slides: 16