2014-02-26 68 views
1

我在一個android應用程序中實現了colorpicker ..但要選擇顏色,你必須點擊,因爲webview不接受點擊和拖動,我如何更改功能以使用webview,我試圖取代「鼠標移動」被「鼠標懸停」,但沒有sucessAndroid Webview與Colorpicker Eyecon

,我認爲這是代碼的一部分,我應該改變

downSelector = function (ev) { 
      var current = { 
       cal: $(this).parent(), 
       pos: $(this).offset() 
      }; 
      current.preview = current.cal.data('colorpicker').livePreview; 
      $(document).bind('mouseup', current, upSelector); 
      $(document).bind('mousemove', current, moveSelector); 
     }, 

     moveSelector = function (ev) { 
change.apply(
ev.data.cal.data('colorpicker').fields.eq(6) 
.val(parseInt(100*(150 - Math.max(0,Math.min(150,(ev.pageY - ev.data.pos.top))))/150, 10)) 
.end().eq(5).val(parseInt(100*(Math.max(0,Math.min(150,(ev.pageX - ev.data.pos.left))))/150, 10)) 
.get(0),[ev.data.preview] 
); 
return false; 
}, 

upSelector = function (ev) { 

    moveSelector(ev); 

fillRGBFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0)); 
fillHexFields(ev.data.cal.data('colorpicker').color, ev.data.cal.get(0)); 
$(document).unbind('mouseup', upSelector); 
$(document).unbind('mousemove', moveSelector); 
return false; 
}, 

回答

1

給它SO example code for colorpicker in phonegap一試。

此外,這可能有助於javascript-color-pickerspectrum(不確定)。

您也可以從webview中調用本地活動的java代碼,並從本地庫中取回選取的顏色!本機拾色器對話框彈出窗口,這樣

更新:

https://github.com/Gautier/jquery-colorpicker-mobile(Github上)的http://www.eyecon.ro/colorpicker/(叉觸摸事件支持

jqm color picker(付費)

enter image description here

+0

感謝兄弟,但我在eyecon插件 中完成了所有事情,但這是一個好主意ndeed!我會繼續搜索!再次感謝 – Frank021

+0

@ Frank021看看這個https://github.com/Gautier/jquery-colorpicker-mobile –

+1

LOGTAG ..驚人的傢伙......它的工作非常感謝!!!! – Frank021