Xamarin.Forms
Xamarin.Forms Просмотров

кнопка

Кнопка , вероятно, является наиболее распространенным элементом управления не только в мобильных приложениях, но и в любых приложениях, имеющих пользовательский интерфейс. Концепция кнопки имеет слишком много целей, чтобы перечислить здесь. Вообще говоря, вы будете использовать кнопку, чтобы пользователи могли инициировать какие-то действия или действия в вашем приложении. Эта операция может включать в себя что угодно: от базовой навигации в вашем приложении до отправки данных на веб-службу где-то в Интернете.

XAML

<Button
    x:Name="MyButton"
    Text="Click Me!"
    TextColor="Red"
    BorderColor="Blue"
    VerticalOptions="Center"
    HorizontalOptions="Center"
    Clicked="Button_Clicked"/>

Код XAML позади

public void Button_Clicked( object sender, EventArgs args ) 
{
    MyButton.Text = "I've been clicked!";
}

Код

var button = new Button( ) 
{
    Text = "Hello, Forms !",
    VerticalOptions = LayoutOptions.CenterAndExpand,
    HorizontalOptions = LayoutOptions.CenterAndExpand,
    TextColor = Color.Red,
    BorderColor = Color.Blue,
};

button.Clicked += ( sender, args ) => 
{
    var b = (Button) sender;
    b.Text = "I've been clicked!";
};

DatePicker

Довольно часто в мобильных приложениях будет причина иметь дело с датами. При работе с датами вам, вероятно, потребуется какой-то пользовательский ввод для выбора даты. Это может произойти при работе с графическим или календарным приложением. В этом случае лучше всего предоставить пользователям специализированный элемент управления, который позволяет им интерактивно выбирать дату, а не требовать от пользователей вручную вводить дату. Это то, где элемент управления DatePicker действительно полезен.

XAML

<DatePicker Date="09/12/2014" Format="d" />

Код

var datePicker = new DatePicker{
Date = DateTime.Now,
Format = "d"
};

запись

Вид входа используется, чтобы позволить пользователям вводить одну строку текста. Эта единственная строка текста может использоваться для нескольких целей, включая ввод основных заметок, учетных данных, URL-адресов и т. Д. Этот вид является многоцелевым представлением, что означает, что если вам нужно набрать обычный текст или хотите скрыть пароль, все это делается через этот единственный элемент управления.

XAML

<Entry Placeholder="Please Enter Some Text Here"
HorizontalOptions="Center"
VerticalOptions="Center"
Keyboard="Email"/>

Код

var entry = new Entry {
Placeholder = "Please Enter Some Text Here",
HorizontalOptions = LayoutOptions.Center,
VerticalOptions = LayoutOptions.Center,
Keyboard = Keyboard.Email
};

редактор

Редактор очень похож на Entry, поскольку он позволяет пользователям вводить некоторый текст свободной формы. Разница в том, что редактор допускает многострочный ввод, тогда как Entry используется только для однострочного ввода. Запись также предоставляет еще несколько свойств, чем редактор, чтобы разрешить дальнейшую настройку представления.

XAML

<Editor HorizontalOptions="Fill"
VerticalOptions="Fill"
 Keyboard="Chat"/>

Код

var editor = new Editor {
HorizontalOptions = LayoutOptions.Fill,
VerticalOptions = LayoutOptions.Fill,
Keyboard = Keyboard.Chat
};

Образ

Изображения являются очень важными частями любого приложения. Они предоставляют возможность добавлять дополнительные визуальные элементы, а также брендинг в ваше приложение. Не говоря уже о том, что изображения обычно более интересны, чем текст или кнопки. Вы можете использовать изображение как отдельный элемент в своем приложении, но элемент изображения также можно добавить к другим элементам View, таким как кнопка.

XAML

<Image Aspect="AspectFit" Source="http://d2g29cya9iq7ip.cloudfront.net/co
ntent/images/company/aboutus-video-bg.png?v=25072014072745"/>

Код

var image = new Image {
Aspect = Aspect.AspectFit,
Source = ImageSource.FromUri(new Uri("http://d2g29cya9iq7ip.cloudfron
t.net/content/images/company/aboutus-video-bg.png?v=25072014072745"))
};

этикетка

Верьте или нет, лейбл является одним из самых важных, но недооцениваемых классов View не только в Xamarin.Forms, но и в разработке пользовательского интерфейса в целом. Это рассматривается как довольно скучная строка текста, но без этой строки текста было бы очень сложно передать определенные идеи пользователю. Элементы управления метками могут использоваться для описания того, что пользователь должен ввести в редактор или элемент управления Entry. Они могут описывать раздел пользовательского интерфейса и давать ему контекст. Они могут использоваться, чтобы показать общее количество в приложении калькулятора. Да, ярлык - действительно самый универсальный элемент управления в сумке для инструмента, который может не всегда привлекать много внимания, но это первое, что заметили, если его там нет.

XAML

<Label Text="This is some really awesome text in a Label!"
TextColor="Red"
XAlign="Center"
YAlign="Center"/>

Код

var label = new Label {
Text = "This is some really awesome text in a Label!",
TextColor = Color.Red,
XAlign = TextAlignment.Center,
YAlign = TextAlignment.Center
};