Mobile App Berbasis Xamarin

Kali ini, saya akan menerapkan pembuatan aplikasi mobile menggunakan Xamarin. Berikut adalah langkah-langkahnya

1. Buat Project Xamarin.Forms

2. Ubah MainPage.xml

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="AmazingApp.MainPage">
    <StackLayout>
        <Frame BackgroundColor="#2196F3" Padding="24" CornerRadius="0">
            <Label Text="Welcome to Xamarin.Forms!" HorizontalTextAlignment="Center" TextColor="White" FontSize="36"/>
        </Frame>

        <Button Text="Click Me!" Clicked="ClickCounter"/>
        <Label Text="Hello, World!" FontSize="Title" Padding="30,10,30,10"/>
        <Label Text="Mobile Development With Xamarin" FontSize="16" Padding="30,0,30,0"/>
        <Label FontSize="16" Padding="30,24,30,0">
            <Label.FormattedText>
                <FormattedString>
                    <FormattedString.Spans>
                        <Span Text="Learn more at "/>
                        <Span Text="https://segarabd.wordpress.com" FontAttributes="Bold"/>
                    </FormattedString.Spans>
                </FormattedString>
            </Label.FormattedText>
        </Label>
    </StackLayout>
</ContentPage>

4. Ubah MainPage.xml.cs

namespace AmazingApp
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        int count = 0;

        void ClickCounter(object sender, System.EventArgs e)
        {
            count++;
            ((Button)sender).Text = $"You clicked {count} times.";
        }
    }
}

Hasilnya adalah seperti ini

Leave a comment

Design a site like this with WordPress.com
Get started