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

ستنشئ الآن زر أمر يسمى "نصائح صحية". عندما تضغط على الزر، ستفتح شاشة جديدة بها "نصائح صحية".

إضافة زر (Button):

اسحب وأفلت Button (زر) من لوحة العناصر في الأدوات المستخدمة في إعداد واجهة المستخدم.

اضغط Rename (إعادة تسمية).

اكتب الاسم الجديد، واضغط على OK (موافق).

بإمكانك كتابة اسم الزر باللغة العربية والإنجليزية.

مرر الشريط الجانبي للأسفل في قسم Properties (الخصائص) ثم اضغط على Text (النص) واكتب النص الذي سيظهر على زر الأمر "نصائح صحية".

سيتغير الاسم في قسم المكونات وعند استخدام اللبنات.

سيتغير الاسم في شاشة العرض.

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

ستنشئ الآن زر أمر يسمى "نصائح صحية". عندما تضغط على الزر، ستفتح شاشة جديدة بها "نصائح صحية". إضافة زر (Button): --- SECTION: 1 --- اسحب وأفلت Button (زر) من لوحة العناصر في الأدوات المستخدمة في إعداد واجهة المستخدم. --- SECTION: 2 --- اضغط Rename (إعادة تسمية). --- SECTION: 3 --- اكتب الاسم الجديد، واضغط على OK (موافق). بإمكانك كتابة اسم الزر باللغة العربية والإنجليزية. --- SECTION: 4 --- مرر الشريط الجانبي للأسفل في قسم Properties (الخصائص) ثم اضغط على Text (النص) واكتب النص الذي سيظهر على زر الأمر "نصائح صحية". سيتغير الاسم في قسم المكونات وعند استخدام اللبنات. سيتغير الاسم في شاشة العرض. 127 وزارة التعليم Ministry of Education 2025 - 1447 --- VISUAL CONTEXT --- **FIGURE**: Healthy_Food App Interface Description: A screenshot of the App Inventor development environment, showing the 'Healthy_Food' project. It consists of three main panels: 'Palette' on the left, 'Viewer' in the center, and 'Components' and 'Properties' on the right. The 'Palette' panel displays 'User Interface' components like Button, CheckBox, DatePicker, Image, Label, ListView, Notifier, PasswordTextBox, Slider, Spinner, Switch, and TextBox. The 'Viewer' panel shows a smartphone screen preview with 'الشاشة الرئيسية' (Main Screen) at the top and a button labeled 'Text for Button1'. The 'Components' panel lists 'Screen1' and 'Button1'. The 'Properties' panel is partially visible below 'Components'. A blue circle with '1' points to the 'Button' component in the 'Palette'. A blue circle with '2' points to the 'Rename' option under 'Button1' in the 'Components' panel. Context: Illustrates the initial steps of adding and managing a button component in a visual programming environment. **FIGURE**: Rename Component Description: A dialog box titled 'Rename Component'. It contains two text fields: 'Old name:' which displays 'Button1', and 'New name:' which is currently empty. Below these fields are two buttons: 'Cancel' and 'OK'. A blue circle with '3' points to the 'New name:' input field. A blue circle with '4' points to the 'OK' button. Context: Shows the interface for renaming a component, specifically a button, within the development environment. **FIGURE**: Properties Panel Description: A partial view of a properties panel, likely for the 'Button1' component. It shows the 'Text' property with its value set to 'نصائح صحية' (Healthy Tips). Below it, the 'TextAlignment' property is shown with the value 'center : 1'. A blue circle with '5' points to the 'Text' property field. Context: Demonstrates how to modify the display text of a button component using its properties panel.