flex使用样式控制button的icon（图片）切换

最新推荐文章于 2024-11-14 15:30:24 发布

原创最新推荐文章于 2024-11-14 15:30:24 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

flex 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了如何在代码中定义并设置按钮样式，包括按钮的基本属性、样式规则以及图标嵌入，通过实例演示了如何创建自定义按钮外观。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.定义button

<s:Button styleName="myButton2" width="92" height="29" />

2.设置样式

.myButton2:up{
	icon:Embed("assets/pic/title/login-default.png");
}
.myButton2:over,.myButton2:down{
	icon:Embed("assets/pic/loginButtonTwo.png");
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chenjinbo1982

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

选择篇(039)-当点击按钮时，event.target是什么？

手掌日月摘星辰

02-14

643

<div onclick="console.log('first div')"> <div onclick="console.log('second div')"> <button onclick="console.log('button')"> Click! </button> </div> </div> A: Outer div B: Inner div C: button D: 一个包含所有

flex按钮使用背景图片

qjv293ek

01-20

193

flex按钮使用背景图片 2011年06月18日　　基于美化的需要，有时候我会被要求给按钮贴上图片　　下面以flex4中使用mx:Button为例：　　----------------------------------------- 　　　　flex/spark" 　　xmlns:mx="library://ns.adobe.com/flex/mx" ...

参与评论您还未登录，请先登录后发表或查看评论

Flex button icon动态设置

qek56qek

07-01

159

　　前段时间写了个datagrid的多列下拉选取控件: MultiDropDownItemEditor，该itemeditot实际上就是一个Hbox包含了一个文本框及按钮，如下所示： flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" height="23" width="120" horizontalAl...

flex中用图片做button

yangtang_newton的专栏

04-02

941

方法一：派生mx.controls.Button类 package com { import mx.controls.Button; public class ImageButton extends Button { [Embed(source="assets/topmenubtn.png")] private var icon:Class; [Embed(

我如何把一个png设置为Button的icon

最新发布

06-20

然后使用：<Buttonicon={<HMN/>}.../>但是用户问题中使用了`importHMNfrom...`，然后直接放入icon属性中作为组件（），这只有在HMN是一个React组件时才可行。而导入的图片通常不是组件。因此，我们需要创建一个组件...

HarmonyOS Next开发学习手册——基础组件(button开发）

maniuT的博客

07-16

1058

button是按钮组件，其类型包括胶囊按钮、圆形按钮、文本按钮、弧形按钮、下载按钮。

鸿蒙5.0版开发：ArkUI框架-button开发

m0_73088370的博客

11-14

470

button是按钮组件，其类型包括胶囊按钮、圆形按钮、文本按钮、弧形按钮、下载按钮。

将放大和关闭按钮放在el-dialog右上角，并使用自定义的图片样式

02-25

好的，用户现在想将放大和关闭按钮放在el-dialog的右上角，并且使用自定义的图片样式。之前他们询问过如何将div转成el-dialog，现在他们可能已经完成了基本转换，但希望进一步自定义样式和按钮的位置。首先，我...

Flex中给按钮设置icon图标的例子

snail8384的专栏

12-23

507

From: http://blog.minidx.com/2008/03/17/601.html xml version="1.0" encoding="utf-8"?>mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundC

flex如何控制图片在button按钮中的位置

w_y_loong的专栏

10-11

2482

最近需要设计几个button，里面含有图片和文字，但是直接写上去的话，图片会默认在左侧，label在右边。但是现在的要求是图片在上面，label在下面。这个其实用呈显器可以做，但是稍微复杂一些，下面说一下简单的方法。若你的代码使用的是mx的组件，那么button有个属性是labelPlacement="bottom"，可以随意调整label的位置，相对也就调整了图片的位置。若使用的

flex 点击按钮换图片示例

damaolly的专栏

09-25

1457

AS文件： //点击按钮图片 [Embed(source='../../../../asstes/xiaoyuanL.jpg')] private var linkButtonIcon:Class; [Embed(source='../../../../asstes/sanjiaolv.png')] private var linkButtonIcon2:Class; if (i

Flex动态改变按钮图标(icon)

lupeng0527的专栏

09-08

3757

<br />由于Flex支持在AS中动态修改icon属性，所以用clearStyle和setStyle方法<br /><br /> 定义图标<br /> [Embed (source="assets/assets.swf", symbol="left_arrow")]<br /> [Bindable]<br /> private static var DEFAULT_ICON:Class;<br /><br /> 在AS中动态绑定<br /> (event.target as Button).c

Icon.Button使用方法

weixin_42262889的博客

06-27

1350

参考链接：https://www.cnblogs.com/moxiaoyan33/p/5482024.html <Icon.Button //在图片后加, 自定义样式的文字 name="facebook" backgroundColor="#3b5998"> <Text style={{fontFamily: 'Ar...

JButton增加图标

Just do it!

06-22

5953

package String; import java.awt.Container; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent; import jav

Qt样式控制：主题切换以及QIcon的源码探析

Alezan的博客

08-25

3278

需求需求是：类似于Qt Creator或者VS Code一样，提供单机软件的主题切换功能。 Simple Thing 其中颜色等配置切换可采取Qt Creator的Settings文档格式或者VS Code的json格式定义。如果仅提供最基本的内嵌主题，则直接更换QSS设计即可（设置于顶层界面，需确保所有子界面均为顶层界面的孩子/孩子的孩子）。问题 QSS样式中存在一个难题，即QSS无法设置图标颜色。如Qt Creator中浅色主题显示的是黑色图标，而黑色主题显示的是白色图标。针对该问题进行探索。解