Differenze tra le versioni di "Ruotare un cerchio disegnato in una DrawingArea"

Da Gambas-it.org - Wikipedia.
 
(11 versioni intermedie di uno stesso utente non sono mostrate)
Riga 1: Riga 1:
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 cerchio, disegnato in una ''DrawingArea''. <SUP>&#091;[[#Note|Nota 2]]&#093;</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 cerchio, disegnato in una ''DrawingArea''. <SUP>&#091;[[#Note|<B>Nota 2</b>]]&#093;</sup>
 
<BR>Nell'esempio la rotazione del cerchio potrà essere notata attraverso visualizzazione della rotazione del suo raggio e soprattutto mediante la visualizzazione della colorazione della sua circonferenza.
 
<BR>Nell'esempio la rotazione del cerchio potrà essere notata attraverso visualizzazione della rotazione del suo raggio e soprattutto mediante la visualizzazione della colorazione della sua circonferenza.
<BR>La rotazione viene effettuata premendo i tasti freccia in su e freccia in giù della tastiera.
+
<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>
 
  <FONT Color=gray>' '''''Il fulcro del Metodo ".Translate()" agisce da vortice, da centro di rotazione intorno a una ipotetica circonferenza'''''</font>
 
   
 
   
 
  Private da As DrawingArea
 
  Private da As DrawingArea
  Private x As Float        <FONT Color=gray>' ''Memorizza l'inizio del cerchio.''</font>
+
  Private Const DIAMETRO As Short = 200   <FONT Color=gray>' ''Memorizza il diametro del cerchio.''</font>
Private y As Float        <FONT Color=gray>' ''Idem''</font>
+
  Private fAngolo As Float               <FONT Color=gray>' ''Memorizza i gradi dell'angolo.''</font>
Private iAlt As Integer   <FONT Color=gray>' ''Memorizza l'altezza del cerchio.''</font>
+
  Private c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
Private iLarg As Integer  <FONT Color=gray>' ''Memorizza la larghezza del cerchio.''</font>
+
  Private f As Float[] = [0, 0.34, 0.67, 1]
  Private fAngolo As Float <FONT Color=gray>' ''Memorizza i gradi dell'angolo.''</font>
 
  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>
 
 
   
 
   
 
   
 
   
Riga 19: Riga 14:
 
    
 
    
 
   With Me
 
   With Me
 +
    .W = DIAMETRO * 2
 +
    .H = .W
 
     .Center
 
     .Center
 
     .Arrangement = Arrange.Fill
 
     .Arrangement = Arrange.Fill
 
   End With   
 
   End With   
 
   
 
   
   With da  = New DrawingArea(Me) As "da"
+
   With da  = New DrawingArea(Me) As "DrawingArea1"
     .x = 0
+
     .Background = Color.White
    .Y = 0
 
 
   End With
 
   End With
 
    
 
    
 
  '''End'''
 
  '''End'''
 
    
 
    
  '''Public''' Sub da_Draw()
+
  '''Public''' Sub DrawingArea1_Draw()
 
   
 
   
  Dim c As Integer[] = [Color.Blue, Color.Green, Color.Yellow, Color.Red]
 
  Dim f As Float[] = [0, 0.34, 0.67, 1]
 
 
 
  iLarg = 200
 
  iAlt = 200
 
<FONT Color=gray>' ''L'angolo di rotazione è posto al centro dell'area di disegno, così come le misure di partenza e di arrivo. Siccome l'angolo ruota su se stesso, si dà al raggio del cerchio mezza lunghezza dell'angolo.''</font>
 
  x = CFloat((da.W / 2) - (iLarg / 2))
 
  y = CFloat((da.H / 2) - (iAlt / 2))
 
                 
 
<FONT Color=gray>' ''In questa dimostrazione il fulcro (vortice) è sempre il centro dell'area di disegno:''</font>
 
  fSopra1 = CFloat((da.W / 2))
 
  fSopra2 = CFloat(da.H / 2)
 
  fSotto1 = CFloat(- (da.W / 2))
 
  fSotto2 = CFloat(- (da.H / 2))
 
 
 
 
   With Paint
 
   With Paint
 +
    .Arc(da.W / 2, da.H / 2, 2, Rad(0), Rad(360), False)
 +
    .Fill
 
     .Brush = .LinearGradient(0, 20, 15, 0, c, f)
 
     .Brush = .LinearGradient(0, 20, 15, 0, c, f)
  <FONT Color=gray>' ''Vortice:''</font>
+
  <FONT Color=gray>' ''Imposta il fulcro/centro della rotazione - ad esempio -al centro dell'area di disegno:''</font>
     .Translate(fSopra1, fSopra2)  
+
     <FONT Color=#B22222>.Translate</font>(da.W / 2, da.H / 2)
 
     .Rotate(Rad(fAngolo))   
 
     .Rotate(Rad(fAngolo))   
    <FONT Color=#B22222>.Translate</font>(fSotto1, fSotto2)
 
 
     .LineWidth = 2.0
 
     .LineWidth = 2.0
     .Ellipse(x, y, iLarg, iAlt, Rad(360), Rad(360), True)
+
<FONT Color=gray>' ''Disegna il cerchio.''
 +
' ''Siccome l'angolo ruota su se stesso, si dà alle coordinate del cerchio la metà della dimensione del suo diametro.''
 +
' ''Non si devono modificare i valori né i segni dei primi quattro argomenti qui riportati.''</font>
 +
     .Ellipse(DIAMETRO / 2, DIAMETRO / 2, -DIAMETRO, -DIAMETRO, Rad(0), Rad(360), False)
 
     .Stroke  
 
     .Stroke  
 
     .End
 
     .End
Riga 67: Riga 52:
 
       fAngolo += 1
 
       fAngolo += 1
 
       If fAngolo = 361 Then fAngolo = 1
 
       If fAngolo = 361 Then fAngolo = 1
      da.Refresh
 
 
     Case Key.Down
 
     Case Key.Down
 
       fAngolo -= 1
 
       fAngolo -= 1
 
       If fAngolo = -361 Then fAngolo = -1
 
       If fAngolo = -361 Then fAngolo = -1
      da.Refresh
 
 
   End Select
 
   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'''
 
  '''End'''
 
    
 
    
  '''Public''' Sub Form_Resize()  <FONT Color=gray>' ''Con questo evento se cambia la dimensione del Form, il disegna non va perso.''</font>
+
  '''Public''' Sub Form_Resize()  <FONT Color=gray>' ''Con questo evento se cambia la dimensione del Form, il disegno non va perso.''</font>
 
    
 
    
 
   da.Refresh
 
   da.Refresh
Riga 88: Riga 87:
 
[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'' .
 
[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 questa pagina: [[Ruotare_qualsiasi_elemento_da_disegnare_in_una_DrawingArea|Ruotare qualsiasi elemento da disegnare in una DrawingArea]]
+
[2] Vedere anche queste pagine:
 +
* [[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:39, 15 giu 2023

Mostriamo un possibile codice [Nota 1] per ottenere la rotazione intorno al proprio asse centrale di un cerchio, disegnato in una DrawingArea. [Nota 2]
Nell'esempio la rotazione del cerchio 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 del cerchio.
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
   .Arc(da.W / 2, da.H / 2, 2, Rad(0), Rad(360), False)
   .Fill
   .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 il cerchio.
' Siccome l'angolo ruota su se stesso, si dà alle coordinate del cerchio 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(0), Rad(360), False)
   .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: