Extensão Custom List View – APP Inventor Brasil
Tutoriais Extensões Custom List View
Extensão Custom List View
by Lucas Firmino | 11 de janeiro de 2018
No tutorial de hoje vamos conhecer uma extensão muito bacana, já falei em alguns vídeo o que são extensões mas vale relembrar o conceito.
Extensões são componentes desenvolvido por terceiros a fim de executar uma determinada função que a plataforma não disponibiliza nativamente. Estes componentes podem ser importados para sua aplicação através de um arquivo com extensão .aix.
Uma funcionalidade que fazia muita falta tanto no Thunkable quanto no App Inventor era a criação de conteúdo dinâmico personalizado. Quando precisávamos criar uma listagem, por exemplo, pegando informações de um banco de dados os únicos componentes disponíveis eram o ListPicker, ListView e Spinner. Porém elas não permitem (até o momento) uma personalização dos itens listados.
A extensão CustomListView desenvolvida por ColinTree nos dá esta possibilidade de uma forma muito simples e rápida. No vídeo abaixo eu mostro como utilizar esta extensão em uma aplicação. Neste tutorial eu me limitei a mostrar o básico do funcionamento do componente. Para fazer o download da extensão acesse o link http://aix.colintree.cn/en/extensions/ColinTreeListView.html
Agora que já sabe como funciona a extensão, vamos ver um pouco mais sobre os seus blocos.
Eventos do componente: (alguns)
ElementClick: Captura o click em um determinado item da lista. Retorna a variável elementindex que é o índice (começando de um) do elemento selecionado.
ElementLongClick: Captura um clique longo em um determinado elemento da lista. Retorna o elementindex que é o índice (começando de um) do elemento selecionado.
IconClick: Captura o clique no ícone configurado de determinado item da lista.
IconLongClick: Captura o clique longo no ícone configurado de um determinado item da lista
Métodos do componente e suas funções respectivamente:
Adiciona um novo elemento a lista
Adiciona um elemento vazio.
Limpa a lista
Recupera um elemento da lista pelo índice do mesmo.
Inicializa a lista em um layout sem scroll
Inicializa a lista em um layout com scroll
Remove um elemento da lista pelo índice do mesmo
Configura a lista inicial
Configura um elemento para uma determinada posição da lista
Configura um ícone para um determinado elemento pela posição.
Configura o texto principal de um determinado elemento pelo índice
Configura o texto secundário de um determinado elemento pelo índice
Configura o texto de um determinado elemento pelo índice
Por hoje é só pessoal, em breve volto com mais um tutorial sobre esta e outras extensões que eu for conhecendo e aprendendo a usar. Deixe nos comentários sua opinião sobre o tutorial 😉 e até a próxima.
http://aix.colintree.cn/en/extensions/ColinTreeListView.html
https://community.thunkable.com/t/custom-listview-colintreelistview/11964?u=taifun
Custom List View, Extensões, Tutoriais
Desenvolvedor Web Back-end na Action! Soluções tecnológicas. Instrutor na empresa APP Inventor Brasil. Estudante do Curso de Bacharelado em Sistemas de Informação.
11 de janeiro de 2018 at 11:21
Gostei das explicações o site esta bem detalhado e simples esta mjito bom
Agdonelli
3 de fevereiro de 2018 at 00:46
Fala Lucas, gostei e uma sugestão fazer um vídeo para buscar dados do firebase e quando clicar ir para outra screen com os dados do item escolhido.
5 de junho de 2018 at 12:59
Parabéns pelo post, era exatamente o que estava procurando. Só estou com uma dificuldade… no listview nativo eu usava o metodo "ElementsFromString" para preencher a lista dinamicamente com os dados de uma tabela fusiontable, nessa extensão ainda não achei algo semelhante, pode me ajudar?
6 de junho de 2018 at 11:08
http://appinventorbrasil.com.br/api-com-custom-list-view/
Este outro artigo irá lhe ajudar parceiro.
17 de junho de 2018 at 00:19
olá é possível com o collinTreeListView mostrar o metadata de album para mp3 por exemplo? Na construção de meu app chamo os diretórios que contem mp3 ou m4a como elements
17 de junho de 2018 at 22:19
Acredito que seja possível sim, mas acredito que seja apenas as informações do áudio mesmo.
7 de setembro de 2018 at 10:06
aia file please
7 de setembro de 2018 at 11:47
Oops my friend, unfortunately I do not have the aia of this class anymore, but if you follow the step by step you will arrive at the same result.
animacao api app wordpress banco local canvas carrinho de compras desenha extensions extensoes firabase firebase google planilhas HTML5 iniciantes iot javascript list view local storage loja vistual makeroid maps menu lateral mysql nova plataforma novidades persist firebase php push push notifications radio button sensor location sidebar sincronizar dadso spreadsheets Thunakble support thunkable thunkable emulador thunkable notifications thunkable sidebar tinydb vale a pena vysro web web app wordpress