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

لإضافة مكونات داخل مكون HorizontalArrangement (الترتيب الأفقي):

من فئة User Interface (واجهة المستخدم)، اسحب مكون Label (التسمية)، وفي خاصية Text (النص) اكتب Name: .

من فئة User Interface (واجهة المستخدم)، اسحب مكون TextBox (مربع نص) ومكون Button (زر).

في مكون Button (زر)، تحقق من خاصية FontBold (الخط الغامق).

في خاصية Text (النص) اكتب Save.

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

167

لإضافة مكونات داخل مكون HorizontalArrangement (الترتيب الأفقي): من فئة User Interface (واجهة المستخدم)، اسحب مكون Label (التسمية)، وفي خاصية Text (النص) اكتب Name: . 1. من فئة User Interface (واجهة المستخدم)، اسحب مكون Label (التسمية)، وفي خاصية Text (النص) اكتب Name: . من فئة User Interface (واجهة المستخدم)، اسحب مكون TextBox (مربع نص) ومكون Button (زر). 2. من فئة User Interface (واجهة المستخدم)، اسحب مكون TextBox (مربع نص) ومكون Button (زر). في مكون Button (زر)، تحقق من خاصية FontBold (الخط الغامق). 3. في مكون Button (زر)، تحقق من خاصية FontBold (الخط الغامق). في خاصية Text (النص) اكتب Save. 4. في خاصية Text (النص) اكتب Save. وزارة التعليم Ministry of Education 2025 - 1447 167 --- VISUAL CONTEXT --- **DIAGRAM**: User Interface Description: A vertical scrollable list of UI components under the header 'User Interface'. Each component name is accompanied by a question mark icon in a circle. Key Values: Button, CheckBox, CircularProgress, DatePicker, Image, Label, LinearProgress, ListPicker, ListView, Notifier, PasswordTextBox, Slider, Spinner, Switch, TextBox Context: Shows available UI components for selection in a development environment. **DIAGRAM**: User Interface Description: A vertical scrollable list of UI components, identical to the left list, but with the 'Label' component highlighted. A blue curved arrow points from the highlighted 'Label' to a property panel for 'Text'. Key Values: Button, CheckBox, CircularProgress, DatePicker, Image, Label (highlighted), LinearProgress, ListPicker, ListView, Notifier, PasswordTextBox, Slider, Spinner, Switch, TextBox Context: Illustrates selecting the 'Label' component and its associated property panel. **DIAGRAM**: Text Description: A small rectangular panel with 'Text' as a header and an input field below it. The input field contains the placeholder 'Name:'. This panel is shown as the target of an arrow from the 'Label' component in the UI list. Key Values: Text (header), Name: (input field placeholder) Context: Shows how to set the 'Text' property for a 'Label' component. **DIAGRAM**: Button1 Description: A rectangular panel titled 'Button1'. It contains a collapsible section 'Appearance' which is expanded. Inside 'Appearance', 'BackgroundColor' is set to 'Default' (indicated by a black circle). 'FontBold' is a checkbox that is checked (indicated by a checkmark). Key Values: Button1 (title), Appearance (collapsible header), BackgroundColor: Default (black circle), FontBold: checked (checkmark) Context: Demonstrates how to access and modify appearance properties, specifically 'FontBold', for a 'Button' component. **DIAGRAM**: Text Description: A small rectangular panel with 'Text' as a header and an input field below it. The input field contains the text 'Save'. Key Values: Text (header), Save (input field content) Context: Shows how to set the 'Text' property for a 'Button' component to 'Save'.