2013-05-28 4 views
10

私のAndroidManifest.xmlファイルで私はHolo.Light(あるいはHolo)するテーマを設定のWebView/PhoneGapの変更を選択(ドロップダウン)スタイル

警告ダイアログ(ホロのテーマに基づいて設計されている光または暗い)が、ドロップダウン(選択)は、次のように探しています:

dropdown design1

には、Google Chromeや他のアプリのようなドロップダウンを行うスタイルにする方法はありますか?
このようなネイティブ選択ルックス:

enter image description here

+0

あなたのマニフェストファイルを投稿しますか?あなたのテーマをチェックするだけです。 –

+0

http://pastebin.com/FE1iqWTp 他に何かが必要な場合は教えてください –

+0

私はphonegapを使用していませんが、私は他のサポートライブラリを追加することができますか?あなたが必要とするドロップダウンのスタイルをネイティブにサポートしていないデバイスで達成しようとしています。 – Prateek

答えて

5

独自のスタイルを作成するために

<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 

を変更することができるスタイルを提供します。あなたがする必要があるのは、<select>をクリックすると、カスタムダイアログを開くネイティブプラグインを構築することです。

削除したいドロップダウンは、chromeで作成された2番目のものとは対照的に、webviewsのselectのデフォルトビューです。

//オプションを取得し、ダイアログ

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

を表示配列

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

//ネイティブ関数内のすべてのオプションとストアがすることを確認し得る:あなたははじめに支援するために、好きなようにテーマをHoloまたはHolo.Lightに設定し、select要素にクリックがあるときはいつでも、javascriptレイヤーからネイティブコードを呼び出すための好きなビットを設定します。

+0

あなたはそのコードをどこに入れますか?それをどのように呼び出すのですか? –

1

あなたはjQueryのモバイルを使用し、「アンドロイド:テーマ」を使用してみてください彼らのThemeRollerのからのから自分カスタマイズされたテーマ

or 

を得ることができるようあなたの親のテーマは

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

それは古いアンドロイドのテーマであり、あなたが

を探しているか、また、特にそれを達成する簡単な方法はありません