Elemen& grafici. Albero delle view. Device Monitor AA 2014/15. hierarchyviewer comando della cartella tools

Transcript

1 Elemen& grafici Programmazione Java per Disposi8vi Mobili 1 Albero delle view Device Monitor hierarchyviewer comando della cartella tools Programmazione Java per Disposi8vi Mobili 2 Programmazione Java per Disposi8vi Mobili 1

2 Albero delle view La grafica è composta da View e ViewGroup Le view disegnano qualcosa sullo schermo e ci si può interagire Le viewgroup sono contenitori invisibili per view e viewgroup I componen8 grafici formano un albero Programmazione Java per Disposi8vi Mobili 3 Composite Pa9ern Le viewgroup estendono view Le viewgroup contengono una o più view Vantaggi Realizzi collezioni di view Non devo differenziare tra nodi e foglie Posso chiamare un metodo su tuqa la collezione Programmazione Java per Disposi8vi Mobili 4 Programmazione Java per Disposi8vi Mobili 2

3 A9raversamento dell'albero Usando il composite paqern ad ogni Ac8vity è associato l'albero delle view Posso chiamare un metodo sulla radice ed a cascata viene chiamato su tuqo l'albero draw!! L aqraversamento dell albero cambia l ordine di visualizzazione Android garan8sce che i nodi sono aqraversa8 partendo dal root i nodi più vicini al root sono aqraversa8 prima i nodi di pari livello sono aqraversa8 secondo l ordine di definizione Programmazione Java per Disposi8vi Mobili 5 Processo di draw Processo distribuito in tre passi Determino le misure delle view sullo schermo Determino il posizionamento delle view Disegno le view Eseguo tuqo in un singolo thread per non aver problemi di contesa inibisco il controllo degli oggev grafici dagli altri thread Programmazione Java per Disposi8vi Mobili 6 Programmazione Java per Disposi8vi Mobili 3

4 Misura Il parent chiama measure(int, int) Viene eseguito in metodo onmeasure Può essere chiamato più volte Il parent comunica alle view se la loro misura UNSPECIFIED misura libera EXACTLY misura esaqa AT_MOST misura massima View.MeasureSpec makemeasurespec metodo per fornire il 8po di misura Anche i layout devono calcolare la propria misura in base a quella delle view setmeasureddimension Programmazione Java per Disposi8vi Mobili 7 Misure di una view Le view hanno due 8pi di misure measured quelle che vorrebbero avere effe?ve quelle che realmente avranno Per oqenere le misure public final int getmeasuredwidth() public final int getmeasuredheight() public final int getwidth() public final int getheight() Entrambe contengono il padding e non il margine Programmazione Java per Disposi8vi Mobili 8 Programmazione Java per Disposi8vi Mobili 4

5 Posizionamento delle view Si aqraversa l'albero una seconda volta per determinare la posizione delle view nota la loro dimensione Il parent chiama layout(int, int, int, int) Viene eseguito in metodo onlayout coordinate del ver8ci top- lek e boqom- right Le informazioni circa il layout sono memorizzate in istanze della classe ViewGroup.LayoutParams Ogni layout definisce la sua con i paramatri specifici Programmazione Java per Disposi8vi Mobili 9 LayoutParam Programmazione Java per Disposi8vi Mobili 10 Programmazione Java per Disposi8vi Mobili 5

6 Disegno delle view Viene chiamato su tuqo l'albero il metodo draw questo chiama il metodo ondraw TuQe le view note le dimensioni e noto la posizione si disegnano Programmazione Java per Disposi8vi Mobili 11 Ridisegnare le view public void requestlayout () richiede di ricominciare la fase di disegno partendo dal ricalcolo delle misure public void invalidate () serve a far ridisegnare le view public void postinvalidate () se sono in un thread differente da quello di grafica Programmazione Java per Disposi8vi Mobili 12 Programmazione Java per Disposi8vi Mobili 6

7 XML e Java I file xml genera oggev java L operazione di conversione si chiama infla&ng da un elemento xml genera un albero di view e viewgroup Per oqenre il riferimento all oggeqo uso public View findviewbyid (int id) metodo di Ac8vity Infla8ng del root ne metodo oncreate public void setcontentview(int id) Programmazione Java per Disposi8vi Mobili 13 Layout Un layout è una specializzazione di ViewGroup posiziona le View contenute in un modo specifico Potete dichiarare layout in xml folder res/layout usando gli elemen8 forni8 da android dire9amente in java classi android Programmazione Java per Disposi8vi Mobili 14 Programmazione Java per Disposi8vi Mobili 7

8 XML Layout Programmazione Java per Disposi8vi Mobili 15 Layout Layout predefini8 LinearLayout Rela8veLayout TableLayout FrameLayout Programmazione Java per Disposi8vi Mobili 16 Programmazione Java per Disposi8vi Mobili 8

9 Esempio di Layout hqps://developer.android.com/reference/ android/view/viewgroup.html Esempio di FrameLayout Programmazione Java per Disposi8vi Mobili 17 Linear Layout Allinea le view contenute Si specifica il verso di allineamento android:layout_orienta8on public void setorienta8on (int orienta8on) Si può specificare la dimensione rela8va android:layout_weigth nell altra direzione è possibile ges8re l allineamento android:layout_gravity ProgeQo LinearLayoutTest Programmazione Java per Disposi8vi Mobili 18 Programmazione Java per Disposi8vi Mobili 9

10 Programmazione Java per Disposi8vi Mobili 19 Programmazione Java per Disposi8vi Mobili 20 Programmazione Java per Disposi8vi Mobili 10

11 Programmazione Java per Disposi8vi Mobili 21 Rela&ve Layout Posizionamento delle view rela8vo ad altre view al parent Programmazione Java per Disposi8vi Mobili 22 Programmazione Java per Disposi8vi Mobili 11

12 Frame layout Singola finestra tuqe le view sono poste una sull'altra posso solo controllare la loro gravity Programmazione Java per Disposi8vi Mobili 23 Programmazione Java per Disposi8vi Mobili 12