مقدمة
الكلاس ListView
يستخدم لإضافة قائمة ( List ) عامودية أو أفقية في واجهة المستخدم.
بناء الكلاس ListView
@DefaultProperty(value="items")
public class ListView<T>
extends Control
معلومة تقنية
كل كائن ListView
تنشئه يتم ربطه بكائن من كلاس إسمه ObservableList
.
كائن الـ ObservableList
هو الذي تتخزن فيه الخيارات التي تظهر في الـ ListView
.
لهذا السبب, سيكون عليك إنشاء كائن من الكلاس ObservableList
و تمرر له العناصر التي تريدها أن تظهر في كائن الـ ListView
.
بعدها تقوم برط كائن الـ ObservableList
بكائن الـ ListView
بواسطة الدالة setItems()
.
لا تقلق ستفهم كل شيء من الأمثلة.
أمثلة شاملة
في جميع الأمثلة سنتعامل مع القائمة كالتالي:
- سنقوم بتعريف كائن من الكلاس
ListView
و الذي بدوره يمثل القائمة التي ستظهر في واجهة المستخدم.
- سنقوم بتعريف كائن من الكلاس
ObservableList
و الذي سنستخدمه لتخزين العناصر التي ستظهر في القائمة.
- سنقوم بربط كائن الـ
ListView
بكائن الـ ObservableList
بواسطة الدالة setItems()
.
المثال الأول
المثال التالي يعلمك طريقة إنشاء كائن من الكلاس ListView
يحتوي على عناصر.

شاهد المثال »
المثال الثاني
المثال التالي يعلمك عرض عناصر الـ ListView
بشكل أفقي, أي ستتعلم كيف تنشئ Horizontal ListView.

شاهد المثال »
المثال الثالث
المثال التالي يعلمك طريقة معرفة العنصر الذي قام المستخدم باختياره من ضمن العناصر الموجودة في ListView
.
ملاحظة: هنا النتيجة تتغير مباشرةً أثناء إختيار العناصر من القائمة.

شاهد المثال »
المثال الرابع
المثال التالي يعلمك طريقة معرفة العنصر الذي قام المستخدم باختياره من ضمن العناصر الموجودة في ListView
عند النقر على Button
.

شاهد المثال »
المثال الخامس
المثال التالي يعلمك طريقة جعل المستخدم قادر على إختيار أكثر من عنصر في الـ ListView
و عرض إسم و عدد العناصر التي قام باختيارها.
ملاحظة: هنا النتيجة تتغير مباشرةً أثناء إختيار العناصر من القائمة.

شاهد المثال »
المثال السادس
المثال التالي يعلمك طريقة جلب جميع العناصر التي قام المستخدم باختيارها في أكثر من ListView
.
ملاحظة: القائمة الأولى يمكن إختيار عنصر واحد منها في كل مرة, القائمة الثانية يمكن اختيار أكثر من قيمة فيها.

شاهد المثال »
المثال السابع
المثال التالي يعلمك طريقة جعل المستخدم يقوم بإضافة أو حذف عناصر في كائن الـ ListView
.
بالإضافة إلى إظهار عدد جميع العناصر الموجودة فيه.

شاهد المثال »
المثال الثامن
المثال التالي يعلمك طريقة جعل المستخدم قادر على تعديل نص عناصر الـ ListView
.

شاهد المثال »
المثال التاسع
المثال التالي يعلمك طريقة إنشاء ListView
لإختيار الألوان.

شاهد المثال »