ExtJS ExtJS顏色選擇器

2021-08-26 23:20:27 字數 1263 閱讀 9421

在extjs的mordern版本中,缺少顏色選擇器

這裡提供乙個自己封裝的 xtype:'colorfield'

選取面板:

繼承的是ext.component

通過xtemplete渲染的顏色面板

constructor(config) ;

config.tpl = [

'','',

' ',

'',''

];config.data = [

'000000', '993300', '333300', '003300', '003366', '000080', '333399', '333333',

'800000', 'ff6600', '808000', '008000', '008080', '0000ff', '666699', '808080',

'ff0000', 'ff9900', '99cc00', '339966', '33cccc', '3366ff', '800080', '969696',

'ff00ff', 'ffcc00', 'ffff00', '00ff00', '00ffff', '00ccff', '993366', 'c0c0c0',

'ff99cc', 'ffcc99', 'ffff99', 'ccffcc', 'ccffff', '99ccff', 'cc99ff', 'ffffff'

];this.callparent([

config

]);},

顏色面板裡有個tap事件

ontapme(e) ,
調取顏色面板,floatepicker是extjs中 picker類的屬性,或稱之為配置項

floatedpicker: 

},

為field賦值事件

onpickerchange(picker, value)

me.forceinputchange = true;

me.setvalue(value);

//更新塊的背景色

backgroundcolor: '#' + value,

});me.forceinputchange = false;

me.ontabout(picker);

},

顏色選擇器

基於seekbar控制項打造自定義顏色選擇器,可以選擇黑 白 赤 橙 黃 綠 青 藍 紫以及它們之間的顏色,廢話不多說,先上圖 通過設定seekbar的setprogressdrawable方法將顏色值與拖動條繫結,再監聽setonseekbarchangelistener實時獲取顏色值,部分 如下...

Ext顏色選擇器

size medium color red 這個控制項雖然進行了一次bug修復但是還是有問題,在ie下還是不穩定,偶爾會有問題。請謹慎使用!color size 這是老外擴充套件的乙個ext顏色選擇器,非常的好用 效果圖1 效果圖2 color red size medium bug size co...

ANDROID 顏色選擇器

這兩天花了點時間做了乙個android 的 顏色選擇器 看了幾篇文章.其中有乙個是 as3調色盤演算法 裡面有介紹了原理.我們經常看到這種樣子的顏色選擇器吧.我這裡就只是簡單說一下.1構建一張 七彩圖 然後其實右邊的亮度選擇是 這樣我們的 就可以進行啦.建立七彩 private void init ...