Come mettere alcuni tocchi finali (bordi arrotondati e divisore orizzontale) nelle mie schede personalizzate

Question

Questo è un seguito alla mia ultima domanda Collegamento

Volevo apportare alcune piccole regolazioni all'aspetto delle schede. L'ho realizzato passando una vista in setIndicatore () anziché in una charsequence e icona.

Il problema: ora devo ricreare totalmente l'aspetto e la sensazione delle schede (volevo solo alcuni piccoli cambiamenti). Vabbè, ho alcune schede che funzionano ora che vanno bene.

Ci sono fondamentalmente due cose che non riesco a ricreare.

Quello principale è: (1) Non ho una barra orizzontale proprio sotto le mie schede (stesso colore della scheda selezionata) come quella che è lì per impostazione predefinita.

Ecco le mie schede:

Ecco alcune schede da sviluppatore.android.com

L'altro è meno importante ma sarebbe davvero bello. (2) Come farli sembrare effettivamente schede invece di rettangoli (bordi curvi, come nella seconda immagine). Presumo che questo abbia a che fare con il divisore che ho inserito. Non sono un graphic designer, però, siano la loro buona risorsa per queste immagini. Inoltre, vorrei farlo in un modo che ha almeno qualche speranza di non rompere in futuro.

Chiunque ha qualche suggerimento (specialmente per Q: 1), sarebbe molto apprezzato. Avevo sperato di lanciare un po 'di imbottitura e ora 4 giorni di apprendimento per fare schede personalizzate. lol

Answer 1

Non ho ancora funzionato tutto, ma nel caso in cui qualcun altro abbia problemi con questo, ecco cosa ho imparato.

Per gli angoli arrotondati (2): metti qualcosa di simile nel disegno che usi per lo sfondo dell'indicatore della scheda. Per me (e probabilmente la maggior parte degli altri) ciò significa nidificarlo nel tag di forma sia in 'tab_selected.xml' che in 'tab_unselected.xml'

<corners android:bottomLeftRadius="0dp"
         android:bottomRightRadius="0dp" 
         android:topLeftRadius="5dp"
         android:topRightRadius="5dp" />

Nota: quello che di solito chiamerei una "scheda" in un linguaggio comune credo sia tecnicamente chiamato "indicatore di scheda" su Android.

Per il divisore orizzontale sotto gli indicatori della scheda (1): sono ancora un po 'meno chiaro su questo, ma penso che potresti (1: a) aggiungere un altro tag di forma a' tab_unselected.xml 'che disegnerà la linea specificata.

In alternativa, credo che tu possa (1: b) specificare un disegno da utilizzare impostando le proprietà "Tabstripenabled", "Tabstripleft" e "Tabstripright" del tabwidget.

Questi non sono così chiari per me però.

Bene, spero che possa aiutare qualcuno a lottare con questo per avere almeno alcune idee.