Como exibir uma galeria de fotos em seu aplicativo movel

Galeria de fotos

Uma galeria de fotos exibe suas próprias imagens em uma seção do seu app. Envie-as do seu computador, dê a elas um título e uma legenda, defina a ordem e escolha um layout que combine com elas.

Adicionar uma seção Photos

No menu "My App", em Structure, clique em "Add a section" no fim do Menu… e escolha Photos, que também aparece se você digitar gallery.

Nomeie a seção e depois clique em Add.

A seção entra no seu menu, ainda vazia.

Enviar suas fotos

Abra a seção: o Album reúne as fotos. Clique em "Edit the content".

"Add a photo" abre os arquivos do seu computador: selecione várias fotos de uma vez.

Aguarde até o envio terminar… suas fotos chegam com o status Published e o nome do arquivo como título. Nomeie os arquivos antes de enviar ou renomeie as fotos aqui.

Títulos e legendas

Clique em um título para mudá-lo… e adicione uma legenda do mesmo jeito. Ambos são salvos na hora.

No app, uma foto se abre em tela cheia, com o título e a legenda dela.

Ordem e visibilidade

Arraste uma foto para mudar o lugar dela: seu app as exibe nesta ordem.

Para ocultar uma foto sem excluí-la, altere o status dela para "Not listed"… ela sai da galeria até você mudar o status de volta para Published.

Com muitas fotos, a visualização em lista mostra a posição delas. Selecione várias para mudar o status delas ou excluí-las de uma vez.

Personalizar o design da galeria

Em "Edit the design", "Visual Card" mostra um card por foto, com o título dela.

"Thumbnail format" define o formato das fotos, que pode até ser o original delas.

Square cria uma grade de fotos quadradas… e Ratio, uma grade em que cada foto mantém o próprio formato.

Em Toolbar, escolha as ações oferecidas em uma foto: Share, Comments e Favorites. Dê aos ícones uma cor visível no seu cabeçalho.

Preview mostra os ícones em uma foto.

Suas fotos ficam disponíveis assim que são enviadas. Uma nova seção só chega ao seu app publicado depois que você publicar, com "Publish my project".