Звіт з лабораторної роботи №1
Звіт з лабораторної роботи №1
Виконав студент групи КН-11
Артенян Карен
Задание № 1
1. Запустите Visual Studio.
2. Нажмите комбинацию клавиш Ctrl-Shift-N, либо воспользуйтесь командой File-New-New Project для
открытия окна создания проекта.
3. В открывшемся диалоге выберите WPF Application, внизу введите директорию хранения проекта
приложения, а так же название для приложения и нажмите Ок.
4. Перейдите в окно XAML-разметки.
5. В контейнере Grid создайте видимую сетку размером 3х3 и разместите во втором столбце
последовательно три элемента: Label,TextBox и Button.
6. Определите высоту строк так, чтобы первая была в 4 раза меньше второй, а высота третьей
определялась автоматически.
7. Растяните элемент TextBox на всю вторую строку.
8. Убедитесь, что выполненная разметка приводит к отображению такого окна:
Скріншот программи
Код программы
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid ShowGridLines="True">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*">
</ColumnDefinition>
<ColumnDefinition Width="*">
</ColumnDefinition>
<ColumnDefinition Width="*">
</ColumnDefinition>
</Grid.ColumnDefinitions>
<Label Grid.Row="0" Grid.Column="1">Label</Label>
<TextBox Grid.Row="1" Grid.Column="0">TextBox</TextBox>
<Button Grid.Row="2" Grid.Column="1">Button2</Button>
<Grid.RowDefinitions>
<RowDefinition Height="*">
</RowDefinition>
<RowDefinition Height="4*">
</RowDefinition>
<RowDefinition Height="Auto">
</RowDefinition>
</Grid.RowDefinitions>
</Grid>
</Window>
9. Фрагмент полученной XAML-разметки скопируйте в отчет о выполнении задания.
10. Замените контейнер Grid на StackPanel и разместите в нем элементы Label, TextBox и Button
следующим образом:
Код программы
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<StackPanel>
<Label HorizontalAlignment="Center"
Margin="0,40,0,0">Label</Label>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<Button Width="200">Button</Button>
</StackPanel>
</Window>
11. Фрагмент полученной XAML-разметки скопируйте в отчет о выполнении задания.
12. Замените контейнер StackPanel на WrapPanel и разместите в нем элементы Label, TextBox и Button
следующим образом:
Код программы
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<StackPanel>
<WrapPanel>
<Label HorizontalAlignment="Left" >Label</Label>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
</WrapPanel>
<WrapPanel>
<Label>Label</Label>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
<TextBox>TextBox</TextBox>
</WrapPanel>
<Button Width="75">Button</Button>
</StackPanel>
</Window>
13. Фрагмент полученной XAML-разметки скопируйте в отчет о выполнении задания.
14. Замените контейнер WrapPanel на DockPanel и разместите в нем элементы Label, TextBox и Button
следующим образом:
Код программы
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="380" Width="575" MinHeight="370" MinWidth="550">
<DockPanel LastChildFill="False" >
<TextBox DockPanel.Dock="Right" MinHeight="15" MaxHeight="2200" MinWidth="220" MaxWidth="1800" Text="Textbox" Margin="0,20,0,0"/>
<TextBox DockPanel.Dock="Left" MaxHeight="2200" MinWidth="220" Text="Textbox" Margin="0,20,0,0"/>
<Label DockPanel.Dock="Top" MinHeight="15" MaxHeight="2200" MinWidth="15" MaxWidth="2200" Margin="50,0,30,0" Content="label"/>
<Button DockPanel.Dock="Bottom" MinHeight="15" MaxHeight="300" MinWidth="45" Margin="25,10,25,60" Content="button" Height="34" RenderTransformOrigin="0.216,-1.991"/>
</DockPanel>
15. Фрагмент полученной XAML-разметки скопируйте в отчет о выполнении задания.
16. Замените контейнер DockPanel на Canvas и разместите в нем элементы Label, TextBox и Button,
смещенные по горизонтали от левого края и по вертикали от верхнего края соответственнона 20,40
и 60 единиц:
17. Фрагмент полученной XAML-разметки скопируйте в отчет о выполнении задания 1.
Код программы
<Window x:Class="WpfApplication1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="375" Width="570">
<Canvas Background="Yellow">
<TextBox Canvas.Top="40" Canvas.Left="40" Text="Text"/>
<Label Canvas.Top="20" Canvas.Left="20" Background="White" Content="label"/>
<Button Canvas.Top="60" Canvas.Left="60" Content="button"/>
</Canvas>
</Window>
Звіт з лабораторної роботи №1
Поиск по сайту:
|