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

عند ضغط هذا الزر ستصبح خلفية الشاشة بيضاء وسيصبح لون النص أسود. وعند ضغطه لمدة طويلة، ستصبح خلفية الشاشة خضراء داكنة وسيصبح لون النص أبيض. --- SECTION: لبرمجة زر تنسيق اللون: --- لبرمجة زر تنسيق اللون: 1. حدد حدث Click (الضغط) لمكون color_button (زر اللون). 2. اضبط خاصية BackgroundColor (لون الخلفية) لمكون VerticalArrangement1 (الترتيب العمودي1) إلى White (أبيض). 3. اضبط خاصية BackgroundColor (لون الخلفية) لمكون discover_label (اكتشف_التسمية) إلى Light Gray (رمادي فاتح). 4. اضبط خاصية TextColor (لون النص) لمكون discover_label (اكتشف_التسمية) إلى Black (أسود). 5. كرر العملية المذكورة أعلاه لمكونات النص المتبقية. 6. حدد حدث Long Click (ضغطة طويلة) لمكون color_button (زر اللون). 7. اضبط الألوان المناسبة للمكونات كما في العملية أعلاه. وزارة التعليم Ministry of Education 215 2025 - 1447 --- VISUAL CONTEXT --- **DIAGRAM**: App Inventor Blocks: color_button Click Event Description: A diagram showing the MIT App Inventor blocks editor interface. On the left side, a list of event blocks for a component named 'color_button' is displayed. The visible events include 'Click', 'GotFocus', 'LongClick', 'LostFocus', and 'TouchDown'. On the right side, a magnified view of the 'when color_button .Click do' block is presented, with a blue circle labeled '1' next to it. A dashed arrow indicates that this specific block is selected or referenced from the list on the left. Key Values: color_button, Click, GotFocus, LongClick, LostFocus, TouchDown, when color_button .Click do Context: This visual element illustrates the first step of the programming instructions, demonstrating how to select the 'Click' event for the 'color_button' component in the MIT App Inventor blocks editor. **DIAGRAM**: App Inventor Blocks: Setting VerticalArrangement1 BackgroundColor Description: A diagram showing the MIT App Inventor blocks editor. On the left, a list of properties for 'VerticalArrangement1' is visible, including 'AlignHorizontal', 'AlignVertical', 'BackgroundColor', and 'Height'. On the right, a block is shown that sets the 'BackgroundColor' of 'VerticalArrangement1' within the 'when color_button .Click do' event. The block reads 'set VerticalArrangement1 .BackgroundColor to'. A blue circle labeled '2' is next to this block. A dashed arrow points from the 'BackgroundColor' property in the list to the 'set' block, indicating its selection and use. Key Values: VerticalArrangement1, AlignHorizontal, AlignVertical, BackgroundColor, Height, color_button, Click, set VerticalArrangement1 .BackgroundColor to Context: This visual element illustrates the second step of the programming instructions, demonstrating how to set the 'BackgroundColor' property of 'VerticalArrangement1' to 'White' when the 'color_button' is clicked, using the corresponding App Inventor blocks.