Olá a todos, neste novo exemplo vamos usar uma função que alinha (ajeita) a posição do texto ou imagem dentro do botão.
Vamos também ver como conectar uma função ao evento de pressionar e soltar o botão do mouse, de entrar com o cursor dentro
de um botão e sair.
Veja a imagem:
Antes de executar o exemplo não deixe de baixar novamente Prisma, pois precisei fazer alguns ajustes, ok. (data 24/1/14 ou superior);
segue o código, fácil, comentado:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
//botao alinhamento exemplo by Adalberto inclua 'igbr' //importando as funções graficas janela = ig.janela ( 'Minha janela' , 300 , 250 ) ; //criando a janela com titulo, largura e altura ig.conecte(janela , ig['destruido'] , 'ig.fimjanela()'); fixo = ig.fixo ( ) ; //criando um box (caixa) fixo ig.ad ( janela , fixo ); //adicionando na janela o fixo botao = ig.botao_estoque ( ig.estoque 'new' ); ig.componente_def_tamanho ( botao , 90 , 80 ); ig.botao_mostre_imagem( verdadeiro); ig.fixo_ad ( fixo , botao , 10 , 10 ) ; //adicionando no fixo o botao na posicao col 10 lin 10 ; ig.botao_def_alinhamento ( botao , 1.1 , 1.1 ); //alinhamento col , linha //tente outros valores como: 1.0 , 0.5, 0.1 , 1 , 0 e veja o resultado. //só relembrando: função conecte argumentos: 1 componente , 2 evento , 3 função a ser chamada. ig.conecte ( botao , ig ['pressionado'] , [[ ig.botao_def_rotulo(botao,"o botao foi pressionado") ]] ); ig.conecte ( botao , ig ['solto'] , [[ ig.botao_def_rotulo(botao,"o botao foi solto") ]] ); pop = ig.janela(); //criando uma nova janela ig.janela_def_titulo ( pop , 'janelinha' ); //definindo o título dela ig.componente_def_tamanho( pop , 200 , 100 ); //definindo o tamanho imagem = ig.imagem_estoque ( ig.estoque'home' , 6 ); //criando uma imagem a partir do estoque //veja a página: http://linguagemprisma.net/estoque-de-imagens/ ig.ad ( pop , imagem ); //adicionando a imagem na janelinha //funcao conectada ao eventro de entrada do mouse em cima do botao funcao botao_dentro ( bt , pop ) ig.componente_def_tamanho ( botao , 150, 80 ); //redefinindo o tamanho do botao; ig.botao_def_rotulo ( bt , 'dentro da area do botao' ); ig.componente_mostre_todos ( pop ); fim //função de saida do mouse de cima do botao funcao botao_fora ( bt , pop ) ig.botao_def_rotulo ( bt , 'fora da area do botao' ); ig.componente_oculte ( pop ); fim //conectando as funçoes criadas acima no mesmo botao: ig.conecte ( botao , ig['dentro'] , 'botao_dentro ( %s , pop ) ' ); ig.conecte ( botao , ig['fora'] , 'botao_fora ( %s , pop ) ' ); ig.componente_mostre_todos( janela ); //mostrando a janela e os componentes ig.fimprograma( ); //inicia o laço de eventos |
O código é fácil, mas qualquer dúvida não deixe de perguntar, aqui ou abra um tópico no fórum;
Valeu, até +.
Att. Adalberto