Bai TH 09 WPF

CHUYÊN ĐỀ .
NET BỘ MÔN: KỸ THUẬT PHẦN MỀM
BÀI THỰC HÀNH SỐ 09

Chủ đề: WPF
**********************
I. Mục tiêu
- Giúp sinh viên làm quen với WPF
Mục tiêu kỹ năng:
- Có kỹ năng tốt trong thực hành .NET nói chung và C#, XAML nói riêng.
II. Thực hành
Bài 1: Thiết kế giao diện, dùng WPF
Email: namdh@nttu.edu.vn
1
CHUYÊN ĐỀ .NET BỘ MÔN: KỸ THUẬT PHẦN MỀM
Hướng dẫn:
Code trên XAML
<Window x:Class="WpfControlSample1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Ví dụ Control - WPF" Height="352" Width="300">
<Grid>
<Label Height="30" HorizontalAlignment="Left" Margin="10,15,0,0" Name="label1"
VerticalAlignment="Top" Width="60" Focusable="False">Họ đệm:</Label>
VerticalAlignment="Top" Width="60">Tên:</Label>
<TextBox Height="30" Margin="80,17,30,0" Name="textBox1" VerticalAlignment="Top">Hộp
soạn thảo</TextBox>
<TextBox Height="30" Margin="80,52,30,0" Name="textBox2" VerticalAlignment="Top" />
<Button Height="35" HorizontalAlignment="Left" Margin="16,0,0,27" Name="button1"
VerticalAlignment="Bottom" Width="110" Click="button1_Click">Xem thông tin</Button>
<Button Height="35" HorizontalAlignment="Right" Margin="0,0,24,27" Name="button2"
VerticalAlignment="Bottom" Width="110" Click="button2_Click">Nhập lại</Button>
VerticalAlignment="Top" Width="60">Giới tính:</Label>
<RadioButton Height="22" Margin="80,99,0,0" Name="radioButton1" VerticalAlignment="Top"
HorizontalAlignment="Left" Width="79" GroupName="GioiTinh" IsChecked="True">Nam</RadioButton>
<RadioButton Height="22" HorizontalAlignment="Right" Margin="0,99,30,0"
Name="radioButton2" VerticalAlignment="Top" Width="79" GroupName="GioiTinh">Nữ</RadioButton>
<Label HorizontalAlignment="Left" Margin="10,127,0,154" Name="label4" Width="69">Ngoại
ngữ:</Label>
<CheckBox Margin="84,132,119,0" Name="checkBox1" Height="20" VerticalAlignment="Top"
IsChecked="True">Tiếng Anh</CheckBox>
<CheckBox HorizontalAlignment="Right" Margin="0,132,24,0" Name="checkBox2" Width="85"
Height="20" VerticalAlignment="Top">Tiếng Trung</CheckBox>
VerticalAlignment="Bottom" Width="69">Quê quán:</Label>
<ComboBox Height="26" Margin="84,0,27,126" Name="comboBox1" VerticalAlignment="Bottom"
SelectedIndex="0">
<ComboBoxItem>Hà nội</ComboBoxItem>
<ComboBoxItem>TP. Hồ Chí Minh</ComboBoxItem>
<ComboBoxItem>Hải Phòng</ComboBoxItem>
<ComboBoxItem>Đà Nẵng</ComboBoxItem>
</ComboBox>
</Grid>
</Window>
Code trên btn:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
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;
2
namespace WpfControlSample1
{
/// <summary>
/// Interaction logic for Window1.xaml
/// </summary>
public partial class Window1 : Window
{
public Window1()
{
InitializeComponent();
}
private void button1_Click(object sender, RoutedEventArgs e)

{
String strMessage, strHoTen, strTitle, strNgoaiNgu="";
strHoTen = textBox1.Text + " " + textBox2.Text;
if (radioButton1.IsChecked==true)
strTitle = "Mr.";
else
strTitle = "Miss/Mrs.";
strMessage = "Xin chào: " + strTitle + " " + strHoTen;
if (checkBox1.IsChecked == true)
{
strNgoaiNgu = "Tiếng Anh";
}
if (checkBox2.IsChecked == true)
{
strNgoaiNgu = (strNgoaiNgu.Length==0) ? "Tiếng Trung": (strNgoaiNgu+" và Tiếng Trung");
}
strMessage += "\n Ngoại ngữ: " + strNgoaiNgu;
if (comboBox1.SelectedIndex >= 0)//Nếu đã có một mục trong danh sách được chọn
{
strMessage += "\n Quê Quán: " + comboBox1.Text;
}
MessageBox.Show(strMessage);
}
private void button2_Click (object sender, RoutedEventArgs e)

{
textBox1.Text = "";
textBox2.Text = "";
radioButton1.IsChecked = true;
radioButton2.IsChecked = false;
checkBox1.IsChecked = false;
checkBox2.IsChecked = false;
comboBox1.SelectedIndex = 0;
}
}
}
3
Bài 2: Thiết kế giao diện
Hướng dẫn code XAML

