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

الآن بعد أن أنشأت شاشة اللحوم والأسماك (Meat and fish)، تحتاج إلى برمجة القائمة لفتح هذه الشاشة عند الضغط على القائمة

لعرض عنصر من القائمة:

< اختر Screen1 (الشاشة الأولى). 1

< من لوحة Blocks (اللبنات) اضغط على زر Foods. 2

< اضغط على لبنة do .Foods.AfterPicking when (عندما تكون الأطعمة. بعد الاختيار)، ثم اسحبها وأفلتها داخل منطقة البرمجة. 3

< من لوحة Blocks (اللبنات)، اضغط قسم لبنات Variables (المتغيرات). 4

< اضغط لبنة set to (اضبط إلى)، واسحبها وأفلتها داخل لبنة when Foods.AfterPicking do (عندما تكون الأطعمة. بعد الاختيار). 5

< من لوحة Blocks (اللبنات)، اضغط على زر Foods. 6

< اضغط على لبنة Foods.Elements (عناصر. الأطعمة) ثم اسحبها وأفلتها داخل لبنة when Foods.AfterPicking do (عندما تكون الأطعمة. بعد الاختيار) بجوار اضبط إلى (set to). 7

< اضغط على السهم بجوار set to (اضبط إلى)، واختر global selection (الاختيار العام). 8

< اضغط على السهم بجوار Elements (العناصر) واختر Selection (الاختيار). 9

وزارة التعليم Ministry of Education 2025 - 1447

150

الآن بعد أن أنشأت شاشة اللحوم والأسماك (Meat and fish)، تحتاج إلى برمجة القائمة لفتح هذه الشاشة عند الضغط على القائمة لعرض عنصر من القائمة: < اختر Screen1 (الشاشة الأولى). 1 < من لوحة Blocks (اللبنات) اضغط على زر Foods. 2 < اضغط على لبنة do .Foods.AfterPicking when (عندما تكون الأطعمة. بعد الاختيار)، ثم اسحبها وأفلتها داخل منطقة البرمجة. 3 < من لوحة Blocks (اللبنات)، اضغط قسم لبنات Variables (المتغيرات). 4 < اضغط لبنة set to (اضبط إلى)، واسحبها وأفلتها داخل لبنة when Foods.AfterPicking do (عندما تكون الأطعمة. بعد الاختيار). 5 < من لوحة Blocks (اللبنات)، اضغط على زر Foods. 6 < اضغط على لبنة Foods.Elements (عناصر. الأطعمة) ثم اسحبها وأفلتها داخل لبنة when Foods.AfterPicking do (عندما تكون الأطعمة. بعد الاختيار) بجوار اضبط إلى (set to). 7 < اضغط على السهم بجوار set to (اضبط إلى)، واختر global selection (الاختيار العام). 8 < اضغط على السهم بجوار Elements (العناصر) واختر Selection (الاختيار). 9 وزارة التعليم Ministry of Education 2025 - 1447 150 --- VISUAL CONTEXT --- **FIGURE**: شاشة برمجة تطبيق Healthy_Food Description: A screenshot of a block-based programming environment, likely App Inventor, for a project named 'Healthy_Food'. The interface is divided into several panels: - **Top Bar**: Shows 'Healthy_Food', 'Screen1', 'Add Screen', 'Remove Screen', 'Publish to Gallery', and 'Designer', 'Blocks' tabs. - **Left Panel (Blocks Palette)**: Labeled 'Built-in' and lists categories such as 'Control', 'Logic', 'Math', 'Text', 'Lists', 'Dictionaries', 'Colors', 'Variables', 'Procedures', 'Screen1', 'Tips', and 'Foods'. The 'Foods' component is highlighted with a blue background. - **Middle Panel (Blocks Editor - Foods Events)**: Displays several event blocks related to the 'Foods' component, including 'when Foods.AfterPicking do', 'when Foods.BeforePicking do', 'when Foods.GotFocus do', 'when Foods.LostFocus do', 'when Foods.TouchDown do', 'when Foods.TouchUp do', and a 'call Foods.Open' block. - **Right Panel (Blocks Editor - Screen1 Initialization and Logic)**: Contains several blocks: - A 'when Tips.Click do' block that opens 'Screen2'. - An 'initialize global Foods to' block that creates a list with items: 'اللحوم والأسماك', 'الحبوب', 'الخضروات', 'الفواكه', 'منتجات الألبان', 'المكسرات'. - An 'initialize global selection to' block with an empty text string. - A 'when Foods.BeforePicking do' block that sets 'Foods.Elements' to 'get global Foods'. - An empty 'when Foods.AfterPicking do' block, which is the target for the instructions. - **Overlaid Numbered Circles**: These circles correspond to the numbered instructions in the text: - Circle '1' points to the 'Healthy_Food' project name and 'Screen1' tab. - Circle '2' points to the 'Foods' component in the left Blocks palette. - Circle '3' points to the 'when Foods.AfterPicking do' block in the middle editor panel. - Circle '4' points to the 'Variables' category in the left Blocks palette. - Circle '5' points to a 'set to' block being dragged towards the 'when Foods.AfterPicking do' block. - Circle '6' points to the 'Foods' component in the left Blocks palette again. - Circle '7' points to the 'Foods.Elements' block. - Circle '8' points to a dropdown menu showing 'global selection'. - Circle '9' points to a dropdown menu showing 'Selection'. Context: This figure illustrates the step-by-step process of programming a dropdown menu in a block-based development environment, showing how to initialize a list of food items and assign them to the menu's elements, as well as handling selection events.