برمجة زر التكبير Zoom In Button - كتاب هندسة البرمجيات - الصف 12 - الفصل 1 - المملكة العربية السعودية

برمجة زر التكبير Zoom In Button سيقوم هذا الزر بزيادة القيمة الحالية لخاصية FontSize (حجم الخط) لكافة مكونات النص بمقدار نقطة واحدة في كل مرة يتم الضغط عليه. --- SECTION: لبرمجة زر التكبير --- لبرمجة زر التكبير ١. حدد حدث Click (الضغط) لمكون zoomin_button (زر_التكبير). ٢. حدد الأمر Set FontSize (ضبط حجم الخط) للمكون discover_label (اكتشف_التسمية). ٣. حدد لبنة Addition (الجمع) من مجموعة أوامر Math (الحساب). ٤. أضف القيمة 1 إلى خاصية FontSize (حجم الخط) الموجودة لمكون discover_label (اكتشف_التسمية). ٥. كرر العملية نفسها لمكونات النص المتبقية على الشاشة. وزارة التعليم Ministry of Education 2023 - 1447 206 --- VISUAL CONTEXT --- **FIGURE**: App Inventor Blocks Editor - Zoom In Button Events Description: A screenshot of the MIT App Inventor Blocks editor. The top-left corner shows 'MIT APP INVENTOR'. The top bar includes 'Projects', 'Connect', 'Build', 'Settings', 'Help'. Below that, 'Visit_SA_App' is visible. The left panel, labeled 'Blocks', lists various components and categories: 'Text', 'Lists', 'Dictionaries', 'Colors', 'Variables', 'Procedures', 'AlMasmak', 'A discover_label', 'VerticalArrangement1', 'ATitle_label', 'image', 'A description_label', 'HorizontalArrangement1', 'zoomin_button', 'map_button', and 'Map1', followed by 'Any component'. The main viewer area displays several event blocks for 'zoomin_button': 'when zoomin_button .Click do', 'when zoomin_button .GotFocus do', 'when zoomin_button .LongClick do', 'when zoomin_button .LostFocus do', 'when zoomin_button .TouchDown do', and 'when zoomin_button .TouchUp do'. A blue circle with the number '1' highlights the 'when zoomin_button .Click do' block, indicating it's the first step in the programming instructions. Key Values: zoomin_button, Click, GotFocus, LongClick, LostFocus, TouchDown, TouchUp, discover_label, map_button Context: This visual demonstrates the available event handlers for the 'zoomin_button' component in MIT App Inventor, specifically highlighting the 'Click' event as the starting point for the zoom functionality. **FIGURE**: Zoomed-in 'Click' Event Block Description: A zoomed-in view of the 'when zoomin_button .Click do' block, which is highlighted as step 1 in the larger screenshot. This block represents the event handler that will execute code when the 'zoomin_button' is clicked. Key Values: zoomin_button, Click Context: This visual emphasizes the specific 'Click' event block, which is crucial for initiating the font size change when the button is pressed. **FIGURE**: App Inventor Blocks Editor - discover_label Properties Description: A second screenshot of the MIT App Inventor Blocks editor. The top-left corner shows 'MIT APP INVENTOR'. The top bar includes 'Projects', 'Connect', 'Build', 'Settings', 'Help'. Below that, 'Visit_SA_App' is visible. The left panel, labeled 'Blocks', lists various components and categories. The main viewer area displays several property blocks for 'discover_label': 'discover_label .BackgroundColor', 'set discover_label .BackgroundColor to', 'discover_label .FontSize', 'set discover_label .FontSize to', 'discover_label .HTMLContent', 'discover_label .HasMargins', 'set discover_label .HasMargins to', and 'discover_label .Height'. A blue circle with the number '2' highlights the 'set discover_label .FontSize to' block, indicating it's the second step in the programming instructions. Key Values: discover_label, FontSize, BackgroundColor, HTMLContent, HasMargins, Height Context: This visual shows how to access and modify properties of the 'discover_label' component, specifically highlighting the 'set FontSize' block which is used to change the text size. **FIGURE**: Combined 'Click' Event and 'Set FontSize' Block Description: A block diagram showing the 'when zoomin_button .Click do' event block connected to the 'set discover_label .FontSize to' property setter block. This illustrates how the font size of 'discover_label' will be modified when the 'zoomin_button' is clicked, as per the programming instructions. Key Values: zoomin_button, Click, set discover_label, FontSize Context: This visual demonstrates the logical connection between the button click event and the action of setting the font size, forming a complete programming instruction.