Windows Store App Winjs是否具有顏色選擇器控件？

我需要使用html & JavaScript將顏色選擇器添加到我的Windows 8商店應用程序，你知道嗎？由於Windows Store App Winjs是否具有顏色選擇器控件？

來源

2013-11-14 Mai Reynolds

不，一個標準的顏色選擇器無法使用，你可以在這裏看到：

http://msdn.microsoft.com/en-us/library/windows/apps/hh465453.aspx

您可以在您的應用程序購買的或者開源的選擇。最大的問題是組件可能沒有你需要在應用程序中匹配的正確外觀。

來源

2013-11-14 17:55:39 WiredPrairie

我想補充一點，你會發現在網絡上約9,843,570,982,345 JavaScript的拾色器控制，所以我會建議。 –

您可以使用簡單的顏色選擇器從 https://github.com/DavidDurman/FlexiColorPicker

它很容易和輕巧。在windows商店應用程序中運行良好。

<html> 
       <head> 
       <script type="text/javascript" 
         src="colorpicker.js"></script> 
       <style type="text/css"> 
        #picker { width: 200px; height: 200px } 
        #slide { width: 30px; height: 200px } 
       </style> 
       </head> 
       <body> 
       <div id="picker"></div> 
       <div id="slide"></div> 
       <script type="text/javascript"> 
        ColorPicker(
        document.getElementById('slide'), 
        document.getElementById('picker'), 
        function(hex, hsv, rgb) { 
         document.body.style.backgroundColor = hex; 
        }); 
       </script> 
       </body> 
      </html>

來源

2013-12-07 08:06:34 ArchFever

就我個人而言，我發現網上大多數JS顏色選擇器的樣式並不能真正適合我的Windows 8應用程序設計。我創建了一個滿足我需求的函數，也許它也會幫助你： http://jsfiddle.net/6GHzP/3/ （由於在css中使用了-ms-grid屬性，在Windows 8應用程序中也支持此示例，因此示例僅適用於IE10 +）使用此功能以下列方式：

HTML：

<div id="the_color_picker"></div>

JS：

var colorPicker1 = document.getElementById("the_color_picker"); 
createColorPicker(colorPicker1, 10, 20); 

//colorPicker1 is the element in the DOM which will be used to insert the 
//colorpicker 
//10 is the number of main colors which will result in 10 main colors which 
//each will have 10x10 sub colors. 
//20 is the size in pixels of every color

請記住此功能不適合作爲一個非常詳細的合作由於爲每種顏色創建的div，因此選擇器。例如createColorPicker（colorPicker1,255,1），會顯示一些嚴重的滯後。

來源

2013-12-30 13:21:40 RuudvK

Windows Store App Winjs是否具有顏色選擇器控件？

回答

相關問題