22/06/2020, 16:54
Recentemente, aproveitei a quarentena e decidi ir fundo e criar uma vista nova para a Skin MQ8 que atendesse minhas necessidades no quesito Jogos.
Gosto muito da Skin MQ8, mas eu sempre quis uma vista para navegar pelos meus jogos que eu tenho usando o Addon Advanced Emulator Launcher. As 5 vistas que a skin possui para addons de programas, são muito bonitas sim, mas algo em mim pedia algo diferente. Então resolvi fuçar no codigo da skin e fazer. Com isso nasceram duas novas vistas:
A primeira é baseada na vista Show Art de videos, na qual eu apelidei de Vista Play:
Onde a arte Clearlogo fica embaixo em uma lista vertical, Poster a esquerda e detalhes a direita. Fanart ao fundo.
![[Image: 6Dtp2x3.png]](https://i.imgur.com/6Dtp2x3.png)
![[Image: Z23z6nS.png]](https://i.imgur.com/Z23z6nS.png)
![[Image: sK5OaX0.png]](https://i.imgur.com/sK5OaX0.png)
Caso o Poster não seja do formato "tipo filme" ele fica centralizado:
![[Image: bWfaS4Z.png]](https://i.imgur.com/bWfaS4Z.png)
Essa vista também tem uma animação bem bacana:
Ao colocar "pra cima" faz esse efeito:
![[Image: nHPm6uQ.gif]](https://i.imgur.com/nHPm6uQ.gif)
Usei essa vista por umas 2 semanas, mas me incomdei com o detalhe de, se caso o item não tiver ClearLogo o nome do item fica fica cortado:
Portanto, resolvi "inovar" e decidi que criaria uma vista completamente "do zero", briguei com o Notepad++ uns 10 dias para conseguir. Baseei a vista no Steam:
![[Image: ptkEmmy.png]](https://i.imgur.com/ptkEmmy.png)
Categorias ao lado em forma de lista, e conteúdo ao centro.
Assim nasceu a Vista Steam:
A lista de conteúdo fica a esquerda, e ao dar foco no item, ele mostra até 7 itens aleatórios do item que foi dado foco.
![[Image: LqrSSan.png]](https://i.imgur.com/LqrSSan.png)
Colocando para a direita, o foco irá para um barra de opções oculta (ideia roubada do fastchange widgets da home), onde para esquerda volta o foco para lista de conteudo, para cima vai para as opções de vista e skin, para baixo e direita da foco no primeiro item da lista abaixo.
![[Image: IQ0eaR5.png]](https://i.imgur.com/IQ0eaR5.png)
Ao dar foco no item, os detalhes mudam para o item em foco, e o nome do item aparece no pé do poster.
Ao clicar nesse item, ele é iniciado.
Ao clicar para cima a partir do item, volta-se para a barra escondida.
Ao clicar para baixo a partir do item, volta-se para a lista de conteúdo.
![[Image: YZQb18n.png]](https://i.imgur.com/YZQb18n.png)
Ao clicar em algum item da lista de conteudo:
Mostra a lista de itens a esquerda, fanart ao fundo, Banner no topo (falta colocar um fundo atre o banner e o fanart)
![[Image: b0IO90j.png]](https://i.imgur.com/b0IO90j.png)
Ao clicar para direita, o banner e lista somem ficando o Fanart, a descrição e screenshot do jogo:
![[Image: NhlcqmI.png]](https://i.imgur.com/NhlcqmI.png)
E é isso, Duas vistas adicionadas a MQ8 com sucesso. Caso o Marcos se interesse, eu mando para ele os XML.
Cheers
Gosto muito da Skin MQ8, mas eu sempre quis uma vista para navegar pelos meus jogos que eu tenho usando o Addon Advanced Emulator Launcher. As 5 vistas que a skin possui para addons de programas, são muito bonitas sim, mas algo em mim pedia algo diferente. Então resolvi fuçar no codigo da skin e fazer. Com isso nasceram duas novas vistas:
A primeira é baseada na vista Show Art de videos, na qual eu apelidei de Vista Play:
Onde a arte Clearlogo fica embaixo em uma lista vertical, Poster a esquerda e detalhes a direita. Fanart ao fundo.
![[Image: 6Dtp2x3.png]](https://i.imgur.com/6Dtp2x3.png)
![[Image: Z23z6nS.png]](https://i.imgur.com/Z23z6nS.png)
![[Image: sK5OaX0.png]](https://i.imgur.com/sK5OaX0.png)
Caso o Poster não seja do formato "tipo filme" ele fica centralizado:
![[Image: bWfaS4Z.png]](https://i.imgur.com/bWfaS4Z.png)
Essa vista também tem uma animação bem bacana:
Ao colocar "pra cima" faz esse efeito:
![[Image: nHPm6uQ.gif]](https://i.imgur.com/nHPm6uQ.gif)
Usei essa vista por umas 2 semanas, mas me incomdei com o detalhe de, se caso o item não tiver ClearLogo o nome do item fica fica cortado:
![[Image: taCtPIg.png]](https://i.imgur.com/taCtPIg.png)
Portanto, resolvi "inovar" e decidi que criaria uma vista completamente "do zero", briguei com o Notepad++ uns 10 dias para conseguir. Baseei a vista no Steam:
![[Image: ptkEmmy.png]](https://i.imgur.com/ptkEmmy.png)
Categorias ao lado em forma de lista, e conteúdo ao centro.
Assim nasceu a Vista Steam:
A lista de conteúdo fica a esquerda, e ao dar foco no item, ele mostra até 7 itens aleatórios do item que foi dado foco.
![[Image: LqrSSan.png]](https://i.imgur.com/LqrSSan.png)
Colocando para a direita, o foco irá para um barra de opções oculta (ideia roubada do fastchange widgets da home), onde para esquerda volta o foco para lista de conteudo, para cima vai para as opções de vista e skin, para baixo e direita da foco no primeiro item da lista abaixo.
![[Image: IQ0eaR5.png]](https://i.imgur.com/IQ0eaR5.png)
Ao dar foco no item, os detalhes mudam para o item em foco, e o nome do item aparece no pé do poster.
Ao clicar nesse item, ele é iniciado.
Ao clicar para cima a partir do item, volta-se para a barra escondida.
Ao clicar para baixo a partir do item, volta-se para a lista de conteúdo.
![[Image: YZQb18n.png]](https://i.imgur.com/YZQb18n.png)
Ao clicar em algum item da lista de conteudo:
Mostra a lista de itens a esquerda, fanart ao fundo, Banner no topo (falta colocar um fundo atre o banner e o fanart)
![[Image: b0IO90j.png]](https://i.imgur.com/b0IO90j.png)
Ao clicar para direita, o banner e lista somem ficando o Fanart, a descrição e screenshot do jogo:
![[Image: NhlcqmI.png]](https://i.imgur.com/NhlcqmI.png)
E é isso, Duas vistas adicionadas a MQ8 com sucesso. Caso o Marcos se interesse, eu mando para ele os XML.
Cheers