|
Eslatma : Ushbu bosqichda jonli misolni ko'rishingiz mumkin 1_static-positioning.html(manba kodiga qarang).
Nisbiy joylashishni aniqlash
Nisbiy joylashish biz ko'rib chiqadigan birinchi turdagi pozitsiyadir. Bu statik joylashishni aniqlashga juda o'xshaydi, faqat siz joylashtirilgan ob'ektning oxirgi holatini oddiy oqim tartibida o'z o'rnida o'zgartirishingiz mumkin, shu jumladan uni sahifadagi boshqa elementlar bilan bir-biriga moslashtirishingiz mumkin. positionDavom eting va kodingizdagi deklaratsiyani yangilang :
position: relative;
Buferga nusxalash
Agar siz ushbu bosqichda saqlasangiz va yangilasangiz, natijada hech qanday o'zgarishlarni ko'rmaysiz. Xo'sh, pozitsiyani qanday o'zgartirasiz? topSiz , bottom, left (en-US) va xususiyatlardan foydalanishingiz kerak, rightbiz ularni keyingi bobda tushuntiramiz.
Yuqori, pastki, chap va o'ngga kirish
top, bottom, left (en-US) va joylangan elementni aynan qayerga koʻchirishni belgilash uchun rightbilan birgalikda ishlatiladi . Buni sinab ko'rish uchun CSS- positiondagi qoidaga quyidagi deklaratsiyani qo'shing :.positioned
top: 30px;
left: 30px;
§- TabControl va SplitContainer elementlari bilan ishlash.
TabControl elementi bir nechta yorliqli boshqaruv elementini yaratishga imkon beradi. Va har bir yorliqda tugmalar, matn maydonlari va h.k. kabi boshqa boshqaruv elementlari to'plami saqlanadi. Har bir yorliq TabPage sinfi bilan ifodalanadi .
TabControl elementining yorliqlarini sozlash uchun TabPages xususiyatidan foydalaning . TabControl-ni asboblar panelidan shaklga sudrab olib borishda sukut bo'yicha ikkita yorliq yaratiladi: tabPage1 va tabPage2. TabPages xususiyatidan foydalanib, ularning displeyini o'zgartiramiz:
Yorliqlarni tahrirlash / qo'shish va o'chirish uchun oynani ochamiz:
Har bir yorliq biz boshqa boshqaruv elementlarini qo'shishimiz mumkin bo'lgan panel turini, shuningdek, yorliqlar o'rtasida almashishimiz mumkin bo'lgan sarlavhani ifodalaydi. Sarlavha matni Text xususiyati yordamida o'rnatiladi.
Koddagi yorliqlarni boshqaring
Yangi varaq qo‘shish uchun uni yaratishimiz va Add usuli yordamida tabControl1.TabPages to‘plamiga qo‘shishimiz kerak:
bitta
2
3
4
|
//добавление вкладки
TabPage newTabPage = new TabPage();
newTabPage.Text = "Континенты";
tabControl1.TabPages.Add(newTabPage);
|
O'chirish juda oson:
bitta
2
3
4
5
|
// удаление вкладки
// по индексу
tabControl1.TabPages.RemoveAt(0);
// по объекту
tabControl1.TabPages.Remove(newTabPage);
|
Indeks bo'yicha tabControl1.TabPages to'plamida kerakli yorliqni olib, biz uni osongina boshqarishimiz mumkin:
bitta
2
|
// изменение свойств
tabControl1.TabPages[0].Text = "Первая вкладка";
|
SplitContainer
SplitContainer elementi splitter bilan ajratilgan ikkita panelni yaratishga imkon beradi. Splitterning o'rnini o'zgartirib, siz ushbu panellarning o'lchamini o'zgartirishingiz mumkin.
Xususiyatdan foydalanib Orientation, siz shakldagi splitterning gorizontal yoki vertikal ko'rinishini o'rnatishingiz mumkin. Bunday holda, bu xususiyat mos ravishda Gorizontal va Vertical qiymatlarini oladi.
Splitterning o'rnini o'zgartirishni taqiqlash zarur bo'lganda, siz IsSplitterFixedqiymatni xususiyatga belgilashingiz mumkin true. Shunday qilib, splitter o'rnatiladi va biz uning o'rnini o'zgartira olmaymiz.
Odatiy bo'lib, shakl cho'zilgan yoki toraytirilganda, ajratilgan konteynerning ikkala panelining o'lchami ham o'zgaradi. Shu bilan birga, biz bitta panelga qattiq kenglik (ajratish vertikal yo'naltirilgan bo'lsa) yoki balandlikni (splitter gorizontal yo'naltirilgan bo'lsa) belgilashimiz mumkin. Buning uchun biz SplitContainer elementining xususiyatini o'rnatishimiz kerak FixedPanel. O'rnatish uchun panelni o'z qiymati sifatida qabul qiladi:
Splitterning koddagi o'rnini o'zgartirish uchun biz SplitterDistance xususiyatini boshqarishimiz mumkin , bu SplitContainer elementining chap yoki yuqori chetidan ajratuvchi o'rnini piksellarda belgilaydi. Va xususiyatdan SplitterIncrementfoydalanib, strelka tugmachalari yordamida ajratuvchi harakatlanayotganda qanday qadamni belgilashingiz mumkin.
Xulosa
Panel elementi panelni ifodalaydi va GroupBox kabi elementlarni guruhlarga ajratadi. Agar u BackColor xususiyatida forma bilan bir xil fon rangi qiymatiga ega bo‘lsa, u formaning qolgan qismi bilan vizual tarzda uyg‘unlashishi mumkin. Uni ajratib ko'rsatish uchun rangga qo'shimcha ravishda siz element uchun chegaralarni xususiyatdan foydalanib belgilashingiz mumkin BorderStyle, bu sukut bo'yicha qiymatga ega None, ya'ni chegaralar yo'qligi.
Bundan tashqari, agar panelda uning chegarasidan tashqariga chiqadigan ko'plab elementlar bo'lsa, biz uning xususiyatini o'rnatish orqali panelni aylantira olamiz AutoScroll .true
Shakl kabi, GroupBox va Panel elementlar to'plamiga ega va biz ushbu konteynerlarga elementlarni dinamik ravishda qo'shishimiz mumkin. Masalan, formada GroupBox elementi mavjud, uning nomi groupBox1:
bitta
2
3
4
5
6
7
sakkiz
9
|
xususiy void Form1_Load(ob'ekt jo'natuvchisi, EventArgs e)
{
Button salomButton = new Button();
helloButton.BackColor = Color.LightGray;
helloButton.ForeColor = Color.Red;
helloButton.Location = newPoint(30, 30);
helloButton.Text = "Salom";
groupBox1.Controls.Add(helloButton);
}
|
Elementning konteynerdagi joylashuvini belgilash uchun biz Point: strukturasidan foydalanamiz new Point(30, 30);, unga konstruktorda X va Y o'qlari bo'ylab joylashuvni o'tkazamiz.Bu koordinatalar konteynerning yuqori chap burchagiga nisbatan o'rnatiladi - ya'ni , bu holda, GroupBox elementi
Bunda shuni hisobga olish kerakki, yuqori darajadagi konteyner shakl, groupBox1 elementining o'zi esa shakl elementlari to'plamida. Va agar xohlasak, uni olib tashlashimiz mumkin:
bitta
2
|
this.Controls.Remove(groupBox1);
|
FlowLayoutPanel
FlowLayoutPanel elementi Panel sinfidan olingan va shuning uchun uning barcha xususiyatlarini meros qilib oladi. Biroq, qo'shimcha funktsiyalarni qo'shganda. Masalan, ushbu element ish vaqtida shakl o'lchami o'zgartirilganda, ichki elementlarning joylashuvi va tartibini o'zgartirishga imkon beradi.
Do'stlaringiz bilan baham: |
