Minggu, 17 September 2023

Membuat Window WPF

Assalamualaikum Warrahmatullahi Wabarakatuh.

Kembali Lagi dengan Jurnal Tugas PBKK... Kali ini pada minggu ketiga perkuliahan mempelajari tentang WPF (Windows Presentation Foundation) dengan  menggunakan Visual Studio.  Untuk tugasnya sendiri, saya diminta untuk membuat aplikasi sederhana yang menambahkan nama ke kotak daftar. 

Berikut penjelasan dari code nya:
  1. Buka Visual Studionya
  2. Buat proyek baru


  3. Selanjutnya cari template WPF Application


  4. Masukkan nama projeknya dan pilih lokasi penyimpanannya.

  5. Di jendela Informasi tambahan , pilih .NET 7.0 (Dukungan Istilah Standar) untuk Kerangka Kerja Target. Pilih tombol Buat.


  6. Buat program aplikasinya

    <Window x:Class="WindowWPF.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:WindowWPF"
            mc:Ignorable="d"

    // buat judul dan sesuikan ukuran jendela
            Title="Input Name" Height="180" Width="260" Background="#FF1F8F96">
    // menentukan baris dan kolom tempat kontrol berada
        <Grid Margin="10">
            <Grid.RowDefinitions>
    // Nilai Auto secara otomatis mengukur baris kisi ke ukuran kontennya, dalam hal ini, kontrol label.
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>

            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>

    // mendefinisikan konten Names.
            <Label FontWeight="Bold">Names</Label>
    // menentukan penempatan baris dan kolom kontrol
            <ListBox Grid.Row="1" x:Name="lstNames" Background="#FF7DDEE6" /> // membuat kotak daftar nama

            <StackPanel Grid.Row="1" Grid.Column="1" Margin="5,0,0,0">
                <TextBox x:Name="txtName" Background="#FF7DDEE6"/>
                <Button x:Name="btnAdd" Margin="0,5,0,0" Click="ButtonAddName_Click" Background="#FF0D353C" BorderBrush="Black">Add Name
                </Button>
            </StackPanel>
        </Grid>
    </Window>

    Untuk code lengkapnya bisa dilihat pada link berikut
    https://github.com/dilwdn/WindowApp_PBKKA


Berikut dokumentasi hasilnya:







Referensi:




Tidak ada komentar:

Posting Komentar

EAS PPB B

 Nama     : Dilla Wahdana NRP         : 5025211060 Kelas       : PPB B EAS PPB B Buat use case dan user flow dari aplikasi ?  i.saku adalah ...