<Window x:Class="WpfMenuAndToolbar.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Ví dụ về Menu và Toolbar" Height="300" Width="300"
>
<StackPanel >

<StackPanel.Resources>
<Image x:Key="inc" Source="Resources/inc.ico" Width="16" Height="16"></Image>
<Image x:Key="dec" Source="Resources/dec.ico" Width="16" Height="16"></Image>
<Image x:Key="copy" Source="Resources/Copy.png" Width="16" Height="16"></Image>
</StackPanel.Resources>

<Menu Name="Menu_main">
<MenuItem Header="_Edit" >
<MenuItem Command="ApplicationCommands.Copy" ToolTip="Copy văn bản"
Icon="{StaticResource copy}"/>
<MenuItem Command="ApplicationCommands.Cut" ToolTip="Cắt văn bản"/>
<MenuItem Command="ApplicationCommands.Paste" ToolTip="Dán văn bản"/>
</MenuItem>
<MenuItem Header="_Font" >
<MenuItem Header="_Bold" Name="Menu21" ToolTip="Chữ đậm" IsCheckable="True"
Checked="Bold_Checked"
Unchecked="Bold_Unchecked"/>
<MenuItem Header="_Italic" Name="Menu22" ToolTip="Chữ nghiêng"
IsCheckable="True"
4
Checked="Italic_Checked"
Unchecked="Italic_Unchecked"/>
<Separator/>
<MenuItem Header="I_ncrease Font Size" ToolTip="Tăng cỡ chữ"
Icon="{StaticResource inc}"
Click="IncreaseFont_Click"/>
<MenuItem Header="_Decrease Font Size" ToolTip="Giảm cỡ chữ"
Icon="{StaticResource dec}"
Click="DecreaseFont_Click"/>
</MenuItem>
</Menu>

<ToolBar Height="26" Name="toolBar1" Width="280" HorizontalAlignment="Left" >
<Button Height="23" Name="button1" Width="23" Command="ApplicationCommands.Copy"
ToolTip="Copy văn bản">
<Image Source="Resources/Copy.png" Width="16" Height="16"
HorizontalAlignment="Left" />
</Button>
<Button Height="23" Name="button2" Width="23" Command="ApplicationCommands.Cut"
ToolTip="Cắt văn bản">
<Image Source="Resources/Cut.png" Width="16" Height="16"
</Button>
<Button Height="23" Name="button3" Width="23" Command="ApplicationCommands.Paste"
ToolTip="Dán văn bản">
<Image Source="Resources/Paste.png" Width="16" Height="16"
</Button>
<Separator/>
<CheckBox Name="check1" ToolTip="Chữ đậm" Checked="Bold_Checked"
Unchecked="Bold_Unchecked">
<Image Source="Resources/bold.png" Width="16" Height="16"
</CheckBox>
<CheckBox Name="check2" ToolTip="Chữ nghiêng" Checked="Italic_Checked"
Unchecked="Italic_Unchecked">
<Image Source="Resources/Italic.png" Width="16" Height="16"
</CheckBox>
<Separator/>
<Button Height="23" Name="button6" ToolTip="Tăng cỡ chữ" Width="23"
Click="IncreaseFont_Click">
<Image Source="Resources/inc.ico" Width="16" Height="16"
</Button>
<Button Height="23" Name="button7" ToolTip="Giảm cỡ chữ" Width="23"
Click="DecreaseFont_Click">
<Image Source="Resources/Dec.ico" Width="16" Height="16"
</Button>
</ToolBar>

<TextBox Name="textBox1" TextWrapping="Wrap"
Margin="2">
Chú cào cào nhỏ, ngồi trong đám cỏ.
</TextBox>
</StackPanel>
</Window>
5
6

Bai TH 09 WPF

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Bai TH 09 WPF

Uploaded by

Copyright:

Available Formats

CHUYÊN ĐỀ .

NET BỘ MÔN: KỸ THUẬT PHẦN MỀM

BÀI THỰC HÀNH SỐ 09

private void button1_Click(object sender, RoutedEventArgs e)

private void button2_Click (object sender, RoutedEventArgs e)

Bài 2: Thiết kế giao diện

Hướng dẫn code XAML

You might also like