‫بسم هللا الرحمن الرحيم‬

‫‪C#‬‬
‫‪Programing GUI‬‬
‫‪ :-‬الدرس الرابع عشر‬
‫الجزء األول ‪ - ListView -‬برمجة الواجهات‬
‫هذه االداة هي شبيه لي حد ما اداة‪.ListBox‬‬
‫‪.‬حيث تستعمل اداة (لست فييو) علي عرض البيانات بي طريقة احترافية‬
‫‪.‬حيث يستعمل نظام التشغيل وندوز في عرض البيانات علي طريقة (لست فيوو)‬
‫‪ :-‬انواع العرض في اداة (لست فيوو)‬
‫‪LargeIcon‬‬
‫‪Details‬‬
‫في نوع العرض بي التفاصيل تكون العناصر المعروضه بي جداول‬
‫‪SmallIcon‬‬
‫‪List‬‬
‫‪Tile‬‬

‫‪ :-‬مثال‬
‫سنقوم بي عمل متصفح بسيط شبيه بي متصفح الوندوز حيث سنقوم بي عرض البيانات بي صورة احترافية‬
‫سنقوم بي لدراج (لست فيوو) وادراج (كمبوبكس) و (ليبيل) نقوم بي ادراج (ايمج ليست)‬
‫سنقوم بي ادراج المعلومات والربط بين االدوات بي واسطة الكود ؟؟‬
‫الحل‬
‫نقوم بي اختيار الصورة وادراجها داخل (ايمج ليست) )ايمج ليست(‬
‫نقوم بي تفعيل (ايمج ليست) علي (لست فيوو)‬
‫‪ListView>>LargeImageList>>ImageList1‬‬
‫‪ListView>>SmallImageList>>ImageList1‬‬
‫‪ :-‬لمنع الكتابة علي (كمبوبوكس) نقوم بي تفعيل الخيار األتي‬
CombowBox1>>DropDownStylet>>DropDownList
‫"نقوم بي تعبئة العناصر علي (كمبوبكس ) يدويا‬

‫سنقوم بي ادراج العناصر علي (لست فيوو) بواسطة الكود داخل مشيد الفورم مباشرة‬
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
listView1.Items.Add("Folder 1",0);
listView1.Items.Add("Folder 2", 0);
listView1.Items.Add("Folder 3", 0);
listView1.Items.Add("Folder 4", 0);
listView1.Items.Add("Folder 5", 0);
listView1.Items.Add("Folder 6", 0);
listView1.Items.Add("Folder 7", 0);
listView1.Items.Add("Folder 8", 0);
}
)‫لي ربط محتوبات (لست فيوو) بي (الكمبوبوكس‬
‫نقوم بي الدخول علي (كمبوبوكس) واختيار خيار من االحداث‬
SelectIndexChanged
‫"او ضغط علي (كمبوبوكس) وسيظهر لنا الحدث تلقائيا‬
private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)
{
if (comboBox1.Text == "LargeIcon")
{
listView1.View = View.LargeIcon;
}
if (comboBox1.Text == "Details")
{
listView1.View = View.Details;
}
if (comboBox1.Text == "SmallIcon")
{
 listView1.View = View.SmallIcon;
}
if (comboBox1.Text == "List")
{
listView1.View = View.List;
}
if (comboBox1.Text == "Tile")
{
listView1.View = View.Tile;
}
}
‫عند الضغط علي الخيار (ديتيلز) ال تقوم بي تفاعل ؟؟‬
‫السبب الن الخيار (ديتيلز) يحتوي علي قوائم يجب كتابتها لكي يتفعل الخيار‬
public Form1()
{
InitializeComponent();
listView1.Columns.Add("Folders");
listView1.Columns.Add("Descrption");
‫ الخالصة‬:-
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
listView1.Columns.Add("Folders");
listView1.Columns.Add("Descrption");
listView1.Items.Add("Folder 1",0);
listView1.Items.Add("Folder 2", 0);
listView1.Items.Add("Folder 3", 0);
listView1.Items.Add("Folder 4", 0);
listView1.Items.Add("Folder 5", 0);
listView1.Items.Add("Folder 6", 0);
listView1.Items.Add("Folder 7", 0);
listView1.Items.Add("Folder 8", 0);
 }

private void comboBox1_SelectedIndexChanged(object sender, EventArgs e)

