App Inventor ListPicker and Page Navigation - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

when riyadh_list .BeforePicking do if get start value = "en" then set riyadh_list . Elements to get global riyadh_highlights_en else if get start value = "ar" then set riyadh_list . Elements to get global riyadh_highlights_ar شكل 3.38: تهيئة محتوى ListPicker (قائمة الخيارات) --- SECTION: فتح صفحة جديدة من قائمة الخيارات ListPicker --- بعد أن أصبح لديك قائمة من المعالم البارزة للمدينة التي تختارها، سيتعين عليك أن تجعل لكل معلم صفحة خاصة تعرض فيها معلومات عنه. وسيُحدّد كل اختيار من ListPicker (قائمة الخيارات) المعلم المطلوب لفتحه، بحيث تدعم الصفحة الخاصة بكل من المعالم اللغتين الإنجليزية والعربية. --- SECTION: للحصول على اسم الصفحة الجديدة للمعلم من التحديد ListPicker (قائمة الخيارات)، --- 1. أنشئ variable (متغير) جديد اسمه selection (اختيار). 2. أضف empty string (سلسلة نصية فارغة) إلى المتغير selection (اختيار). 3. حدد الحدث AfterPicking (بعد الاختيار) لـ riyadh_list (قائمة_الرياض). 4. أضف المتغير selection (اختيار) داخل الحدث AfterPicking (بعد الاختيار). 5. اضبط المتغير selection (اختيار) إلى خاصية selection (اختيار) لـ riyadh_list (قائمة_الرياض). 6. أضف لبنة التعليمات البرمجية if داخل الحدث AfterPicking (بعد الاختيار). وزارة التعليم Ministry of Education 163 2025 - 1447 --- VISUAL CONTEXT --- **DIAGRAM**: App Inventor ListPicker BeforePicking Event Block Description: A block diagram showing conditional logic for setting ListPicker elements based on a 'start value' (language preference 'en' or 'ar'). The block is labeled with '8' in a blue circle. It defines an action 'when riyadh_list .BeforePicking' occurs. Inside, it checks 'if get start value = "en"' and if true, 'then set riyadh_list . Elements to get global riyadh_highlights_en'. Otherwise, 'else if get start value = "ar"' and if true, 'then set riyadh_list . Elements to get global riyadh_highlights_ar'. Key Values: 8, when, riyadh_list, .BeforePicking, do, if, get start value, =, "en", then, set, riyadh_list, .Elements, to, get global riyadh_highlights_en, else if, get start value, =, "ar", then, set, riyadh_list, .Elements, to, get global riyadh_highlights_ar Context: Illustrates how to dynamically load content based on language selection (English or Arabic) using App Inventor blocks before the ListPicker is opened. **SCREENSHOT**: MIT App Inventor Interface with Variable Initialization Blocks Description: A screenshot of the MIT App Inventor development environment. The top bar shows 'Projects', 'Connect', 'Build', 'Settings', 'Help'. The app name 'Visit_SA_App' is visible. Below the app name, there are buttons 'Cities', 'Add Screen', 'Remove Screen', 'Publish to Gallery'. The main workspace is divided into 'Blocks' and 'Viewer' sections. The 'Blocks' section on the left lists categories: 'Built-in', 'Control', 'Logic', 'Math', 'Text', 'Lists', 'Dictionaries', 'Colors', 'Variables', 'Procedures', 'Cities'. The main canvas shows several programming blocks: 'initialize global name to' (with a blue circle '1'), 'get', 'set to', and 'initialize local name to in'. An arrow points from the 'initialize global name to' block to another block labeled 'initialize global selection to'. Key Values: MIT APP INVENTOR, Projects, Connect, Build, Settings, Help, Visit_SA_App, Cities, Add Screen, Remove Screen, Publish to Gallery, Blocks, Viewer, Built-in, Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures, Cities, initialize global name to, 1, get, set to, initialize local name to in, initialize global selection to Context: Demonstrates the visual programming interface of MIT App Inventor, specifically showing how to initialize global and local variables, and highlighting the initialization of a 'selection' variable.