Boshqaruv elementlari

Windows Presentation Foundation, WPF ga kirish
C# va ayniqsa, Visual Studio Windows ilovalarini ishlab chiqishda ko'p narsalarni yoritib berish kerak,
ammo umid qilamanki, biz sizga til va ishlab chiqish muhiti haqida tushuncha berish va uy vazifalarini bajarish
uchun etarli darajada ko'rib chiqdik.
• GUI displey kodini asosiy mantiqiy koddan ajratishni ta'minlaydi
Bu erda biz WPF dagi ba'zi tushunchalar haqida qisqacha ma'lumot beramiz.
Asosiy kamchilik shundaki, agar siz Swing yoki Windows Forms yordamida GUI ilovalarini yaratishga
odatlangan bo'lsangiz, o'rganish egri chizig'i biroz tik va biroz boshqacha. Agar siz zamonaviy HTML, XML
yoki JavaFX-ni yaratgan bo'lsangiz, unda qismlar sizga ko'proq tanish bo'ladi.
XAML va WPF dan foydalanishning Windows formalariga nisbatan ba'zi afzalliklari:
• GDI+ ga qaraganda yaxshiroq grafik ishlashi uchun DirectX dan foydalanish imkoniyati
Biz Windows Forms bilan qilganimiz kabi, dizayndagi shaklga boshqaruv elementlarini qo'shishimiz mumkin.
Machine Translated by Google

---

Shaklning o'lchamini o'zgartirganimizda, tugma uning o'lchamini o'zgartiradi.
Agar siz XAML oynasiga qarasangiz, boshqaruv elementlarini ko'rsatish uchun yaratilgan kodni ko'rishingiz mumkin.
Mening holatimda bu shunday ko'rinadi:
Odatiy bo'lib, bu boshqaruv elementlari Grid ichiga joylashtirilgan. Siz o'lchamini o'zgartirish uchun boshqaruvning
chetini qulflash kabi bir nechta qulay narsalarni qilishingiz mumkin. Bu erda tugma shaklning chap va o'ng tomonida
qulflangan:
C# tilidagi bir xil kod biroz uzunroq va Tugma ob'ektini, yorliq ob'ektini yaratish, ularning joylashuvini belgilash va
hokazolarni talab qiladi (garchi buni siz uchun Visual Studio Designer amalga oshirishi mumkin). Siz o'zingizning kodingizni
to'g'ridan-to'g'ri XAML-dagi dizaynerga yozishingiz mumkin, bu ko'pincha kerakli aniq boshqaruvni olish uchun kerak
bo'ladi yoki dizaynerdan foydalaning.
VerticalAlignment="Yuqori" /
>
Name="textBox1"
VerticalAlignment="Yuqori"
Kengligi="120" />
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Content="Label"
Height="28"
Margin="202,29,241,0" Name="label1"
Sarlavha="MainWindow" Balandligi="350" Kengligi="525">

VerticalAlignment="Yuqori" /
>

x:
Height="23" HorizontalAlignment="Chap"
cheti="81,120,0,0"
Content="Button"
Height="23"
Margin="12,73,12,0" Name="tugma 1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
Machine Translated by Google

---

Oddiy kod:
XAML kodini yozish orqali WPF-da ko'proq moslashuvchanlik mavjud. Bu erda biz boshqaruv elementlarining StackPanelini
yaratamiz:
Agar siz boshqaruv nomini o'zgartirsangiz, kodlash oynasida IntelliSense-dan foydalanishingiz uchun faylni saqlashingiz
kerak bo'lishi mumkin.
Agar xohlasangiz, xuddi Windows Forms bilan qilganimiz kabi, boshqaruv elementlariga voqealar qo'shishingiz mumkin.
Bu erda tugmani bosish uchun voqea. Uni ikki marta bosing yoki hodisani qayta ishlaydiganlar ro'yxatini ko'rish uchun chaqmoq
belgisini bosing:
Kichkina ta'm sifatida siz boshqarishni aylantirish, aylantirish, o'lchamini o'zgartirish va hokazolar uchun Transform xususiyati
bilan tajriba o'tkazishingiz mumkin. An'anaviy modelda bularning barchasini o'zingiz bajarish uchun kod yozishingiz kerak
edi.
Agar siz Microsoft Expression Blend kabi vositadan foydalansangiz, grafik interfeysni loyihalashda yanada
moslashuvchanlikka ega bo'lasiz. U Visual Studio'da ochishingiz mumkin bo'lgan va birgalikda foydalanish uchun
mo'ljallangan loyihani yaratadi (biridagi o'zgarishlar ikkinchisida aks ettirilgan). Expression Blend GUI-ni loyihalash uchun yaxshi,
lekin kodlash qismi uchun unchalik yaxshi emas, Visual Studio esa kodlash uchun juda yaxshi, lekin Expression Blend-dagi
ba'zi grafik vositalardan mahrum.
Bizda ko'plab tartib boshqaruvlari mavjud; Stackpanel eng oddiylaridan biridir. Bu erda ScrollViewer mavjud bo'lib, u
ichidagi elementlarga aylantirish paneli qo'shadi:
{
Assalomu alaykum
HorizontalScrollBarVisibility="Avtomatik"

}