{
if (comboBox1.Text == "LargeIcon")
{
listView1.View = View.LargeIcon;
}
else if (comboBox1.Text == "Details")
{
listView1.View = View.Details;
}
else if (comboBox1.Text == "SmallIcon")
{
listView1.View = View.SmallIcon;
}
else if (comboBox1.Text == "List")
{
listView1.View = View.List;
}
else if (comboBox1.Text == "Tile")
{
listView1.View = View.Tile;
}
}
}
}
‫ الدرس الخامس عشر‬:-
52. ‫ برمجة الواجهات‬- ListView - ‫الجزء الثاني‬
‫التصنيف بناء علي المجموعات‬
‫ مثال‬:-
‫ادراج (لست فيوو) وادراج (ايمج لست) ؟؟‬
‫الحل‬
public partial class Form3 : Form
{
public Form3()
{
InitializeComponent();
// Create 3 Groups
listView1.Groups.Add("", "Programing");
listView1.Groups.Add("", "Social Media");
listView1.Groups.Add("", "Films");

//Add 2 Items To The First Group

listView1.Items.Add("Internet Explor",0);
listView1.Items.Add("Chroom", 1);

listView1.Items[0].Group = listView1.Groups[0];
listView1.Items[1].Group = listView1.Groups[0];

// Add 2 Items To The Second Group

listView1.Items.Add("Face Book",2);
listView1.Items.Add("YouToube", 3);

listView1.Items[2].Group = listView1.Groups[1];
listView1.Items[3].Group = listView1.Groups[1];

// Add 2 Items To The Third Group

listView1.Items.Add("Action", 4);
listView1.Items.Add("Drama", 5);

listView1.Items[4].Group = listView1.Groups[2];
listView1.Items[5].Group = listView1.Groups[2];

}
‫ الدرس السادس عشر‬:-
‫ برمجة الواجهات‬- ListView - ‫الجزء الثاني‬
)‫هي تشبه لي حد ما اداة (لست بوكس‬.RichTextBox‫االداة‬
‫تتميز اداة (رتش تكتس بوكس) الي حد ما بي انها اداة متعددة االسطر‬
 ‫اداة (رتش تكتس بوكس) من اسمها تدل علي انها اداة غنية حيث تسمح بي التعديل علي الوان واحجام‬
‫الخطوط‬
‫تستخدم اداة (رتش تكست بوكس) علي نطاق واسع مثل ملفات (الورد) و (بوربوينت) والعديد من البرامج‬
‫‪ColorDialog‬هذه االداة تقوم بي اتاحة فتح علبة االلوان واختيار اللون الذي تريده‬
‫‪ :-‬مثال‬
‫اداراج (رتش لست بوكس) وادراج (كولور دايلوق ) وادراج بتون‬
‫عند الضغط علي (البتون) تظهر اداة(كولر دايلوق) تتيح لي المستخدم اختيار اللون وسيقوم بتغيير لون‬
‫الخلفية‬
‫الحل‬
‫)‪private void button1_Click(object sender, EventArgs e‬‬
‫{‬
‫)‪if (colorDialog1.ShowDialog() == DialogResult.OK‬‬
‫{‬
‫;‪this.BackColor = colorDialog1.Color‬‬
‫}‬
‫}‬
‫‪ :-‬مثال‬
‫ادراج (رتش لست بوكس) وادراج (بتون)‬
‫عند الضغط علي البتون سيقوم تغير لون الكتابة المكتوبة علي (رتش بوكس تكست)‬
‫الحل‬
‫)‪private void button2_Click(object sender, EventArgs e‬‬
‫{‬
‫)‪if (colorDialog1.ShowDialog() == DialogResult.OK‬‬
‫{‬
‫;‪richTextBox1.SelectionColor = colorDialog1.Color‬‬
‫}‬
‫}‬
‫االداة‪ FontDialog‬هذه االداة تتيح اختيار نوع الخط و شكل الخط‬
‫‪ :-‬مثال‬
‫ادراج (رتش لست بوكس) وادراج (بتون) وادراج (فونت دايلوك)‬
 )‫عند الضغط علي البتون سيقوم تغير لون الكتابة المكتوبة علي (رتش بوكس تكست‬
private void button3_Click(object sender, EventArgs e)
{
if (fontDialog1.ShowDialog() == DialogResult.OK)
{
richTextBox1.SelectionFont = fontDialog1.Font;
}
}