1
	
  

Rolagem	
  Dinâmica	
  com	
  Links1	
  
(Dynamics	
  Scrolling	
  with	
  Links)	
  
	
  

	
  

	
  

Crie	
  um...
2

B.	
  Rotule	
  o	
  componente	
  
	
  

	
  
1.	
  Selecione	
  o	
  componente.	
  Clique	
  no	
  componente.	
  
	...
3
	
  

C.	
  Adicione	
  um	
  caso	
  no	
  evento	
  OnClick	
  para	
  a	
  Questão	
  1	
  (Question	
  1)	
  
	
  
	...
4
	
  

D.	
  “Scroll	
  to	
  Image	
  Map	
  Region”	
  
	
  

	
  
1.	
  Ative	
  a	
  ação	
  de	
  rolagem.	
  Na	
  ...
5
	
  

E.	
  Adicione	
  um	
  componente	
  “Image	
  Map	
  Region”	
  no	
  topo	
  
	
  
	
  

	
  
1.	
  Adicione	
 ...
6
	
  

E.	
  Retornar	
  para	
  o	
  topo	
  
	
  

	
  
1.	
  Ative	
  o	
  link	
  âncora.	
  Em	
  baixo	
  da	
  que...
7

	
  
	
  
	
  

Gere	
  o	
  protótipo	
  

	
  
Gere	
   o	
   protótipo.	
   Clique	
   na	
   primeira	
   pergunta	...
Próximos SlideShares
Carregando em…5
×

Rolagem dinâmica no Axure

1.265 visualizações

Publicada em

Tradução do tutorial disponível em <http: />

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.265
No SlideShare
0
A partir de incorporações
0
Número de incorporações
185
Ações
Compartilhamentos
0
Downloads
17
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Rolagem dinâmica no Axure

  1. 1. 1   Rolagem  Dinâmica  com  Links1   (Dynamics  Scrolling  with  Links)         Crie  um  novo  arquivo   A.  Adicione  um  componente  “Image  Map  Region”       1.  Faça  o  download  do  arquivo  AchorLinks.rp.    Baixe  o   arquivo  no  link  bit.ly/AxureAnchorLinks   e  descompacte-­‐o  em  uma  pasta  no  seu  computador.     2.  Adicione  o  componente  de  mapear  região  de  imagem   (Image  Map  Region).  Arraste  um  componente  Image   Map  Region  no  topo  da  primeira  resposta  (1.Q:  ).             1   Traduzido   pela   Profa.   Daniela   Carvalho   Monteiro   Ferreira,   para   a   disciplina   de   Web   Design,   nos   cursos   de   Publicidade   e   Relações   Públicas   E-­‐mail:   daniela.carvalho@esamc.br.  Nov  2013.  Blog:  http://colecaoaprender.blogspot.com.br   1
  2. 2. 2 B.  Rotule  o  componente       1.  Selecione  o  componente.  Clique  no  componente.                       2.  Rotule  o  componente.  Rotule  a  região  como  “Q1”  no   campo  Label  (Rótulo)  no  painel  de  Propriedades  do   Componente  (Widget  Properties).     2
  3. 3. 3   C.  Adicione  um  caso  no  evento  OnClick  para  a  Questão  1  (Question  1)         1.Selecione  a  primeira  questão.  Clique  na  primeira   questão  para  selecioná-­‐la.               2.  Selecione  “OnClick”.  No  painel  de  propriedades  do   componente,  clique  em  “OnClick”  e  depois  “Add  Case”   (adicionar  caso),  ou  duplo  clique  no  evento  para  abrir  a   caixa  do  editor  de  caso  (Case  Editor  Dialog).     3
  4. 4. 4   D.  “Scroll  to  Image  Map  Region”       1.  Ative  a  ação  de  rolagem.  Na  caixa   2.  Marque  Q1.  Marque  a  caixa  ao   de  editor  de  caso  (Case  Editor  Dialog),   lado  da  Q1  (Image  Map  Region)  na   clique  em  “Scroll  to  Image  Map   coluna  da  direita.   Region”  na  lista  da  coluna  da   esquerda.           3.  Clique  Ok.  Clique  no  botão  OK  para   fechar  o  editor  de  caso.   4
  5. 5. 5   E.  Adicione  um  componente  “Image  Map  Region”  no  topo         1.  Adicione  um  componente.  Adicione  um  componente   “Image  Map  Region”  no  topo  da  página  para  criar  um  link   âncora  para  voltar  para  o  topo  (“Return  to  top”).                 2.  Rotule  o  componente.  Rotule  este  componente  como   “PageTop”  no  painel  de  propriedades  do  componente   (Widget  Properties).   5
  6. 6. 6   E.  Retornar  para  o  topo       1.  Ative  o  link  âncora.  Em  baixo  da  questão  1,  selecione  o   texto  “Return  to  top”.               2.  Adicione  uma  ação.  Adicione  um  caso  “OnClick”  para   rolar  para  o  componente  “PageTop”.     6
  7. 7. 7       Gere  o  protótipo     Gere   o   protótipo.   Clique   na   primeira   pergunta   e   vai   pular   para   a   resposta.   Clique   em   “Return   to   top”   embaixo   da   resposta  para  voltar  para  o  topo  da  página.     Referência:     AXURE.  Anchor  Links  Tutorial.  Disponível  em  < http://www.axure.com/learn/basic/interactions/anchor-­‐links-­‐tutorial>.   Acesso  em  Nov  2013.     7

×