VerticalScrollBarVisibility="Avtomatik">
Assalomu alaykum
Margin="10"
HorizontalAlignment="Right">OK
xususiy bekor
tugmasi1_Click(ob'ekt jo'natuvchi,
RoutedEventArgs
e)
Margin="20">
XAML
ga
xush kelibsiz

Margin="20">
XAML
ga
xush kelibsiz

Margin="10"
HorizontalAlignment="Right">OK
txtTest.Text =
"Siz tugmani bosdingiz";


Machine Translated by Google

---

Shunday qilib, biz HTML kabi XAML yordamida tartibni boshqarishimiz mumkin; Shuningdek, bizda animatsiyalar
uchun o'rnatilgan funktsiyalar va vaqt o'tishi bilan o'zgaruvchan xususiyatlar mavjud.
Canvas boshqaruvi ularning chap, yuqori, o'ng, pastki va tuval qirrasi orasidagi masofani belgilash imkonini beradi.
Buni hikoyalar panelini ishga tushiruvchi triggerlarni qo'shish orqali amalga oshirishimiz mumkin. Tugmani
aylantirishga misol:

Storyboard.TargetProperty="Balandlik"/>
Duration="0:0:1" From="0" To="360"


burchagi="0" CenterX="75"
CenterY="30"/>
Content="
Meni
aylantiring !">
RoutedEvent="Button.Click">
Window.Background>

Canvas.Top="20" Canvas.Left="20"/>
Content="TopRight" Width="85"
Height="30"

---

Oyna resursi teg bizga resurslar uchun batafsilroq xususiyatlarni belgilash imkonini beradi. Bunday holda
biz tugma uchun kenglik, balandlik va RenderTransform.Angle xususiyatlariga kirish imkoniyati bilan
uslubni aniqlaymiz.
Buni Windows Forms yordamida qanday yozishingizni tasavvur qiling...
Yakuniy natija quyidagicha ko'rinadi:
Biz Storyboardni aniqlaymiz, bu bizga bir vaqtning o'zida yoki ketma-ket ishlashi mumkin bo'lgan
elementlarni qo'shish imkonini beradi (ketma-ket ishga tushirish uchun BeginTime xususiyatini
qo'shish uchun). Ikkita DoubleAnimation elementi mavjud bo'lib, ular dubl bo'lgan qiymatning
animatsiyasidir. Animatsiya 0 soat, 0 daqiqa va 1 soniyadan ko'proq vaqtni oladi va balandligi 60 dan 100
gacha o'zgaradi. Burchak 0 dan 360 darajagacha o'zgaradi.
Oynaning fonida oqdan ko'kgacha radial gradyan ishlatiladi.
XAML-da 3D ma'lumotlarini taqdim etish uchun bizda katta darajadagi funksionallik mavjud, shuning uchun
siz 3D foydalanuvchi interfeyslari bilan ishlamoqchimisiz, buni tekshirishga arziydi.
Nihoyat, tugma bosilganda biz sbSpin nomli syujetlar panelini boshlaydigan (ya'ni ishga tushiradigan)
Triggerni qo'shamiz. Harakat kodini tartib kodidan ajratishga e'tibor bering.
Machine Translated by Google