Italian Chiacchiericci

Star-Dust said:

Una cosa simile la sa realizzare anche mio nipote

Click to expand...

Star-Dust said:

Ho visto qualcosa di simile creato da Erel per le interfacce XUI.

Appena mi libero 5 minuti ti faccio un esempio delle interfacce animate che tanto piacciono a te virgola ma secondo me tu sei così bravo che potresti farne da solo anche migliori

Click to expand...

LucaMs said:

Cerchio con immagine, scorri il dito sopra e...

Click to expand...

LucaMs said:

Questo perché riesco a farmi sopravvalutare .

Io roba come questa (la copio dal video già pubblicato) non saprei come farla.
View attachment 64432

(due animazioni: una indica il tempo che scorre, l'altra il fatto che sia andata in "all in", abbia puntato tutto ciò che possedeva)

Click to expand...

Dim jo As JavaObject = lblText.Background
' cambio colore
jo.RunMethod("setColorFilter", Array As Object(Newcolor, "SRC_IN")) ' prova anche SRC_OUT o altri filtri

' Da provare
jo.RunMethodsetAlphaArray As Object(AlfaInt))

Sub Activity_Create(FirstTime As Boolean)
   Dim c As Canvas
   c.Initialize(Activity)
   Dim p As Path
   p.Initialize(100dip, 100dip)
   Dim r As Rect
   r.Initialize(0dip, 0dip, 200dip, 200dip)
   AddArc(p, r, 0, 90)
   p.LineTo(100dip, 100dip)
   c.ClipPath(p)
   c.DrawColor(Colors.Red)
End Sub

Sub AddArc(p As Path, r As Rect, StartAngle As Float, SweepAngle As Float)
   Dim rf As JavaObject
   rf.InitializeNewInstance("android.graphics.RectF", Array (r))
   Dim jo As JavaObject = p
   jo.RunMethod("addArc", Array(rf, StartAngle, SweepAngle))
End Sub

LucaMs said:

Più o meno così (ma il cerchio blu non deve debordare all'esterno di quello giallo, questo è fatto al volo con Paint Net, sono due livelli...)
Cioè il blu deve vedersi solo all'interno del cerchio, all'esterno deve essere invisibile, deve potersi vedere il resto del layout; non so se mi sono spiegato)

View attachment 64433


Mi pare una bella "sfida"

Click to expand...

 Dim p As Path
   p.Initialize(0, 0)
   Dim jo As JavaObject = p
   Dim x = 100dip, y = 100dip, radius = 100dip As Float
   jo.RunMethod("addCircle", Array As Object(x, y, radius, "CW"))
   cvs.ClipPath(p)

Star-Dust said:

Il cerchio che gira lo puoi fare con la XUI
https://www.b4x.com/android/forum/threads/b4x-xui-custom-view-circularprogressbar.81604/#content

i colori a sfumare con i gradienti.

B4X:

Dim jo As JavaObject = lblText.Background
' cambio colore
jo.RunMethod("setColorFilter", Array As Object(Newcolor, "SRC_IN")) ' prova anche SRC_OUT o altri filtri

' Da provare
jo.RunMethodsetAlphaArray As Object(AlfaInt))

Vedi anche il codice per creare gli archi:

B4X:

Sub Activity_Create(FirstTime As Boolean)
   Dim c As Canvas
   c.Initialize(Activity)
   Dim p As Path
   p.Initialize(100dip, 100dip)
   Dim r As Rect
   r.Initialize(0dip, 0dip, 200dip, 200dip)
   AddArc(p, r, 0, 90)
   p.LineTo(100dip, 100dip)
   c.ClipPath(p)
   c.DrawColor(Colors.Red)
End Sub

Sub AddArc(p As Path, r As Rect, StartAngle As Float, SweepAngle As Float)
   Dim rf As JavaObject
   rf.InitializeNewInstance("android.graphics.RectF", Array (r))
   Dim jo As JavaObject = p
   jo.RunMethod("addArc", Array(rf, StartAngle, SweepAngle))
End Sub

Click to expand...

Star-Dust said:

Questo lo puoi ottenere con il Path.
Ritagli l'immagine in movimento facendo scorrere all'interno del Path. Path che nasce quadrato ma che puoi trasformare in Cerchio

B4X:

 Dim p As Path
   p.Initialize(0, 0)
   Dim jo As JavaObject = p
   Dim x = 100dip, y = 100dip, radius = 100dip As Float
   jo.RunMethod("addCircle", Array As Object(x, y, radius, "CW"))
   cvs.ClipPath(p)

Click to expand...

Star-Dust said:

Comunque non mi chiedere di lavorarci su, che già sto impazzendo per conto mio

Click to expand...

LucaMs said:

Si, ok, grazie; ma queste sono cose "normali". Quello che mi domando sono effetti come la fiammella che "circola" sul bordo o il cerchio successivo.
Effetti tipo fumo (non in quella gif) e cose del genere.
In alcuni casi, secondo qualche membro di b4a, vengono create animazioni con tool esterni e poi... visualizzate come una sorta di video. Ma come è possibile, dato che solo per visualizzare una gif animata ho dovuto usare delle librerie le quali "smontano" la gif nei vari frame poi visualizzano in sequenza questi frame e questo lavoro, lo "smontaggio", occupa parecchio tempo CPU?

Click to expand...

Star-Dust said:

Cerco le idee ma non ho il tempo di realizzarle.

Click to expand...

LucaMs said:

Ok, allora te ne fornisco un'altra, così avrai più tempo libero .

Per la prima volta, ho appena provato la FloatLabeledEditText.

Visualizzata sul mio tablet, la Label è minuscola (il testo praticamente illegibile) e non è proporzionata rispetto all'altezza della EditText, cosa che secondo me andrebbe fatta, perché potresti avere una EditText molto alta, adatta a contenere una sola riga di testo ma con TextSize 30 ed una più bassa con TextSize 20, ad esempio.

Mi sembra facile da sviluppare. Inoltre, se fosse scritta in b4a e pubblicato anche il sorgente, sarebbe ancora meglio.

Click to expand...