Отображение элементов разной высоты в коллекции приложений на основе холста
Если разные элементы в наборе данных содержат различные объемы данных в одном поле, можно полностью отобразить элементы с большим объемом данных, не добавляя пустое место после элементов с меньшим объемом данных. Добавление и настройка элемента управления коллекцией Изменяющаяся высота позволит делать следующее:
- Настраивать элементы управления Метка, изменяющие размер в зависимости от содержимого.
- Располагать каждый элемент управления таким образом, чтобы он автоматически отображался под элементом управления над ним.
В этом руководстве вы отобразите данные о напольном покрытии в элементе управления коллекции Изменяющаяся высота. Изображение каждого продукта отображается 5 пикселями ниже описания, независимо от того, сколько строк текста содержится в описании.
Материалы к прочтению
Если вы никогда не добавляли элементы управления в коллекции, перед началом работы выполните действия, описанные в статье Отображение списка элементов.
Добавление данных в пустое приложение
Скачайте этот файл Excel, содержащий названия и описания напольного покрытия, а также ссылки на изображения с ним.
Отправьте файл Excel в облачную учетную запись хранения, например OneDrive, Dropbox или Google Drive.
Создайте пустое приложение с макетом Телефон.
Добавьте подключение к таблице FlooringEstimates из файла Excel.
Дополнительные сведения см. в статье Добавление подключения к данным.
Добавление данных в коллекцию
На вкладке Вставка щелкните или коснитесь Коллекция, а затем выберите Переменная высота.
Измените размер коллекции, развернув ее на весь экран.
Задайте для свойства коллекции Items значение FlooringEstimates.
Отображение наименований продуктов
Чтобы выбрать шаблон коллекции, щелкните значок карандаша в левом верхнем углу.
Добавьте к выбранному шаблону коллекции элемент управления Подпись.
Задайте для свойства Text элемента управления Подпись следующее выражение.
ThisItem.Name
Отображение описаний продуктов
Добавьте к выбранному шаблону коллекции еще один элемент управления Подпись и переместите его под первый элемент управления Подпись.
Задайте для свойства Text второго элемента управления Подпись следующее выражение.
ThisItem.OverviewВыбрав второй элемент управления Подпись, щелкните значок тега во вкладке Содержимое или коснитесь его и переименуйте элемент управления на OverviewText.
Задайте для свойства AutoHeight текстового поля OverviewText значение true.
Таким образом, поле будет масштабироваться в соответствии с размерами содержимого.
Отображение изображений продуктов
Увеличьте высоту шаблона в два раза.
По мере создания приложения элементы управления будет легче добавить, и это изменение не повлияет на внешний вид работающего приложения.
Добавьте к выбранному шаблону коллекции еще один элемент управления Изображение и переместите его под текстовое поле OverviewText.
Убедитесь, что для свойства Изображение элемента управления Изображение задано следующее выражение:
ThisItem.ImageЗадайте свойство Y элемента управления Изображение с учетом положения и размера текстового поля OverviewText, как в следующем примере:
OverviewText.Y + OverviewText.Height + 5
Сделайте то же самое, если требуется добавить дополнительные элементы управления. Задайте свойство Y каждого элемента управления с учетом свойств Y и Height элемента управления над ним.
Дальнейшие шаги
Ознакомьтесь с дополнительными сведениями о работе с элементом управления Галерея и с формулами.
Примечание
Каковы ваши предпочтения в отношении языка документации? Пройдите краткий опрос (обратите внимание, что этот опрос представлен на английском языке).
Опрос займет около семи минут. Личные данные не собираются (заявление о конфиденциальности).
Обратная связь
https://aka.ms/ContentUserFeedback.
Ожидается в ближайшее время: в течение 2024 года мы постепенно откажемся от GitHub Issues как механизма обратной связи для контента и заменим его новой системой обратной связи. Дополнительные сведения см. в разделеОтправить и просмотреть отзыв по