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

--- SECTION: فتح الصفحة المناسبة من التحديد قائمة الخيارات --- فتح الصفحة المناسبة من التحديد قائمة الخيارات Opening the Appropriate Page for the ListPicker Selection سيتم عرض الصفحة الخاصة بالمعلم بناء على الاختيار من ListPicker (قائمة الخيارات)، حيث تتعرف لبنة التعليمات البرمجية على المعلم المراد عرض صفحته سواء كانت باللغة الإنجليزية أو باللغة العربية، وترسل خيار اللغة إلى الشاشة أيضاً. سيتم استخدام الشرط if لتحديد الصفحة التي يوجه إليها التطبيق. --- SECTION: لفتح الصفحة المناسبة من التحديد ListPicker (قائمة الخيارات): --- لفتح الصفحة المناسبة من التحديد ListPicker (قائمة الخيارات): أضف شرط or الذي يحتوي على شرطي equals (يساوي)، وضعهما في عبارة If داخل حدث AfterPicking (بعد الاختيار). 1 أضف المتغير selection (اختيار) إلى الجانب الأيسر من شرطي equals (يساوي). 2 أضف empty string (سلسلة نصية فارغة) المتعلقة بمعلم Al Masmak (المصمك) باللغة الإنجليزية والعربية إلى الجانب الأيمن من شرطي equals (يساوي). 3 افتح شاشة Al Masmak (المصمك) مع تحديد StartValue (قيمة البداية) التي استخدمتها في الشاشة السابقة. 4 --- SECTION: شكل 3.39: تحديد الصفحة من ListPicker (قائمة الخيارات) --- شكل 3.39: تحديد الصفحة من ListPicker (قائمة الخيارات) وزارة التعليم Ministry of Education 165 2025 - 1447 --- VISUAL CONTEXT --- **DIAGRAM**: ListPicker AfterPicking Event Handler (Top-Right) Description: A programming block diagram from MIT App Inventor showing an event handler. The 'when riyadh_list .AfterPicking' block triggers an action 'do set global selection to riyadh_list .Selection'. This block captures the selected item from the 'riyadh_list' ListPicker and stores it in a global variable named 'selection'. Context: Illustrates the basic event handling for a ListPicker component, specifically how to retrieve the user's selection after an item has been picked. **DIAGRAM**: MIT App Inventor Interface Screenshot Description: A screenshot of the MIT App Inventor development environment. It shows the 'Visit_SA_App' project with 'Blocks' and 'Viewer' tabs. The left panel lists built-in components (Control, Logic, Math, Text, Lists, Dictionaries, Colors, Variables, Procedures) and specific project components (riyadh_label, jeddah_label, dammam_label, VerticalArrangement1, cities_label, riyadh_list, jeddah_list, dammam_list, Any component). The top bar shows 'Projects' and 'Connect' options. This interface provides the context for the programming blocks shown elsewhere on the page. Context: Provides a visual reference to the MIT App Inventor development environment and the components available for building mobile applications, specifically highlighting the ListPicker and related UI elements. **DIAGRAM**: ListPicker Item Styling and Selection Blocks (with '5') Description: A set of programming blocks related to the 'riyadh_list' ListPicker component. It includes blocks for setting 'ItemBackgroundColor' and 'ItemTextColor', and a block for getting/setting 'riyadh_list .Selection'. A blue circle with the number '5' points to the 'riyadh_list .Selection' block, indicating its importance in the context of the instructions. Dashed lines connect the 'riyadh_list .Selection' block to the 'set global selection' blocks in other diagrams, suggesting its use as an input. Context: Demonstrates how to programmatically control the visual appearance (background and text color) of ListPicker items and how to access the currently selected item. **DIAGRAM**: Conditional Logic for ListPicker Selection (with '6') Description: A programming block diagram showing a more complex 'when riyadh_list .AfterPicking' event handler. After setting 'global selection' to 'riyadh_list .Selection', it introduces nested 'if-then-else' conditional blocks. A blue circle with the number '6' highlights the 'if-then-else' structure, emphasizing the use of conditional logic. Dashed lines connect the 'riyadh_list .Selection' block to the 'set global selection' block, indicating data flow. Context: Illustrates how to implement conditional branching (if-then-else logic) based on the value selected from a ListPicker, allowing the app to navigate to different pages or perform different actions depending on the user's choice.