Criando um menu lateral no Windows (slide menu)
Autor: Roberta Silva | Publicado: 2017-05-11T13:12:00-03:00








Geralmente colocamos na área de trabalho do Windows atalhos para programas, pastas, arquivos... Para que essa área não fique lotada, aqui no meu PC uso menus que permitem ocultar os ícones, deixando tudo num lugar só, com acesso bem rápido. Crio meus próprios widgets de menu usando programas como o Xwidget, como já citei em outros posts.

Vou mostrar como criar um, que nem esse da imagem de abertura (ursinho marrom, pastas rosa), mudei apenas a imagem, como abaixo, de um jeito super simples!







Primeiro, tendo o xwidget instalado, clique no ícone dele na barra de tarefas - Criar widgets - dê um nome para seu menu. É bom também ter as imagens do seu menu ao alcance; eu vou usar esse gif e essa pasta que baixei há algum tempo em studioto.deviantart.com (no deviantart.com vocês encontrarão opções de ícones lindos). Agora vai:






1. Em Componentes, dê duplo clique em Layer, criando a camada layer1. Apague a camada text1.




2. Crie uma nova camada escolhendo em componentes o tipo de imagem que vai usar, aqui será Gif. Clique em importar e selecione o gif. Posicione ele mais ou menos no centro da área total do widget, ou onde desejar que a imagem apareça na sua tela.


3. Volte à camada layer1 e modifique o tamanho &nbsp;(clique e arraste a seleção) de acordo com a imagem que vai ficar aparecendo na sua tela, no meu caso, do tamanho do gif do ursinho. Em animar, deixe assim:




4. Ainda em layer 1, vá em Funções, na opção em um clique, digite o nome da camada da imagem, aqui será gif1.






5. Clique em layer1 e arraste para gif1. Vai ficar assim:



As camadas estão vinculadas, para fechar, clique no sinal de -


6. Vá em componentes e dê duplo clique em Image. Depois clique em importar e selecione a imagem que preferir; aqui, vou usar a pasta rosa, que será onde vou clicar para abrir um link ou atalho para programas, pastas, arquivos...


7. Em animar deixe marcado como na camada layer1 e em Funções, na opção em um clique, digite: !OpenFile.

Clique em Núcleos e em Núcleos que aparece na parte inferior da tela, dê duplo clique em Núcleo do corte curto. Você acaba de criar a camada shortcutcore1, que serve para definir os links do nosso menu.

E em Menus, clique em Addmenuitem e deixe como na imagem abaixo:





Isso serve para que a gente defina ou mude os links sempre que quiser ao clicar na pasta rosa.

Volte na imagem1 e em ligação do núcleo, escolha shortcutcore1.


8. Clone essa imagem1 clicando com o botão direito sobre ela e escolhendo a opção Clonar Objeto. Depois crie mais links em Núcleos como eu disse acima, quantos você precisar, vá em cada imagem criada e mude a opção Ligação do Núcleo em sequência, por exemplo, se criou um segundo link, a segunda imagem terá em ligação do núcleo shortcutcore2... e assim por diante.





9. Em componentes, dê duplo clique em Painel de Slide. Redimensione (clique e arraste) para cobrir a área do tamanho das pastas e do gif. Mova todas as imagens para slidepanel1, comece pelas últimas.




10. Em Código, cole isso:


function gif1(Sender)

{

&nbsp; slidepanel1.slided = !slidepanel1.slided;

}




Volte a&nbsp;Design, no&nbsp;slidepanel1, e mude o&nbsp;valor de contrabalanço&nbsp;e também para que lado você quer que o widget abra (esquerda, direita, para cima, para baixo). Se quiser visualizar como o widget fica, clique em&nbsp;fechado, assim você pode escolher o valor de contrabalanço correto.




Quando terminar, clique em Executar. E está pronto!