Mostrar elementos de diferentes alturas na galería das aplicacións de lenzo

Se diferentes elementos do seu conxunto de datos conteñen cantidades diferentes de datos no mesmo campo, pode mostrar completamente elementos que conteñan máis datos sen engadir espazo baleiro despois de elementos que conteñan menos datos. Engada e configure o control da galería Altura flexible para que poida:

  • Configurar os controis Etiqueta para ampliar ou reducir en función do seu contido.
  • Coloque cada control de xeito que apareza automaticamente xusto debaixo do control por enriba del.

Neste titorial, mostra datos sobre produtos para pavimentos nun control da galería Altura flexible. A imaxe de cada produto aparece 5 píxeles por debaixo da visión xeral, tanto se a visión xeral contén cinco liñas de texto ou dúas liñas.

Aplicación dinámica.

Lectura suxerida

Se nunca engadiu controis a unha galería, siga os pasos de Mostrar unha lista de elementos antes de continuar neste tema.

Engadir datos a unha aplicación en branco

  1. Descargue este ficheiro de Excel, que contén nomes, visións xerais e ligazóns a imaxes de produtos para pavimentos.

    Produtos para pavimentos.

  2. Cargue o ficheiro de Excel nunha conta de almacenamento na nube, como OneDrive, Dropbox ou Google Drive.

  3. Crear un aplicación en branco con Teléfono maquetación.

  4. Engada unha conexión á táboa FlooringEstimates do ficheiro de Excel.

    Para máis información, consulte Engadir unha conexión.

  1. No separador Inserir, prema ou toque Galería e, a seguir, prema ou toque Altura flexible.

    Engadir galería.

  2. Redimensione a galería para que ocupe toda a pantalla.

  3. Estableza a propiedade Elementos da galería en FlooringEstimates.

Mostrar os nomes do produto

  1. Na esquina superior esquerda da galería, prema ou toque a icona de lapis para seleccionar o modelo da galería.

    Icona de lapis.

  2. Co modelo da galería seleccionado, engádalle un control Etiqueta.

  3. Axuste a propiedade Texto do control Etiqueta nesta expresión:
    ThisItem.Name

    Engadir etiqueta.

Mostrar as visións xerais do produto

  1. Co modelo de galería seleccionado, engade outro control Etiqueta e móvao por debaixo do primeiro control Etiqueta.

  2. Axuste a propiedade Texto do segundo control Etiqueta nesta expresión:
    ThisItem.Overview

  3. Co segundo control Etiqueta seleccionado, prema ou toque a icona de etiqueta de nome no separador Contido e cambie o nome do control a Visión xeral.

    Cambiar o nome da etiqueta.

  4. Estableza a propiedade AutoHeight da caixa OverviewText en true.

    Este paso asegura que a caixa aumente ou se reduza para axustarse ao seu contido.

    Altura automática do texto.

Mostrar as imaxes do produto

  1. Cambia de tamaño o modelo para que sexa o dobre de alto.

    Pode engadir controis ao modelo con máis facilidade mentres crea a aplicación e este cambio non afectará ao aspecto da aplicación cando se executa.

  2. Co modelo de galería seleccionado, engada un control Imaxe e móvao por debaixo da caixa OverviewText.

  3. Asegúrese de que a propiedade Imaxe do control Imaxe se configura nesta expresión:
    ThisItem.Image

  4. Estableza a propiedade Y do control Imaxe en función da posición e o tamaño da caixa OverviewText, como nesta expresión:
    OverviewText.Y + OverviewText.Height + 5

    Aplicación final.

Aplique o mesmo concepto se desexa engadir máis controis: configure a propiedade Y de cada control en función das propiedades Y e Altura do control por riba dela.

Pasos seguintes

Obteña máis información sobre como traballar cun control de galería e fórmulas.

Nota

Pode indicarnos as súas preferencias para o idioma da documentación? Realice unha enquisa breve. (teña en conta que esa enquisa está en inglés)

Esta enquisa durará sete minutos aproximadamente. Non se recompilarán datos persoais (declaración de privacidade).