WPF C#: Membuat Aplikasi Pertama "Hello World!"

Meskipun WPF bisa ditulis menggunakan notepad dan dicompile dengan command prompt. Tapi Rani ga bakal pilih cara itu lah hehe...

Seperti kebanyakan coder lainnya mungkin lebih memilih IDE Visual Studio Community dari Microsoft yang dapat diunduh gratis di:
https://www.visualstudio.com/vs/community/

Setelah download dan Install, kita siap belajar membuat aplikasi WPF pertama kita. Rani pakai versi Visual Studio Community 2017.
Untuk membuat project baru klik File -> New -> Project ....


Kemudian pada New Project dialog, pilih Visual C# -> Windows Desktop -> WPF App (.NET Framework)


Kemudian beri nama project (rani kasih nama HelloWPF) kemudian pilih lokasi penyimpanan. Centang Create directory for solution supaya penyimpanan solution file masuk ke dalam 1 folder.
Kita bisa bebas memilih framework yang tersedia, Rani pilih terbaru yang ada di list yaitu 4.5.1. Terakhir klik OK.

Tampilan awal project akan seperti berikut:


Step yang ini tergantung preferensi temen-temen yah, klo rani lebih suka tampilan ful yang bisa di switch antara design dan XAML. Jadi rani tarik bordernya seperti gambar di bawah.


Hasilnya seperti berikut, switch design dan XAML ada di bagian bawah.


Kita akan membuat aplikasi pertama yang sangat mainstream, yaitu "Hello World!". Teks ini akan kita buat menggunakan TextBlock. Code-nya sebagai berikut:

<Window x:Class="HelloWPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:HelloWPF"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="48">
            Hello World!
        </TextBlock>
    </Grid>
</Window>

Code yang rani beri highlight kuning adalah tambahan/perubahan.
Kemudian kita coba running program dan hasilnya sebagai berikut:






Post a Comment

0 Comments