مكون قائمة الخيارات The ListPicker Component - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

مكون قائمة الخيارات The ListPicker Component يتيح لك ListPicker (قائمة الخيارات) إنشاء منطق خاص بالتطبيق اعتمادًا على اختياراتك، وعند الضغط على مكون ListPicker (قائمة الخيارات) يتغير مظهر الشاشة لعرض محتويات القائمة، وتسمى خاصية المكون التي تخزن بيانات القائمة باسم Elements (العناصر). --- SECTION: تهيئة عناصر ListPicker (قائمة الخيارات) باستخدام بيانات القائمة --- تهيئة عناصر ListPicker (قائمة الخيارات) باستخدام بيانات القائمة --- SECTION: الوصول إلى عناصر ListPicker (قائمة الخيارات) --- الوصول إلى عناصر ListPicker (قائمة الخيارات) --- SECTION: التفاعل مع تحديد عنصر في ListPicker (قائمة الخيارات) --- التفاعل مع تحديد عنصر في ListPicker (قائمة الخيارات) --- SECTION: إرسال المتغيرات إلى شاشة أخرى Sending Variables to Another Screen --- إرسال المتغيرات إلى شاشة أخرى Sending Variables to Another Screen عليك إرسال قيمة متغير اللغة إلى الشاشة التالية من أجل تهيئة النص في المتغير المناسب. يتيح مخترع التطبيقات للبرنامج إرسال قيمة تهيئة يمكن الوصول إليها بواسطة الشاشة التالية، وذلك عند استخدام أمر لفتح شاشة أخرى. --- SECTION: العبارات الشرطية If في مخترع التطبيقات Conditional If Statements in App Inventor --- العبارات الشرطية If في مخترع التطبيقات Conditional If Statements in App Inventor تم إنشاء اللبنات البرمجية If الشرطية في مخترع التطبيقات بشكل مشابه للقوائم، ويمكنك إضافة عبارتي if else أو else إلى اللبنات البرمجية باستخدام أيقونة الترس. --- SECTION: إضافة عبارة else if --- إضافة عبارة else if --- SECTION: إضافة عبارة else --- إضافة عبارة else --- SECTION: إضافة عبارة if البسيطة --- إضافة عبارة if البسيطة 154 --- VISUAL CONTEXT --- **DIAGRAM**: Initialize global items block Description: A programming block for initializing a global variable named 'items' as a list containing three string elements: 'Item #1', 'Item #2', and 'Item #3'. Key Values: initialize global items, make a list, Item #1, Item #2, Item #3 Context: Example of how to initialize a global list variable to populate a ListPicker component. **DIAGRAM**: Set ListPicker Elements block Description: A programming block showing an event handler 'when test_list .BeforePicking' that sets the 'Elements' property of 'test_list' to the value of 'get global items'. Key Values: when test_list .BeforePicking, do set test_list .Elements to, get global items Context: Demonstrates how to dynamically set the elements of a ListPicker before it is opened, typically from a global list variable. **DIAGRAM**: ListPicker Elements property block Description: A standalone programming block representing the 'Elements' property of a 'test_list' ListPicker component. Key Values: test_list .Elements Context: Illustrates the block used to access or set the list of items displayed by the ListPicker. **DIAGRAM**: Description of ListPicker variable Description: A pink text block stating that 'ListPicker (قائمة الخيارات) will take a variable containing a list as elements'. Key Values: ستأخذ ListPicker (قائمة الخيارات) متغيراً يحتوي على قائمة كعناصر. Context: Explains that the ListPicker component expects a list variable to populate its elements. **DIAGRAM**: Description of screen opening Description: A pink text block stating 'The application will open the screen with the specified name in ListPicker (قائمة الخيارات).' Key Values: سيفتح التطبيق الشاشة ذات الاسم المحدد في ListPicker (قائمة الخيارات). Context: Describes the action of opening a new screen based on a selection from the ListPicker. **DIAGRAM**: ListPicker AfterPicking event block Description: A programming block showing an event handler 'when test_list .AfterPicking' that opens another screen. The 'screenName' is not explicitly set in this block, but the 'start value' is 'test_list .Selection'. Key Values: when test_list .AfterPicking, do open another screen screenName, test_list .Selection Context: Demonstrates how to handle the event after a user has picked an item from the ListPicker, typically to pass the selected item to another screen. **DIAGRAM**: Initialize global language block Description: A programming block for initializing a global variable named 'language' with the string value 'en'. Key Values: initialize global language to, "en" Context: Example of initializing a global variable, in this case, for language settings. **DIAGRAM**: Open another screen with start value block Description: A programming block showing an event handler 'when test_button .Click' that opens another screen. The 'screenName' is 'Screen2' and the 'startValue' is 'get global language'. Key Values: when test_button .Click, do open another screen with start value screenName Screen2, startValue get global language Context: Demonstrates how to open a new screen and pass a starting value (a global variable) to it, which can be used for initialization on the new screen. **DIAGRAM**: If-then-else if-then block structure Description: A programming block showing the structure of an 'if-then-else if-then' conditional statement, with a gear icon indicating configurability. It also shows the 'else if' and 'else' blocks that can be dragged into the 'if' block's configuration. Key Values: if, then, else if, then, else if, else Context: Illustrates how to construct a multi-condition 'if-else if' statement in App Inventor, and how to add 'else if' and 'else' clauses using the gear icon. **DIAGRAM**: If-then-else block structure Description: A programming block showing the structure of an 'if-then-else' conditional statement, with a gear icon indicating configurability. It also shows the 'else if' and 'else' blocks that can be dragged into the 'if' block's configuration. Key Values: if, then, else, else if, else Context: Illustrates how to construct an 'if-else' statement in App Inventor, and how to add 'else' clauses using the gear icon. **DIAGRAM**: Simple if-then block structure Description: A programming block showing the structure of a simple 'if-then' conditional statement, with a gear icon indicating configurability. Key Values: if, then Context: Illustrates how to construct a basic 'if-then' statement in App Inventor. **IMAGE**: وزارة التعليم Ministry of Education Logo Description: The logo of the Ministry of Education, Saudi Arabia, with text 'وزارة التعليم' and 'Ministry of Education 2025 - 1447'. Key Values: وزارة التعليم, Ministry of Education, 2025 - 1447 Context: Identifies the publisher or endorsing body of the educational material.