2013-05-28 8 views
10

Nel mio file AndroidManifest.xml ho creato il tema per essere Holo.Light (o anche Holo)WebView cambiamento/PhoneGap selezionare (discesa) stile

la finestra di avviso sono stati progettati secondo il tema Holo (luce o scuro) ma menu di scorrimento (SELECT) stanno cercando in questo modo:

dropdown design1

c'è un modo per lo stile menu di scorrimento come Google Chrome e altre applicazioni fare?
Gli sguardi selezionati autoctoni come questo:

enter image description here

+0

Coulle pubblichi il file manifest? Solo per controllare il tuo tema. –

+0

Sicuro! http://pastebin.com/FE1iqWTp Fatemi sapere se avete bisogno di qualcos'altro –

+0

Non ho usato PhoneGap ma mi stavo chiedendo se possiamo aggiungere qualche altra libreria di supporto per ottenere questo, come faccio ad usare actionbarsherlock per il tema che stai cercando di ottenere su un dispositivo che non supporta in modo nativo lo stile del menu a discesa di cui ho bisogno. – Prateek

risposta

5

Non v'è alcun modo semplice per raggiungere questo obiettivo. Quello che devi fare è creare un plugin nativo che aprirà una finestra di dialogo personalizzata quando fai clic su un <select>.

Il menu a tendina da eliminare è la vista predefinita per le selezioni sulle visualizzazioni Web, contrariamente alla seconda che è stata creata in Chrome. Per aiuto per iniziare:

// ottenere tutte le opzioni e le vendite in un array

var values = $.map($('#group_select option'), function(e) { return e.value; }); 

// funzione nativa che ottiene le opzioni e visualizzare una finestra

function void showDialog(String[] values){ 
    AlertDialog.Builder b = new Builder(this); 
    b.setTitle("Example"); 
    b.setItems(values, new OnClickListener() { 

    @Override 
    public void onClick(DialogInterface dialog, int which) { 

     dialog.dismiss(); 
     switch(which){ 
     case 0: 
      //call some javascript method to use this value here 
      break; 
     case 1: 
      //call some javascript method to use this value here 
      break; 
     } 
    } 

}); 
b.show(); 
} 

Assicurarsi di imposta il tuo tema su Holo o Holo.Light come preferisci e fai il tuo bit preferito per chiamare un codice nativo dal livello javascript ogni volta che c'è un clic su un elemento select.

+0

Dove metteresti quel codice? E come chiamarlo? –

1

È possibile utilizzare jQuery mobile e farti un tema personalizzato da dal loro themeroller

or 

Prova a usare "android: Tema" come il tema principale come

<style name="YourTheme" parent="android:Theme"> 

è il vecchio tema Android e dà lo stile che state cercando

o si può anche specificamente cambiare

<item name="spinnerStyle">@android:style/Widget.Spinner</item> 
<item name="spinnerDropDownItemStyle">@android:style/Widget.DropDownItem.Spinner</item> 
<item name="spinnerItemStyle">@android:style/Widget.TextView.SpinnerItem</item 

per creare il proprio stile

Problemi correlati