[Vídeo Tutorial] Como mudar os ícones no Menu da minha App
Escrito por GoodBarber Team na
Quando constróis o design da tua app, poderás escolher vários templates entre uma variedade de diferentes modos de navegação. Alguns desses modos de navegação incluem ícones para cada secção particular.
Neste vídeo vamos apresentar-te como:
- Adicionar secções simples da tua app para apresentar a estrutura do teu menu;
- Definir os ícones da tua app depois de escolheres o teu modo de navegação;
- Submeter os teus próprios ícones.
Neste vídeo vamos apresentar-te como:
- Adicionar secções simples da tua app para apresentar a estrutura do teu menu;
- Definir os ícones da tua app depois de escolheres o teu modo de navegação;
- Submeter os teus próprios ícones.
Podes escolher e configurar os ícones do menu da tua app através do Menu Design no teu back office.
Do teu lado direito, tens um guia com os 5 procedimentos que te ajudam a customizar a tua app. As definições dos ícones do teu menu são alteradas no primeiro passo do menu.
Poderás ver todos os templates de navegação que podes agora escolher, contudo, eles não incluem ícones. Apenas os templates TabBar, Little Swipe, Grid and Classic TabBar usam ícones.
Se estás a criar um design da tua app pela primeira vez, sugerimos que sigas este processo depois de escolheres as secções do teu menu.
Do teu lado direito, tens um guia com os 5 procedimentos que te ajudam a customizar a tua app. As definições dos ícones do teu menu são alteradas no primeiro passo do menu.
Poderás ver todos os templates de navegação que podes agora escolher, contudo, eles não incluem ícones. Apenas os templates TabBar, Little Swipe, Grid and Classic TabBar usam ícones.
Se estás a criar um design da tua app pela primeira vez, sugerimos que sigas este processo depois de escolheres as secções do teu menu.
Adiciona secções teste para visualizares a estrutura do teu menu
Para conseguires ver um preview rápido de como é que o teu menu irá aparecer, podes adicionar secções teste no Menu de Secções.
Clica em “Adicionar sample” e escolhe um entre os diferentes tipos de exemplos de secção que disponibilizamos, tais como artigos, fotografias, vídeos, etc. Secções sample vão ajudar-te a criar uma estrutura do teu menu focando a tua atenção apenas no design.
Por outro lado, deves primeiro saber exatamente quantas e que tipo de secções a tua app vai ter para deixares a edição do ícone em último lugar.
Clica em “Adicionar sample” e escolhe um entre os diferentes tipos de exemplos de secção que disponibilizamos, tais como artigos, fotografias, vídeos, etc. Secções sample vão ajudar-te a criar uma estrutura do teu menu focando a tua atenção apenas no design.
Por outro lado, deves primeiro saber exatamente quantas e que tipo de secções a tua app vai ter para deixares a edição do ícone em último lugar.
Define os ícones da tua app depois de escolheres o modo de navegação
Retrocedendo ao modo de navegação do teu menu e escolhendo um modo de navegação que apresente ícones, poderás agora configurar as definições do modo de navegação assim como escolher e modificar os ícones.
Clicando no ícone, podes escolher um ícone através da galeria de imagens. Sempre que mudas um ícone, podes imediatamente, ver o resultado na pré-visualização.
Clicando no ícone, podes escolher um ícone através da galeria de imagens. Sempre que mudas um ícone, podes imediatamente, ver o resultado na pré-visualização.
Submete os teus próprios ícones
Se não queres usar os ícones standard que disponibilizamos e se quiseres submeter os teus próprios ícones, tens que abrir a galeria de imagens novamente, escolher “Ícones Pessoais” e fazer o upload dos ficheiros.
Toma atenção aos requisitos que te são pedidos. Terás que submeter uma imagem em branco com um background transparente para o arquivo de imagens ou no formato PNG e deverá ter as seguintes dimensões: 260 * 260 pixels.
Se quiseres mudar os ícones depois de escolheres o modo de navegação clica no botão “editar” por baixo do preview do template de navegação escolhido. Para adicionares os novos ícones na app, terás que ir ao Menu “Publicar”, aceder ao changelog e clicar em “Atualizar agora”.
Poderás ver a lista de todas as modificações e atualiza-las.
Assim que a atualização estiver terminado, os novos ícones serão aplicados no menu da tua app.
Toma atenção aos requisitos que te são pedidos. Terás que submeter uma imagem em branco com um background transparente para o arquivo de imagens ou no formato PNG e deverá ter as seguintes dimensões: 260 * 260 pixels.
Se quiseres mudar os ícones depois de escolheres o modo de navegação clica no botão “editar” por baixo do preview do template de navegação escolhido. Para adicionares os novos ícones na app, terás que ir ao Menu “Publicar”, aceder ao changelog e clicar em “Atualizar agora”.
Poderás ver a lista de todas as modificações e atualiza-las.
Assim que a atualização estiver terminado, os novos ícones serão aplicados no menu da tua app.