Выбираем (выпадающий) стиль WebView / Phonegap

В моем файле AndroidManifest.xml я установил тему для Holo.Light (или даже Holo )

Диалоговое окно предупреждения разрабатывается в соответствии с темами Holo (светлые или темные), но выпадающие списки (выберите) выглядят следующим образом:

Выпадающий дизайн1

Есть ли способ стилировать выпадающие списки, такие как Google Chrome и другие приложения?
Нативный выбор выглядит следующим образом:

Введите описание изображения здесь

Solutions Collecting From Web of "Выбираем (выпадающий) стиль WebView / Phonegap"

Нет простого способа добиться этого. Что вам нужно сделать, так это создать собственный плагин, который откроет пользовательский диалог при нажатии на <select> .

Это выпадающее меню, из которого вы хотите избавиться, – это представление по умолчанию для выбора в веб-просмотрах, противоположное второму, которое было построено в хроме. Чтобы помочь вам начать:

// получить все параметры и сохранить в массиве

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

// Родная функция, которая получает параметры и отображает диалог

 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(); } 

Убедитесь, что ваша тема задана для Holo или Holo.Light как вы предпочитаете, и сделайте свой предпочтительный бит, чтобы вызвать собственный код с уровня javascript всякий раз, когда есть щелчок на элементе select .

Вы можете использовать jQuery mobile и получить индивидуальную тему от своего themeroller

 or 

Попробуйте использовать « андроид: тема » в качестве родительской темы в качестве

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

Это старая тема для Android и дает стиль, который вы ищете

Или вы также можете

 <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 

Создать свой собственный стиль