Додавання поля списку, розкривного списку, поля зі списком або перемикачів до компонованої програми

Відобразіть один стовпець даних (наприклад, з таблиці з кількома стовпцями) у компонованій програмі, щоб користувачі могли вибрати один або кілька елементів у списку.

• Додайте поле списку, щоб дозволити користувачам вибирати більше одного варіанта.
• Додайте розкривний список або поле зі списком, щоб елементи займали менше місця на екрані.
• Додайте набір перемикачів для характерного дизайнерського ефекту.

Цей розділ зосереджений на полях списків і перемикачах, але ті ж принципи застосовуються до розкривних списків.

Вимоги

1. Створити пусту компоновану програму.
2. Дізнайтесь, як додати та настроїти елементи керування.

Створення простого списку

1. Додайте елемент керування Поле списку, під назвою MyListBox, і для його властивості Елементи вкажіть цей вираз:

   ["circle","triangle","rectangle"]
   

   Ваш конструктор виглядає наступним чином:

   

2. На вкладці "Вставлення" виберіть пункт "Піктограми", виберіть коло та перемістіть його під MyListBox.

   

3. Додайте трикутник і прямокутник, а потім розташуйте фігури в рядок під MyListBox.

   

4. Для властивості Видимість фігур, встановіть у якості значень наступні функції:

   Фігура	Встановити значення функції "Видимість"
   коло	If("circle" in MyListBox.SelectedItems.Value, true)
   трикутник	If("triangle" in MyListBox.SelectedItems.Value, true)
   прямокутник	If("rectangle" in MyListBox.SelectedItems.Value, true)

5. Утримуючи клавішу Alt, виберіть одну або кілька фігур у MyListBox.

   Відобразиться лише фігура або фігури, які було вибрано.

У зазначених вище кроках використано вираз для створення списку елементів. Це можна застосувати до інших елементів вашої компанії. Наприклад, можна використати елемент керування "Розкривний список", щоб відобразити зображення продуктів, описи продуктів тощо.

Додавання перемикачів

1. У вкладці Головна виберіть новий екран, а тоді натисніть Порожній.

2. На вкладці Вставлення виберіть "Елементи керування", а потім виберіть елемент Перемикач.

   

3. Перейменуйте елемент керування Перемикач у Варіанти вибору, і настройте його властивість "Елементи" відповідно до нижченаведеної формули:
   ["red","green","blue"]
   

   

   При необхідності, змініть розмір елемента керування, щоб показати всі варіанти.

4. На вкладці Вставлення виберіть "Піктограми", а потім виберіть коло.

5. Значенням властивості кола "Заливка" задайте наступну функцію:
   If(Choices.Selected.Value = "red", Red, Choices.Selected.Value = "green", Green, Choices.Selected.Value = "blue", Blue)

   У цій формулі, коло змінює колір залежно від вибраного перемикача.

6. Перемістіть коло під елемент керування "Перемикач", як вказано у цьому прикладі:

   

7. Утримуючи клавішу Alt, виберіть інший перемикач, щоб змінити колір кола.

Додавання елемента до наявного списку

1. Додайте елемент керування Кнопка та назвіть його «btnReset».

   Не знаєте, як додати, іменувати та настроїти елемент керування?

2. Установіть для властивості OnSelect у btnReset таку формулу:

   ClearCollect(MyItems, {value: "circle"},{value: "triangle"},{value: "rectangle"})
   

3. Установіть для властивості Текст у btnReset значення "Reset".

4. Додайте елемент керування Поле списку з іменем lbItems і встановіть для властивості Елементи значення MyItems.

5. Утримуючи натиснутою клавішу Alt, натисніть кнопку Скинути.

   Примітка

   Поле списку буде заповнено елементами з колекції «MyItems».

6. Розташуйте поле списку й кнопку вертикально.

   

7. Додайте елемент керування Введення тексту та назвіть його «txtAdd».

8. Установіть для властивості Текст для txtAdd значення "".

9. Додайте елемент керування Кнопка та назвіть його «btnAdd».

10. Установіть для властивості Текст для btnAdd значення "Add".

11. Установіть для властивості OnSelect у btnAdd таку формулу:

    Collect(MyItems,{value: txtAdd.Text}); Reset(txtAdd)
    

    Примітка

    • Функція збирання додасть текст із введеного тексту як елемент колекції.
    • Функція скидання змінить стан введення тексту на стан за промовчанням.

12. Розташуйте txtAdd і btnAdd вертикально під lbItems і btnReset.

    

13. Щоб ознайомитися з програмою, натисніть клавішу F5.

14. Додайте текстове значення до елемента керування введенням тексту txtAdd.

15. Натисніть кнопку «Додати».

    Примітка

    Поле списку буде заповнено елементами з колекції «MyItems».

(Необов’язково) Видалення елемента з наявного списку

1. Додайте елемент керування Кнопка та назвіть його «btnDelete».

2. Установіть для властивості Текст для btnDelete значення "Delete".

3. Установіть для властивості OnSelect у btnDelete таку формулу:

   Remove(MyItems, lbItems.Selected)
   

4. Розташуйте елемент BtnDelete вертикально під btnReset

   

5. Щоб ознайомитися з програмою, натисніть клавішу F5.

6. Натисніть кнопку «Скинути», щоб скинути поле списку.

7. Щоб вибрати елемент, натисніть його в списку.

8. Натисніть кнопку «Видалити», щоб видалити елемент.