EXT 中怎么ext.img 动态改变srcbutton的背景色

来源：蜘蛛抓取(WebSpider) 时间：2016-10-25 05:39 标签： ext.img 动态改变src
Ext.Button 点击按钮后替换自定义的图片
- ITeye问答
Ext.Button 点击按钮后替换自定义的图片怎么解决
比如:overCls 这个属性只是鼠标到按钮后可以替换自定义的图片.鼠标移开后又回到原始的背景色.
&&& 但是如果点击改按钮后. 怎么变成自定义的图片.请高手解决.急........
问题补充：
修改的背景色.蓝色是整个按钮的背景色.也是需要替换的.可是现在替换的只是字体后的背景色
不知道怎么解决.
问题补充：
Ext.Button 点击按钮后替换自定义的图片怎么解决
比如:overCls 这个属性只是鼠标到按钮后可以替换自定义的图片.鼠标移开后又回到原始的背景色.
&&& 但是如果点击改按钮后. 怎么变成自定义的图片.请高手解决.急........
问题补充：
修改的背景色.蓝色是整个按钮的背景色.也是需要替换的.可是现在替换的只是字体后的背景色
不知道怎么解决.
问题补充：Ext.Button 点击按钮后替换自定义的图片怎么解决
比如:overCls 这个属性只是鼠标到按钮后可以替换自定义的图片.鼠标移开后又回到原始的背景色.
&&& 但是如果点击改按钮后. 怎么变成自定义的图片.请高手解决.急........
问题补充：
修改的背景色.蓝色是整个按钮的背景色.也是需要替换的.可是现在替换的只是字体后的背景色
不知道怎么解决.
问题补充：
Ext.Button 点击按钮后替换自定义的图片怎么解决
比如:overCls 这个属性只是鼠标到按钮后可以替换自定义的图片.鼠标移开后又回到原始的背景色.
&&& 但是如果点击改按钮后. 怎么变成自定义的图片.请高手解决.急........
问题补充：
修改的背景色.蓝色是整个按钮的背景色.也是需要替换的.可是现在替换的只是字体后的背景色
不知道怎么解决.
//是button上面那个写错了
var btn=&&& new Ext.Button({&&
&&& id : 'edit',&&
&&&&&&&&&&&&&&&&&&&&&&&&&& text : '编辑',&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& handler : onRelease,&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& iconCls : 'edit'//样式图片&&
function onRelease(){&&
& btn.setIconClass('release');//更改图片&&
& btn.setText('发布');&&
background-image: url(../images/toolbarIcon/edit.png) !
.release {
background-image: url(../images/toolbarIcon/release.png) !
var btn= new Ext.ButtonGroup({
id : 'edit',
text : '编辑',
handler : onRelease,
iconCls : 'edit'//样式图片
function onRelease(){
btn.setIconClass('release');//更改图片
btn.setText('发布');
已解决问题
未解决问题iOS小技巧 - 为按钮设置不同状态下的背景色
我们知道直接在Storyboard中设置按钮的背景色是不能根据不同状态来更改的，那问题来了，如果我们需要在不同的状态下（比如按钮没有被按下或者被按下），使得按钮呈现不同的背景色怎么办？
比如上图左边是按钮没有被按下时的背景色，右边是按钮被按下时的背景色。
第一种方案
我们知道按钮的Image属性可以在不同的状态下设置不同的图片，那最直观的办法就是提供两种背景色的图片，然后直接在Storyboard上通过设置不同状态下Image属性的值来达到目的。
但是这种方案最不好的地方就在于需要提供很多仅仅是颜色不同的图片，如果以后背景色改成其他色系怎么办？设置以后提供换肤功能，每一种皮肤都要提供一整套这些背景色图片吗？
第二种方案
我们还知道按钮的BackgroundImage也是可以根据不同状态来设置不同的背景图片的，那方案就来了，让程序根据颜色自动生成不同的纯色背景图片即可。
为了保证可复用性，定义一个UIButton的Category，实现如下：
@implementation UIButton (FillColor)
- (void)setBackgroundColor:(UIColor *)backgroundColor forState:(UIControlState)state {
[self setBackgroundImage:[UIButton imageWithColor:backgroundColor] forState:state];
+ (UIImage *)imageWithColor:(UIColor *)color {
CGRect rect = CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
UIGraphicsBeginImageContext(rect.size);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetFillColorWithColor(context, [color CGColor]);
CGContextFillRect(context, rect);
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
上述代码应该还是很直观的，调用的办法如下：
[self.button setBackgroundColor:GetColorFromHex(0xffff9000) forState:UIControlStateNormal];
[self.button setBackgroundColor:GetColorFromHex(0xffff6c00) forState:UIControlStateHighlighted];
其中GetColorFromHex是我自己定义的一个宏：
#define GetColorFromHex(hexColor) \
[UIColor colorWithRed:((hexColor && 16) & 0xFF) / 255.0 \
green:((hexColor && &8) & 0xFF) / 255.0 \
blue:((hexColor && &0) & 0xFF) / 255.0 \
alpha:((hexColor && 24) & 0xFF) / 255.0]
其实上述宏代码写成Category会更好，以后再做修改了。Extjs&Button显示背景色&点击按钮后更改背景色
控件是Extjs控件，点击后将背景色更换为其他图片
new Ext.Button ({
& &scale:'Large',
& & fieldLabel :'状态',
& & iconAlign
&: 'left',
'themeStatus',
& & tag : 'Y',
& & handler :
function(button){
& & if(button.tag ==
& button.tag = 'Y';
Ext.getDom(button.getId()).innerHTML&='图片';
& & &}else
if(button.tag=='R'){
& & &button.tag
&Ext.getDom(button.getId()).innerHTML='图片'
& & & }else
if(button.tag=='Y'){
& & & button.tag
Ext.getDom(button.getId()).innerHTML&='图片';
如果用button的icon来设置，icon只是设置了标识，会非常非常小，所以，如果要设置背景色的话就要用button的html属性来设置。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。24小时热评
热点排行榜

我要回帖

更多关于 ext.img 动态改变src 的文章

 

随机推荐