[PBKK-4] Window WPF

Pada pertemuan keempat mata kuliah PBKK kami mendapat tugas untuk membuat window aplikasi list nama menggunakan WPF. Windows Presentation Foundation (WPF), merupakan framework UI yang tidak bergantung pada resolusi dan menggunakan mesin perenderan berbasis vektor, yang dibuat untuk memanfaatkan perangkat keras grafis modern. WPF menyediakan satu set lengkap fitur pengembangan aplikasi yang mencakup Extensible Application Markup Language (XAML), kontrol, pengikatan data, tata letak, grafik 2D dan 3D, animasi, gaya, template, dokumen, media, teks, dan tipografi. WPF adalah bagian dari .NET, sehingga kita dapat membangun aplikasi yang menggabungkan elemen lain dari .NET API.

Repository: GitHub

Berikut adalah source codenya dala file .xaml dan .xaml.js beserta dokumentasinya

Mainwindow.xaml
  1. <Window x:Class="Names.MainWindow"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. xmlns:local="clr-namespace:Names"
  7. mc:Ignorable="d"
  8. Title="Names" Height="180" Width="260">
  9. <Grid Margin="10">
  10.  
  11. <Grid.RowDefinitions>
  12. <RowDefinition Height="Auto" />
  13. <RowDefinition Height="*" />
  14. </Grid.RowDefinitions>
  15.  
  16. <Grid.ColumnDefinitions>
  17. <ColumnDefinition Width="*" />
  18. <ColumnDefinition Width="*" />
  19. </Grid.ColumnDefinitions>
  20.  
  21. <Label Grid.Column="1">Names</Label>
  22. <ListBox Grid.Row="1" x:Name="lstNames" />
  23.  
  24. <StackPanel Grid.Row="1" Grid.Column="1" Margin="5,0,0,0">
  25. <TextBox x:Name="txtName" />
  26. <Button x:Name="btnAdd" Margin="0,5,0,0" Click="ButtonAddName_Click">Add Name</Button>
  27. </StackPanel>
  28.  
  29. </Grid>
  30.  
  31.  
  32. </Window>



Mainwindow.xaml.cs
  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Text;
  5. using System.Threading.Tasks;
  6. using System.Windows;
  7. using System.Windows.Controls;
  8. using System.Windows.Data;
  9. using System.Windows.Documents;
  10. using System.Windows.Input;
  11. using System.Windows.Media;
  12. using System.Windows.Media.Imaging;
  13. using System.Windows.Navigation;
  14. using System.Windows.Shapes;
  15.  
  16. namespace Names
  17. {
  18. /// <summary>
  19. /// Interaction logic for MainWindow.xaml
  20. /// </summary>
  21. public partial class MainWindow : Window
  22. {
  23. public MainWindow()
  24. {
  25. InitializeComponent();
  26. }
  27.  
  28. private void ButtonAddName_Click(object sender, RoutedEventArgs e)
  29. {
  30. if (!string.IsNullOrWhiteSpace(txtName.Text) && !lstNames.Items.Contains(txtName.Text))
  31. {
  32. lstNames.Items.Add(txtName.Text);
  33. txtName.Clear();
  34. }
  35. }
  36. }
  37. }
  38.  


Ini adalah tampilan pertama ketika window dijalankan:


Kemudian ini adalah tampilan ketika sedang memasukkan nama:


Dan terakhir adalah tampilan ketika semua nama telah dimasukkan:


Komentar

Postingan Populer