Xamarin.Forms
Xamarin.Forms Views

Knapp

Knappen är förmodligen den vanligaste kontrollen inte bara i mobilapplikationer utan i alla applikationer som har ett användargränssnitt. Konceptet med en knapp har för många syften att lista här. Generellt sett kommer du dock att använda en knapp för att tillåta användare att initiera någon form av åtgärd eller åtgärd i din applikation. Den här åtgärden kan inkludera allt från grundläggande navigering i din app till att skicka data till en webbtjänst någonstans på Internet.

XAML

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

XAML-kod bakom

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

Koda

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!";
};

Datumväljare

Ofta inom mobilapplikationer kommer det att finnas en anledning att hantera datum. När du arbetar med datum behöver du antagligen någon form av användarinmatning för att välja ett datum. Detta kan inträffa när du arbetar med en schemaläggnings- eller kalenderapp. I det här fallet är det bäst att förse användare med en specialiserad kontroll som gör det möjligt för dem att interaktivt välja ett datum, snarare än att kräva att användare manuellt skriver in ett datum. Det är här DatePicker-kontrollen verkligen är användbar.

XAML

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

Koda

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

Inträde

Entry View används för att låta användare skriva en enda textrad. Den här enstaka textraden kan användas för flera ändamål inklusive att ange grundläggande anteckningar, referenser, webbadresser och mer. Denna vy är en flerfunktionsvy, vilket innebär att om du behöver skriva vanlig text eller vill dölja ett lösenord, så görs allt genom denna enda kontroll.

XAML

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

Koda

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

Redaktör

Editorn är väldigt lik inmatningen genom att den gör det möjligt för användare att ange lite fri form. Skillnaden är att redaktören tillåter inmatning av flera linjer medan posten endast används för inmatning med en rad. Posten ger också några fler egenskaper än redigeraren för att möjliggöra ytterligare anpassning av vyn.

XAML

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

Koda

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

Bild

Bilder är mycket viktiga delar av alla applikationer. De ger möjlighet att injicera ytterligare visuella element samt märkesvaror i din applikation. För att inte tala om att bilder vanligtvis är mer intressanta att titta på än text eller knappar. Du kan använda en bild som ett fristående element i din applikation, men ett bildelement kan också läggas till andra Visa-element, t.ex. en knapp.

XAML

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

Koda

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"))
};

Märka

Tro det eller inte, etiketten är en av de mest avgörande men undervärderade View-klasserna, inte bara i Xamarin.Forms, men i UI-utvecklingen i allmänhet. Det ses som en ganska tråkig textrad, men utan den textraden skulle det vara mycket svårt att förmedla vissa idéer till användaren. Etikettkontroller kan användas för att beskriva vad användaren ska ange i en Editor- eller Entry-kontroll. De kan beskriva ett avsnitt av användargränssnittet och ge det sammanhang. De kan användas för att visa summan i en kalkylator-app. Ja, etiketten är verkligen den mest mångsidiga kontrollen i din verktygsväska som kanske inte alltid väcker mycket uppmärksamhet, men den är den första som märks om den inte är där.

XAML

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

Koda

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