{"id":77101,"date":"2025-12-19T10:50:29","date_gmt":"2025-12-19T15:50:29","guid":{"rendered":"https:\/\/memberpress.com\/?post_type=ht_kb&p=77101"},"modified":"2026-02-11T04:33:16","modified_gmt":"2026-02-11T09:33:16","slug":"configuring-tab-bar-icons-in-memberpress-app","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/pt\/docs\/configuring-tab-bar-icons-in-memberpress-app\/","title":{"rendered":"Configura\u00e7\u00e3o dos \u00edcones da barra de guias no AppKit MemberPress"},"content":{"rendered":"

Os \u00edcones da barra de guias fornecem a navega\u00e7\u00e3o principal nos aplicativos m\u00f3veis. A personaliza\u00e7\u00e3o dos \u00edcones aumenta a consist\u00eancia visual e o alinhamento da marca. Este documento explica como personalizar os \u00edcones da barra de guias, aplicar estilos de exibi\u00e7\u00e3o e visualizar as altera\u00e7\u00f5es nos \u00edcones dentro do aplicativo.<\/p>\r\n\r\n\r\n\r\n

No\u00e7\u00f5es b\u00e1sicas sobre a configura\u00e7\u00e3o do \u00edcone da barra de guias<\/a><\/h2>\r\n\r\n\r\n\r\n

Os \u00edcones da Tab Bar s\u00e3o exibidos na parte inferior das telas dos celulares para acesso r\u00e1pido \u00e0 navega\u00e7\u00e3o. O pacote de \u00edcones oferece v\u00e1rias op\u00e7\u00f5es de estilo, incluindo varia\u00e7\u00f5es preenchidas, de contorno, circulares e quadradas. Os \u00edcones antigos permanecem dispon\u00edveis para prefer\u00eancias de apar\u00eancia familiares. A personaliza\u00e7\u00e3o dos \u00edcones afeta a apar\u00eancia visual e a experi\u00eancia de navega\u00e7\u00e3o dos membros.<\/p>\r\n\r\n\r\n\r\n

Entendendo a estrutura da barra de guias<\/a><\/h2>\r\n\r\n\r\n\r\n

A estrutura da barra de guias limita o n\u00famero de itens de navega\u00e7\u00e3o diretamente acess\u00edveis.<\/p>\r\n\r\n\r\n\r\n

Um m\u00e1ximo de quatro itens<\/strong> podem ser exibidos na barra de guias principal. A quinta posi\u00e7\u00e3o \u00e9 automaticamente reservada para o menu More (Mais).<\/p>\r\n\r\n\r\n\r\n

Mais Excesso de menu<\/strong> cont\u00e9m itens de navega\u00e7\u00e3o adicionais al\u00e9m dos quatro espa\u00e7os da barra de guias. Os membros tocam no \u00edcone More (Mais) para acessar a navega\u00e7\u00e3o de estouro.<\/p>\r\n\r\n\r\n\r\n

Consist\u00eancia dos \u00edcones<\/strong> melhora a clareza da navega\u00e7\u00e3o. Use estilos de \u00edcones semelhantes em todos os itens da barra de guias para obter uma apar\u00eancia coesa.<\/p>\r\n\r\n\r\n\r\n

Acesso \u00e0s configura\u00e7\u00f5es da barra de guias<\/a><\/h2>\r\n\r\n\r\n\r\n

A configura\u00e7\u00e3o do \u00edcone da barra de guias ocorre na interface de configura\u00e7\u00f5es do menu.<\/p>\r\n\r\n\r\n\r\n

    \r\n
  1. Navegue at\u00e9 Painel de controle > MP AppKit<\/strong> > Menus<\/strong>.
    <\/li>\r\n\r\n\r\n\r\n
  2. Localize o Menu da barra de guias<\/strong> se\u00e7\u00e3o.
    <\/li>\r\n\r\n\r\n\r\n
  3. Verifique se os itens de navega\u00e7\u00e3o foram adicionados ao menu da barra de guias.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n

    Personaliza\u00e7\u00e3o de \u00edcones de itens de menu da barra de guias<\/a><\/h2>\r\n\r\n\r\n\r\n

    Cada item de menu da Tab Bar oferece suporte \u00e0 personaliza\u00e7\u00e3o de \u00edcones individuais.<\/p>\r\n\r\n\r\n\r\n

      \r\n
    1. Navegue at\u00e9 Painel de controle > MP AppKit > Menus<\/strong>.
      <\/li>\r\n\r\n\r\n\r\n
    2. Localize o item de menu Tab Bar que requer a personaliza\u00e7\u00e3o do \u00edcone.
      <\/li>\r\n\r\n\r\n\r\n
    3. Clique na seta suspensa ao lado do nome do item de menu.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n
      \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n
        \r\n
      1. Encontre o \u00cdcone do item<\/strong> se\u00e7\u00e3o nas configura\u00e7\u00f5es expandidas.
        <\/li>\r\n\r\n\r\n\r\n
      2. Clique na caixa de \u00edcone para abrir a janela Painel de sele\u00e7\u00e3o de \u00edcones<\/strong>.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n
        \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n
          \r\n
        1. Localize um \u00edcone que represente a fun\u00e7\u00e3o do item de menu e selecione-o.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n
          \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n

          Configura\u00e7\u00e3o de estilos de exibi\u00e7\u00e3o de \u00edcones<\/a><\/h2>\r\n\r\n\r\n\r\n

          Os estilos de exibi\u00e7\u00e3o controlam a apar\u00eancia do \u00edcone e a \u00eanfase visual.<\/p>\r\n\r\n\r\n\r\n

          Defini\u00e7\u00e3o do estilo do \u00edcone<\/a><\/h3>\r\n\r\n\r\n\r\n
            \r\n
          1. Localize o Estilo do \u00edcone<\/strong> no painel de sele\u00e7\u00e3o de \u00edcones.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n
            \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n
              \r\n
            1. Selecione o estilo desejado:\r\n