Ruotare il testo in una DrawingArea - Cronologia

Vuott il 14:39, 4 ago 2024

2024-08-04T14:39:45Z

← Versione meno recente		Versione delle 08:39, 4 ago 2024
Riga 197:		Riga 197:

	[2] Si vedano anche queste pagine della WIKI:		[2] Si vedano anche queste pagine della WIKI:
	~~<BR>-~~ [[Ruotare qualsiasi elemento da disegnare in una DrawingArea]]		* [[Ruotare qualsiasi elemento da disegnare in una DrawingArea]]
	~~<BR>-~~ [[Curvare il testo in una DrawingArea]]		* [[Curvare il testo in una DrawingArea]]
			* [[Inserire un testo in diagonale in un Controllo grafico]]

Vuott il 12:01, 27 giu 2024

2024-06-27T12:01:56Z

Mostra modifiche

Vuott il 15:03, 17 nov 2021

2021-11-17T15:03:25Z

← Versione meno recente		Versione delle 09:03, 17 nov 2021
Riga 1:		Riga 1:
	Il seguente codice <SUP>[[[#Note\|Nota 1]]]</sup> effettua la rotazione di un testo in un'Area di Disegno. In particolare esso dimostra che la rotazione è data dai valori presenti nei metodi ''Traslate'' relativi alle misure dell'area di disegno e a quelle del testo. E' come se il fulcro di Translate agisse da vortice: a seconda di dove si pone il testo nel vortice il testo ruoterà. <SUP>[[[#Note\|Nota 2]]]</sup>		Il seguente codice <SUP>[[[#Note\|Nota 1]]]</sup> effettua la rotazione di un testo in un'Area di Disegno. In particolare esso dimostra che la rotazione è data dai valori presenti nei metodi ''Traslate'' relativi alle misure dell'area di disegno e a quelle del testo. E' come se il fulcro di Translate agisse da vortice: a seconda di dove si pone il testo nel vortice il testo ruoterà. <B><SUP>[[[#Note\|Nota 2]]]</sup></b>

	Per poter provare questo codice occorre creare un'applicazione grafica con un'area di disegno (''DrawingArea'') di almeno 450 per lato e denominarla "''da''".		Per poter provare questo codice occorre creare un'applicazione grafica con un'area di disegno (''DrawingArea'') di almeno 450 per lato e denominarla "''da''".
Riga 206:		Riga 206:
	[2] Si vedano anche queste pagine della WIKI:		[2] Si vedano anche queste pagine della WIKI:
	<BR>- [[Ruotare_qualsiasi_elemento_da_disegnare_in_una_DrawingArea\|Ruotare qualsiasi elemento da disegnare in una DrawingArea]]		<BR>- [[Ruotare_qualsiasi_elemento_da_disegnare_in_una_DrawingArea\|Ruotare qualsiasi elemento da disegnare in una DrawingArea]]
	<BR>- [[~~Ruotare_un_testo_secondo_i_raggi_di_una_circonferenza_ideale~~\|~~Ruotare un~~ testo ~~secondo i raggi di~~ una ~~circonferenza ideale~~]]		<BR>- [[Curvare_il_testo_in_una_DrawingArea\|Curvare il testo in una DrawingArea]]

Vuott il 21:52, 15 ott 2021

2021-10-15T21:52:33Z

← Versione meno recente		Versione delle 15:52, 15 ott 2021
Riga 1:		Riga 1:
	Il seguente codice <SUP>[[[#Note\|~~nota~~ 1]]]</sup> effettua la rotazione di un testo in un'Area di Disegno. In particolare esso dimostra che la rotazione è data dai valori presenti nei metodi ''Traslate'' relativi alle misure dell'area di disegno e a quelle del testo. E' come se il fulcro di Translate agisse da vortice: a seconda di dove si pone il testo nel vortice il testo ruoterà.		Il seguente codice <SUP>[[[#Note\|Nota 1]]]</sup> effettua la rotazione di un testo in un'Area di Disegno. In particolare esso dimostra che la rotazione è data dai valori presenti nei metodi ''Traslate'' relativi alle misure dell'area di disegno e a quelle del testo. E' come se il fulcro di Translate agisse da vortice: a seconda di dove si pone il testo nel vortice il testo ruoterà. <SUP>[[[#Note\|Nota 2]]]</sup>

	Per poter provare questo codice occorre creare un'applicazione grafica con un'area di disegno (''DrawingArea'') di almeno 450 per lato e denominarla "''da''".		Per poter provare questo codice occorre creare un'applicazione grafica con un'area di disegno (''DrawingArea'') di almeno 450 per lato e denominarla "''da''".
Riga 206:		Riga 206:
	[2] Si vedano anche queste pagine della WIKI:		[2] Si vedano anche queste pagine della WIKI:
	<BR>- [[Ruotare_qualsiasi_elemento_da_disegnare_in_una_DrawingArea\|Ruotare qualsiasi elemento da disegnare in una DrawingArea]]		<BR>- [[Ruotare_qualsiasi_elemento_da_disegnare_in_una_DrawingArea\|Ruotare qualsiasi elemento da disegnare in una DrawingArea]]
	<BR>- [[~~http://www.gambas-it.org/wiki/index.php?title=~~Ruotare_un_testo_secondo_i_raggi_di_una_circonferenza_ideale\|Ruotare un testo secondo i raggi di una circonferenza ideale]]		<BR>- [[Ruotare_un_testo_secondo_i_raggi_di_una_circonferenza_ideale\|Ruotare un testo secondo i raggi di una circonferenza ideale]]

Vuott il 14:22, 15 ott 2021

2021-10-15T14:22:44Z

← Versione meno recente		Versione delle 08:22, 15 ott 2021
Riga 204:		Riga 204:
	[1] Il codice è stato realizzato dall'utente [http://www.gambas-it.org/smf/index.php?action=profile;u=1249''Gianluigi''] del forum ''www.gambas-it.org''.		[1] Il codice è stato realizzato dall'utente [http://www.gambas-it.org/smf/index.php?action=profile;u=1249''Gianluigi''] del forum ''www.gambas-it.org''.

	[2] ~~Vedasi~~ anche ~~questa pagina~~ della WIKI: http://www.gambas-it.org/wiki/index.php?title=Ruotare_un_testo_secondo_i_raggi_di_una_circonferenza_ideale		[2] Si vedano anche queste pagine della WIKI:
			<BR>- [[Ruotare_qualsiasi_elemento_da_disegnare_in_una_DrawingArea\|Ruotare qualsiasi elemento da disegnare in una DrawingArea]]
			<BR>- [[http://www.gambas-it.org/wiki/index.php?title=Ruotare_un_testo_secondo_i_raggi_di_una_circonferenza_ideale\|Ruotare un testo secondo i raggi di una circonferenza ideale]]

Vuott il 14:10, 15 ott 2021

2021-10-15T14:10:51Z

← Versione meno recente		Versione delle 08:10, 15 ott 2021
Riga 1:		Riga 1:
	~~==Il Metodo "Paint.Rotate()" quale motore della rotazione di ciò che viene disegnato==~~
	La rotazione di uno o più caratteri, come di ogni altro elemento da disegnare all'interno di un Oggetto grafico disegnabile ("DrawingArea", "Image", "Picture"), è effettuata attraverso il il Metodo ".Rotate()" della Classe "Paint".

	La rotazione con il Metodo ".Rotate()" di un elemento da disegnare avviene attorno al vertice individuato dalle coordinate x=0, y=0 dell'Oggetto grafico disegnabile, ossia attorno al vertice superiore sinistro dell'Oggetto, come agevolmente dimostrato dal seguente esempio, nel quale si farà ruotare un testo:
	~~Private DrawingArea1 As DrawingArea~~
	~~Private Slider1 As Slider~~


	~~'''Public''' Sub Form_Open()~~

	~~With Me~~
	~~.W = Screen.AvailableWidth * 0.5~~
	~~.H = Screen.AvailableHeight * 0.5~~
	~~.Center~~
	~~End With~~
	~~With DrawingArea1 = New DrawingArea(Me) As "DrawingArea1"~~
	~~.X = 0~~
	~~.Y = 0~~
	~~.W = Me.W * 0.8~~
	~~.H = Me.H~~
	~~.Background = Color.Orange~~
	~~End With~~
	~~With Slider1 = New Slider(Me) As "Slider1"~~
	~~.X = Me.W * 0.85~~
	~~.Y = Me.H * 0.02~~
	~~.W = Me.W * 0.1~~
	~~.H = Me.H * 0.95~~
	~~.MinValue = 0~~
	~~.MaxValue = 360~~
	~~End With~~

	~~'''End'''~~

	~~'''Public''' Sub DrawingArea1_Draw()~~

	~~Dim testo As String = "Gambas " & CStr(Slider1.Value) & "°"~~

	~~With Paint~~
	~~<FONT Color=gray>' ''Impone la rotazione di tutto ciò che viene disegnato a seguire:''</font>~~
	~~<FONT Color=#B22222><B>.Rotate</b></font>(Rad(-Slider1.Value))~~
	~~.Brush = Paint.Color(Color.Yellow)~~
	~~.Font = Font["Sans Serif, 22"]~~
	~~<FONT Color=gray>' ''Il testo ruoterà comunque intorno al suo centro verticale e orizzontale:''</font>~~
	~~.DrawText(testo, -Paint.TextExtents(testo).W / 2, Paint.TextExtents(testo).H / 2, -.TextExtents(testo).W / 2, -.TextExtents(testo).H / 2, Align.Center)~~
	~~<FONT Color=gray>' ''oppure anche così:''~~
	~~' '''.DrawText(testo, -.Font.TextWidth(testo) / 2, -.Font.TextHeight(testo) / 2, .Font.TextWidth(testo), .Font.TextHeight(testo), Align.Center)'''</font>~~
	~~.End~~
	~~End With~~

	~~'''End'''~~

	~~'''Public''' Sub Slider1_Change()~~

	~~DrawingArea1.Refresh~~

	~~'''End'''~~

	~~==Modificare la posizione del testo da disegnare sulla superficie dell'Oggetto grafico utilizzato==~~
	~~Per modificare la posizione (ossia le coordinate) standard dell'elemento da disegnare sulla superficie del suo Oggetto grafico, si dovrà utilizzare il Metodo ".Translate()" della Classe "Paint".~~
	~~<BR>Nel seguente esempio, simile al precedente, il testo ruoterà intorno al suo centro, posto al centro della "DrawingArea":~~
	~~Private DrawingArea1 As DrawingArea~~
	~~Private Slider1 As Slider~~


	~~'''Public''' Sub Form_Open()~~

	~~With Me~~
	~~.W = Screen.AvailableWidth * 0.5~~
	~~.H = Screen.AvailableHeight * 0.5~~
	~~.Center~~
	~~End With~~
	~~With DrawingArea1 = New DrawingArea(Me) As "DrawingArea1"~~
	~~.X = 0~~
	~~.Y = 0~~
	~~.W = Me.W * 0.8~~
	~~.H = Me.H~~
	~~.Background = Color.Orange~~
	~~End With~~
	~~With Slider1 = New Slider(Me) As "Slider1"~~
	~~.X = Me.W * 0.85~~
	~~.Y = Me.H * 0.02~~
	~~.W = Me.W * 0.1~~
	~~.H = Me.H * 0.95~~
	~~.MinValue = 0~~
	~~.MaxValue = 360~~
	~~End With~~

	~~'''End'''~~

	~~'''Public''' Sub DrawingArea1_Draw()~~

	~~Dim testo As String = "Gambas " & CStr(Slider1.Value) & "°"~~

	~~With Paint~~
	~~<FONT Color=gray>' ''Impone la rotazione del testo, disegnato, sempre al centro della "DrawingARea":''</font>~~
	~~<FONT Color=#B22222><B>.Translate</b></font>(DrawingArea1.W / 2, DrawingArea1.H / 2)~~
	~~.Rotate(Rad(-Slider1.Value))~~
	~~.Brush = Paint.Color(Color.Yellow)~~
	~~.Font = Font["Sans Serif, 22"]~~
	~~<FONT Color=gray>' ''Il testo ruoterà comunque intorno al suo centro verticale e orizzontale:''</font>~~
	~~.DrawText(testo, -Paint.TextExtents(testo).W / 2, Paint.TextExtents(testo).H / 2, -.TextExtents(testo).W / 2, -.TextExtents(testo).H / 2, Align.Center)~~
	~~<FONT Color=gray>' ''oppure anche così:''~~
	~~' '''.DrawText(testo, -.Font.TextWidth(testo) / 2, -.Font.TextHeight(testo) / 2, .Font.TextWidth(testo), .Font.TextHeight(testo), Align.Center)'''</font>~~
	~~.End~~
	~~End With~~

	~~'''End'''~~

	~~'''Public''' Sub Slider1_Change()~~

	~~DrawingArea1.Refresh~~

	~~'''End'''~~


	~~===Un esempio più complesso con diverse forme di rotazione del testo===~~
	Il seguente codice <SUP>[[[#Note\|nota 1]]]</sup> effettua la rotazione di un testo in un'Area di Disegno. In particolare esso dimostra che la rotazione è data dai valori presenti nei metodi ''Traslate'' relativi alle misure dell'area di disegno e a quelle del testo. E' come se il fulcro di Translate agisse da vortice: a seconda di dove si pone il testo nel vortice il testo ruoterà.		Il seguente codice <SUP>[[[#Note\|nota 1]]]</sup> effettua la rotazione di un testo in un'Area di Disegno. In particolare esso dimostra che la rotazione è data dai valori presenti nei metodi ''Traslate'' relativi alle misure dell'area di disegno e a quelle del testo. E' come se il fulcro di Translate agisse da vortice: a seconda di dove si pone il testo nel vortice il testo ruoterà.

Vuott il 00:12, 15 ott 2021

2021-10-15T00:12:05Z

← Versione meno recente		Versione delle 18:12, 14 ott 2021
Riga 44:		Riga 44:
	.DrawText(testo, -Paint.TextExtents(testo).W / 2, Paint.TextExtents(testo).H / 2, -.TextExtents(testo).W / 2, -.TextExtents(testo).H / 2, Align.Center)		.DrawText(testo, -Paint.TextExtents(testo).W / 2, Paint.TextExtents(testo).H / 2, -.TextExtents(testo).W / 2, -.TextExtents(testo).H / 2, Align.Center)
	<FONT Color=gray>' ''oppure anche così:''		<FONT Color=gray>' ''oppure anche così:''
	~~' '~~''''.DrawText(testo, -.Font.TextWidth(testo) / 2, -.Font.TextHeight(testo) / 2, .Font.TextWidth(testo), .Font.TextHeight(testo), Align.Center)'''''</font>		' '''.DrawText(testo, -.Font.TextWidth(testo) / 2, -.Font.TextHeight(testo) / 2, .Font.TextWidth(testo), .Font.TextHeight(testo), Align.Center)'''</font>
	.End		.End
	End With		End With
Riga 101:		Riga 101:
	.DrawText(testo, -Paint.TextExtents(testo).W / 2, Paint.TextExtents(testo).H / 2, -.TextExtents(testo).W / 2, -.TextExtents(testo).H / 2, Align.Center)		.DrawText(testo, -Paint.TextExtents(testo).W / 2, Paint.TextExtents(testo).H / 2, -.TextExtents(testo).W / 2, -.TextExtents(testo).H / 2, Align.Center)
	<FONT Color=gray>' ''oppure anche così:''		<FONT Color=gray>' ''oppure anche così:''
	~~' '~~''''.DrawText(testo, -.Font.TextWidth(testo) / 2, -.Font.TextHeight(testo) / 2, .Font.TextWidth(testo), .Font.TextHeight(testo), Align.Center)'''''</font>		' '''.DrawText(testo, -.Font.TextWidth(testo) / 2, -.Font.TextHeight(testo) / 2, .Font.TextWidth(testo), .Font.TextHeight(testo), Align.Center)'''</font>
	.End		.End
	End With		End With

Vuott il 00:10, 15 ott 2021

2021-10-15T00:10:40Z

← Versione meno recente		Versione delle 18:10, 14 ott 2021
Riga 313:		Riga 313:

	'''End'''		'''End'''


	~~<SUP>[[[#Note\|nota 2]]]</sup>~~




			----
	=Note=		=Note=
	[1] Il codice è stato realizzato dall'utente [http://www.gambas-it.org/smf/index.php?action=profile;u=1249''Gianluigi''] del forum ''www.gambas-it.org''.		[1] Il codice è stato realizzato dall'utente [http://www.gambas-it.org/smf/index.php?action=profile;u=1249''Gianluigi''] del forum ''www.gambas-it.org''.

	[2] Vedasi anche questa pagina della WIKI: http://www.gambas-it.org/wiki/index.php?title=Ruotare_un_testo_secondo_i_raggi_di_una_circonferenza_ideale		[2] Vedasi anche questa pagina della WIKI: http://www.gambas-it.org/wiki/index.php?title=Ruotare_un_testo_secondo_i_raggi_di_una_circonferenza_ideale

Vuott il 00:08, 15 ott 2021

2021-10-15T00:08:59Z

← Versione meno recente		Versione delle 18:08, 14 ott 2021
Riga 1:		Riga 1:
	==Il Metodo "Paint.Rotate()" quale motore della rotazione di ciò che viene disegnato==		==Il Metodo "Paint.Rotate()" quale motore della rotazione di ciò che viene disegnato==
	La rotazione di uno o più caratteri, come ogni altro elemento ~~disegnato~~ all'interno di un Oggetto grafico disegnabile ("DrawingArea", "Image", "Picture"), è effettuata attraverso il il Metodo ".Rotate()" della Classe "Paint".		La rotazione di uno o più caratteri, come di ogni altro elemento da disegnare all'interno di un Oggetto grafico disegnabile ("DrawingArea", "Image", "Picture"), è effettuata attraverso il il Metodo ".Rotate()" della Classe "Paint".

	La rotazione con il Metodo ".Rotate()" di un elemento ~~disegnato~~ avviene attorno al vertice individuato dalle coordinate x=0, y=0 dell'Oggetto grafico disegnabile, ossia attorno al vertice superiore sinistro dell'Oggetto, come agevolmente dimostrato dal seguente esempio, nel quale si farà ruotare un testo:		La rotazione con il Metodo ".Rotate()" di un elemento da disegnare avviene attorno al vertice individuato dalle coordinate x=0, y=0 dell'Oggetto grafico disegnabile, ossia attorno al vertice superiore sinistro dell'Oggetto, come agevolmente dimostrato dal seguente esempio, nel quale si farà ruotare un testo:
	Private DrawingArea1 As DrawingArea		Private DrawingArea1 As DrawingArea
	Private Slider1 As Slider		Private Slider1 As Slider
Riga 56:		Riga 56:
	'''End'''		'''End'''

	==~~Trasferire al centro~~ dell'Oggetto grafico ~~la posizione del testo disegnato~~==		==Modificare la posizione del testo da disegnare sulla superficie dell'Oggetto grafico utilizzato==
	Per modificare la posizione (ossia le coordinate) standard dell'elemento ~~disegnato~~ sulla superficie del suo Oggetto grafico, si dovrà utilizzare il Metodo ".Translate()" della Classe "Paint".		Per modificare la posizione (ossia le coordinate) standard dell'elemento da disegnare sulla superficie del suo Oggetto grafico, si dovrà utilizzare il Metodo ".Translate()" della Classe "Paint".
	<BR>Nel seguente esempio, simile al precedente, il testo ruoterà intorno al suo centro, posto al centro della "DrawingArea":		<BR>Nel seguente esempio, simile al precedente, il testo ruoterà intorno al suo centro, posto al centro della "DrawingArea":
	Private DrawingArea1 As DrawingArea		Private DrawingArea1 As DrawingArea

Vuott il 00:06, 15 ott 2021

2021-10-15T00:06:06Z

← Versione meno recente		Versione delle 18:06, 14 ott 2021
Riga 1:		Riga 1:
	==~~Introduzione~~==		==Il Metodo "Paint.Rotate()" quale motore della rotazione di ciò che viene disegnato==
	La rotazione di uno o più caratteri, come ogni altro elemento disegnato all'interno di un Oggetto grafico disegnabile ("DrawingArea", "Image", "Picture"), è effettuata attraverso il il Metodo ".Rotate()" della ~~CLasse~~ "Paint".		La rotazione di uno o più caratteri, come ogni altro elemento disegnato all'interno di un Oggetto grafico disegnabile ("DrawingArea", "Image", "Picture"), è effettuata attraverso il il Metodo ".Rotate()" della Classe "Paint".

	La rotazione con il Metodo ".Rotate()" di un elemento disegnato avviene attorno al vertice individuato dalle coordinate x=0, y=0 dell'Oggetto grafico disegnabile, ossia attorno al vertice superiore sinistro dell'Oggetto, come agevolmente dimostrato dal seguente esempio, nel quale si farà ruotare un testo:		La rotazione con il Metodo ".Rotate()" di un elemento disegnato avviene attorno al vertice individuato dalle coordinate x=0, y=0 dell'Oggetto grafico disegnabile, ossia attorno al vertice superiore sinistro dell'Oggetto, come agevolmente dimostrato dal seguente esempio, nel quale si farà ruotare un testo:
Riga 55:		Riga 55:

	'''End'''		'''End'''

			==Trasferire al centro dell'Oggetto grafico la posizione del testo disegnato==
	Per modificare la posizione (ossia le coordinate) standard dell'elemento disegnato sulla superficie del suo Oggetto grafico, si dovrà utilizzare il Metodo ".Translate()" della Classe "Paint".		Per modificare la posizione (ossia le coordinate) standard dell'elemento disegnato sulla superficie del suo Oggetto grafico, si dovrà utilizzare il Metodo ".Translate()" della Classe "Paint".
	<BR>Nel seguente esempio, simile al precedente, il testo ruoterà intorno al suo centro, posto al centro della "DrawingArea":		<BR>Nel seguente esempio, simile al precedente, il testo ruoterà intorno al suo centro, posto al centro della "DrawingArea":