Differenze tra le versioni di "Ruotare un arco in una DrawingArea"

Da Gambas-it.org - Wikipedia.
 
(12 versioni intermedie di uno stesso utente non sono mostrate)
Riga 1: Riga 1:
Per ottenere la rotazione <SPAN Style="text-decoration:underline">intorno al proprio asse centrale</span> di un arco di cerchio (il centro di rotazione è posto sulla corda dell'arco), potremo utilizzare il seguente codice:    [[#Nota|<SUP>Nota1</sup>]]
+
Mostriamo un possibile codice <SUP>&#091;[[#Note|nota 1]]&#093;</sup> per ottenere la rotazione <SPAN Style="text-decoration:underline">intorno al proprio asse centrale</span> di un Arco di circonferenza, disegnato in una ''DrawingArea''. <SUP>&#091;[[#Note|<B>Nota 2</b>]]&#093;</sup>
 
+
<BR>Nell'esempio la rotazione dell'Arco potrà essere notata attraverso visualizzazione della rotazione del suo raggio e soprattutto mediante la visualizzazione della colorazione della sua circonferenza.
  <FONT Color=gray>' '''''Il fulcro di Translate agisce da vortice. l'arco ruoterà a seconda di dove esso si pone nel vortice.''''''</font>
+
<BR>La rotazione viene effettuata premendo i tasti freccia in su e freccia in giù della tastiera oppure ruotando la rotellina del mouse.
 +
  <FONT Color=gray>' '''''Il fulcro del Metodo ".Translate()" agisce da vortice, da centro di rotazione intorno a una ipotetica circonferenza'''''</font>
 
   
 
   
  Private x As Float        <FONT Color=gray>' ''Memorizza l'inizio dell'arco.''</font>
+
  Private da As DrawingArea
  Private y As Float        <FONT Color=gray>' ''Idem''</font>
+
  Private Const DIAMETRO As Short = 200   <FONT Color=gray>' ''Memorizza il diametro dell'arco.''</font>
Private iAlt As Integer   <FONT Color=gray>' ''Memorizza l'altezza dell'arco.''</font>
+
  Private fAngolo As Float               <FONT Color=gray>' ''Memorizza i gradi dell'angolo.''</font>
Private iLarg As Integer  <FONT Color=gray>' ''Memorizza la larghezza dell'arco.''</font>
+
  Private c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
  Private fAngolo As Float <FONT Color=gray>' ''Memorizza i gradi dell'angolo.''</font>
+
  Private f As Float[] = [0, 0.34, 0.67, 1]
  Private fSopra1 As Float  <FONT Color=gray>' ''Memorizza la posizione di partenza orizzontale della rotazione.''</font>
 
Private fSopra2 As Float  <FONT Color=gray>' ''Memorizza la posizione di partenza verticale della rotazione.''</font>
 
Private fSotto1 As Float  <FONT Color=gray>' ''Memorizza la posizione di arrivo orizzontale della rotazione.''</font>
 
  Private fSotto2 As Float <FONT Color=gray>' ''Memorizza la posizione di arrivo verticale della rotazione.''</font>
 
 
   
 
   
 
   
 
   
 
  '''Public''' Sub Form_Open()   
 
  '''Public''' Sub Form_Open()   
 
    
 
    
  Me.Center  
+
  With Me
 
+
    .W = DIAMETRO * 2
  attivaDisegno()
+
    .H = .W
 +
    .Center
 +
    .Arrangement = Arrange.Fill
 +
  End With 
 +
 +
  With da  = New DrawingArea(Me) As "DrawingArea1"
 +
    .Background = Color.White
 +
  End With
 
    
 
    
 
  '''End'''
 
  '''End'''
 +
 
 +
'''Public''' Sub DrawingArea1_Draw()
 
   
 
   
+
  With Paint
'''Public''' Sub da_Draw()
+
    .Brush = .LinearGradient(0, 20, 15, 0, c, f)
+
  <FONT Color=gray>' ''Imposta il fulcro/centro della rotazione - ad esempio -al centro dell'area di disegno:''</font>
  iLarg = 200
+
    <FONT Color=#B22222>.Translate</font>(da.W / 2, da.H / 2)
  iAlt = 200
+
    .Rotate(Rad(fAngolo))  
  <FONT Color=gray>' ''Se la rotazione è centrale, posiziona l'angolo al centro dell'area di disegno''
+
    .LineWidth = 2.0
' ''così come le misure di partenza e di arrivo; e siccome l'angolo ruota su se stesso, si dà al raggio del cerchio mezza lunghezza dell'angolo:''</font>
+
  <FONT Color=gray>' ''Disegna l'arco.''
  x = CFloat((da.W / 2) - (iLarg / 2))
+
' ''Poiché l'angolo ruota su se stesso, si dà alle coordinate dell'arco la metà della dimensione del suo diametro.''
  y = CFloat((da.H / 2) - (iAlt / 2))
+
' ''Non si devono modificare i valori né i segni dei primi quattro argomenti qui riportati.''</font>
                 
+
    .Ellipse(DIAMETRO / 2, DIAMETRO / 2, -DIAMETRO, -DIAMETRO, Rad(180), Rad(180), True)
<FONT Color=gray>' ''In questa dimostrazione il fulcro (vortice) è sempre il centro dell'area di disegno:''</font>
+
    .Stroke  
  fSopra1 = CFloat((da.W / 2))
+
    .End
  fSopra2 = CFloat(da.H / 2)  
+
  End With     
  fSotto1 = CFloat(- (da.W / 2))
 
  fSotto2 = CFloat(- (da.H / 2))
 
 
 
  With Paint
 
    .Begin(da)
 
  <FONT Color=gray>' ''Vortice:''</font>
 
    .Translate(fSopra1, fSopra2)   
 
    .Rotate(Rad(fAngolo)) 
 
    .Translate(fSotto1, fSotto2)
 
    .Ellipse(x, y, iLarg, iAlt, Rad(180), Rad(180), True)
 
    .Stroke  
 
    .End
 
  End With     
 
 
      
 
      
 
  '''End'''
 
  '''End'''
+
 
+
  '''Public''' Sub Form_KeyPress()
  '''Public''' Sub attivaDisegno()
 
 
    
 
    
  da.Clear 
+
  Select Case Key.Code
  da.Refresh
+
    Case Key.Up
 +
      fAngolo += 1
 +
      If fAngolo = 361 Then fAngolo = 1
 +
    Case Key.Down
 +
      fAngolo -= 1
 +
      If fAngolo = -361 Then fAngolo = -1
 +
  End Select
 +
 
 +
  da.Refresh
 
    
 
    
 
  '''End'''
 
  '''End'''
 
   
 
   
 +
'''Public''' Sub Form_MouseWheel()
 
   
 
   
'''Public''' Sub btSinistra_Click()
+
  fAngolo += Mouse.Delta
 
+
  Select Case fAngolo
<FONT Color=gray>' ''Ogni volta che si agisce sul tasto incrementa il valore di un grado:''
+
    Case 361
' '''''(positivo = senso antiorario)'''''</font>
+
      fAngolo = 1
 
+
    Case -361
  fAngolo += 1
+
      fAngolo = -1
  If fAngolo = 405 Then fAngolo = 1
+
  End Select
 
 
  attivaDisegno()
 
 
 
'''End'''
 
 
   
 
   
 +
  da.Refresh
 
   
 
   
'''Public''' Sub btDestra_Click()
 
 
 
<FONT Color=gray>' ''Ogni volta che si agisce sul tasto decrementa il valore di un grado:''
 
' '''''(negativo = senso orario)'''''</font>
 
 
 
  fAngolo -= 1
 
  If fAngolo = -405 Then fAngolo = -1
 
 
 
  attivaDisegno()
 
 
 
 
  '''End'''
 
  '''End'''
 
   
 
   
+
  '''Public''' Sub Form_Resize()  <FONT Color=gray>' ''Con questo evento se cambia la dimensione del Form, il disegno non va perso.''</font>
  '''Public''' Sub Form_Resize()  <FONT Color=gray>' ''Con questo evento se cambia la dimensione del Form, il disegna non va perso.''</font>
 
 
    
 
    
  attivaDisegno()
+
  da.Refresh
 
    
 
    
 
  '''End'''
 
  '''End'''
Riga 95: Riga 82:
  
 
----
 
----
=Nota=
+
=Note=
[1] I codici, presenti in questa pagina, sono tratti - con modifiche ed integrazioni - da suggerimenti del membro ''Gianluigi'' del forum di ''gambas-it.org'' e del membro ''Shell'' del forum ''gambas-es.org'' .
+
[1] Il codice, presente in questa pagina, è tratto - con modifiche ed integrazioni - da un analogo codice suggerito dal membro ''Gianluigi'' del forum di ''gambas-it.org'' .
 +
 
 +
[2] Vedere anche queste pagine:
 +
* [[Ruotare_un_cerchio_disegnato_in_una_DrawingArea|Ruotare un cerchio disegnato in una DrawingArea]]
 +
* [[Ruotare_qualsiasi_elemento_da_disegnare_in_una_DrawingArea|Ruotare qualsiasi elemento da disegnare in una DrawingArea]]
 +
* [[Ruotare_una_immagine_sul_proprio_asse_centrale|Ruotare una immagine sul proprio asse centrale]]

Versione attuale delle 09:24, 15 giu 2023

Mostriamo un possibile codice [nota 1] per ottenere la rotazione intorno al proprio asse centrale di un Arco di circonferenza, disegnato in una DrawingArea. [Nota 2]
Nell'esempio la rotazione dell'Arco potrà essere notata attraverso visualizzazione della rotazione del suo raggio e soprattutto mediante la visualizzazione della colorazione della sua circonferenza.
La rotazione viene effettuata premendo i tasti freccia in su e freccia in giù della tastiera oppure ruotando la rotellina del mouse.

' Il fulcro del Metodo ".Translate()" agisce da vortice, da centro di rotazione intorno a una ipotetica circonferenza

Private da As DrawingArea
Private Const DIAMETRO As Short = 200   ' Memorizza il diametro dell'arco.
Private fAngolo As Float                ' Memorizza i gradi dell'angolo.
Private c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
Private f As Float[] = [0, 0.34, 0.67, 1]


Public Sub Form_Open()  
 
 With Me
   .W = DIAMETRO * 2
   .H = .W
   .Center
   .Arrangement = Arrange.Fill
 End With  

 With da  = New DrawingArea(Me) As "DrawingArea1"
   .Background = Color.White
 End With
 
End
 
Public Sub DrawingArea1_Draw()

 With Paint
   .Brush = .LinearGradient(0, 20, 15, 0, c, f)
' Imposta il fulcro/centro della rotazione - ad esempio -al centro dell'area di disegno:
   .Translate(da.W / 2, da.H / 2)
   .Rotate(Rad(fAngolo))   
   .LineWidth = 2.0
' Disegna l'arco.
' Poiché l'angolo ruota su se stesso, si dà alle coordinate dell'arco la metà della dimensione del suo diametro.
' Non si devono modificare i valori né i segni dei primi quattro argomenti qui riportati.
   .Ellipse(DIAMETRO / 2, DIAMETRO / 2, -DIAMETRO, -DIAMETRO, Rad(180), Rad(180), True)
   .Stroke 
   .End
 End With     
    
End
 
Public Sub Form_KeyPress()
  
 Select Case Key.Code
   Case Key.Up
     fAngolo += 1
     If fAngolo = 361 Then fAngolo = 1
   Case Key.Down
     fAngolo -= 1
     If fAngolo = -361 Then fAngolo = -1
 End Select
 
 da.Refresh
  
End

Public Sub Form_MouseWheel()

 fAngolo += Mouse.Delta
 Select Case fAngolo
   Case 361
     fAngolo = 1
   Case -361
     fAngolo = -1
 End Select

 da.Refresh

End

Public Sub Form_Resize()   ' Con questo evento se cambia la dimensione del Form, il disegno non va perso.
  
 da.Refresh
  
End



Note

[1] Il codice, presente in questa pagina, è tratto - con modifiche ed integrazioni - da un analogo codice suggerito dal membro Gianluigi del forum di gambas-it.org .

[2] Vedere anche queste pagine: