[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
<Window x:Class="Names.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:Names" mc:Ignorable="d" Title="Names" Height="180" Width="260"> <Grid Margin="10"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="*" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <Label Grid.Column="1">Names</Label> <ListBox Grid.Row="1" x:Name="lstNames" /> <StackPanel Grid.Row="1" Grid.Column="1" Margin="5,0,0,0"> <TextBox x:Name="txtName" /> <Button x:Name="btnAdd" Margin="0,5,0,0" Click="ButtonAddName_Click">Add Name</Button> </StackPanel> </Grid> </Window>
Mainwindow.xaml.cs
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; namespace Names { /// <summary> /// Interaction logic for MainWindow.xaml /// </summary> public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } private void ButtonAddName_Click(object sender, RoutedEventArgs e) { if (!string.IsNullOrWhiteSpace(txtName.Text) && !lstNames.Items.Contains(txtName.Text)) { lstNames.Items.Add(txtName.Text); txtName.Clear(); } } } }
Ini adalah tampilan pertama ketika window dijalankan:
Kemudian ini adalah tampilan ketika sedang memasukkan nama:
Dan terakhir adalah tampilan ketika semua nama telah dimasukkan:
Referensi:





Komentar
Posting Komentar