`
lxs647
  • 浏览: 523173 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flex s:Label 设置超链接

 
阅读更多

在Flex中,需要在label上设置一个超链接,类似与html中的超链接:

 

<a href="www.iteye.com">iteyer</a>

 

在Flex中可以如下设置,完成同样的效果:

 

<s:Label id="textLabel" buttonMode="true"
                     click="textLabel_clickHandler(event)" color="blue" text="link"
                     textDecoration="underline"/>

 

 

protected function textLabel_clickHandler(event:MouseEvent):void
{
       navigateToURL("http://www.baidu.com", "blank");   
}

 

navigateToURL(url,mode);
mode:  _self (本窗口打开), _blank(新窗口打开) , _top

 

 

另外,还可以用<s:LinkButton>,<s:LinkBar> 以及<s:RichEditableText>

 

<s:RichEditableText
            editable="false" >
            <s:textFlow>
                <s:TextFlow>
                    <s:p>
                         <s:a href="http://www.51.com">51.com</s:a>
                    </s:p>
                </s:TextFlow>
            </s:textFlow>
        </s:RichEditableText>

 

 

分享到:
评论

相关推荐

    flex实现边框

    总之,使用Flex实现边框和标题主要涉及设置组件属性、使用CSS、自定义AS类以及应用皮肤。通过灵活组合这些方法,你可以创建出满足各种需求的富界面组件。在实际项目中,理解并熟练运用这些技术将极大地提升你的Flex...

    flex quick starts

    Flex提供了多种此类控件,包括Label、Text、TextArea、TextInput以及RichTextEditor。 - **Label**:用于展示单行文本信息。 - **Text**:同样用于展示文本信息,但可以展示多行文本。 - **TextArea**:与Text类似...

    flex基本控件总结

    Label的背景可设置为透明,使得文本直接显示在容器背景之上。例如: ```xml &lt;mx:Label id="lblLable" text="标签"/&gt; ``` Label支持HTML标记,如需显示小于号,可以使用`&lt;`。 2. Text(文本):Text控件也显示不...

    flex精通 flex入门

    LinkButton控件类似于Button,但外观更像超链接,常用于打开URL。CheckBox控件用于提供二选一的选项,用户可以选中或取消选中,常用于收集一组独立的布尔值。RadioButton控件则用于在一组互斥选项中进行单一选择,...

    Flex Air 学习资料\06.文本设计.rar

    1. **TextComponent类**:这是Flex中所有文本组件的基础类,包括Label、Button、TextArea和TextInput等。了解这个类的基本属性和方法对于文本设计至关重要。 2. **样式和格式**:Flex支持通过CSS来控制文本的样式,...

    跟我学HTML+CSS答案

    &lt;label for="name"&gt;姓名:&lt;/label&gt; 提交"&gt; ``` ### 第9章:框架与框架集 #### 框架集 - `&lt;frameset&gt;`: 定义一组框架。 - `rows` 和 `cols`: 定义每个框架的高度或宽度比例。 #### 框架标签 - `&lt;frame&gt;...

    脑动力 HTML+CSS标签速查效率手册(源码)

    15. `&lt;label&gt;`:与`&lt;input&gt;`关联,为用户提供更好的交互体验。 16. `&lt;table&gt;`:创建表格。 17. `&lt;tr&gt;`、`&lt;td&gt;`和`&lt;th&gt;`:分别表示表格行、单元格和表头单元格。 二、CSS属性 CSS(层叠样式表)用于控制网页的布局...

    javaweb css样式表

    - `label`: 设置标签间的间距。 - `input`: 定义了输入框的样式。 - `button`: 定义了提交按钮的样式,包括鼠标悬停时的样式变化。 通过以上内容可以看出,CSS的强大之处在于能够灵活地控制页面元素的外观,使...

    Flex中给按钮添加链接点击链接打开网页的方法

    在MXML代码的视觉部分,你可以定义一个Button组件,并为它设置label属性,这里的内容是按钮上显示的文本。同时,你也可以设置其x和y属性,定义按钮的位置;设置fontSize属性来定义字体大小。通过设置click属性为...

    web前端网页设计与制作——华夏第一县HTML+CSS+JavaScript

    - **Div+CSS布局**:通过使用Div标签来构建网页的主体结构,并利用CSS来进行样式设置,包括颜色、字体、间距等细节处理。 - **鼠标滑过特效**:通过CSS的`:hover`伪类来实现鼠标悬停时的视觉变化效果,比如改变...

    C# 控件、数据类型、ADO.NET等命名规范

    - **Hierarchicalflexgrid (分层灵活网格)**:简写为 `flex`。例如:`flexOrders` 表示订单分层网格。 - **HScrollbar (水平滚动条)**:简写为 `hsb`。例如:`hsbVolume` 表示音量水平滚动条。 - **Image (图像)**:...

    HTML5+CSS3开发商业站点Chapter10.pptx

    - **防止父级边框塌陷的方法**:使用`overflow:hidden`、`clearfix`技术、`display: flex`或`display: grid`等。 - **定位**:使用`position`属性实现元素的绝对定位、相对定位等。 - **利用CSS3制作网页动画**:...

    html-web.rar_page

    3. **设置布局:** 使用`display: flex`或`grid`来创建响应式的网格布局。 4. **动画效果:** 通过`@keyframes`创建动态效果,如闪烁、滑动等。 5. **浮动元素:** 使用`float`属性让元素在页面上浮动,形成类似海报的...

    模仿vivo官网html+css.zip

    8. **Flexbox布局**:为容器元素设置`display: flex`,可以轻松实现元素的对齐、顺序调整和自适应布局。 9. **CSS Grid布局**:适用于更复杂的二维布局,通过`grid-template-columns/rows`定义网格。 10. **响应式...

    尚硅谷_前端_面试题

    例如使用Flexbox,可以设置容器为`display: flex;`,子元素使用`flex: 1;`,并适当调整`margin`或`padding`。 17. **css多列等高如何实现?** - 使用Flexbox:`display: flex;`,对于垂直方向上的等高,可以设置`...

    简单HTML网络购书网页

    - `&lt;a&gt;`:超链接元素,用于链接到其他网页或页面内的位置,属性`href`定义链接的目标地址。 - `&lt;img&gt;`:图像元素,属性`src`定义图像的URL,`alt`提供替代文本描述。 - `&lt;input&gt;`:表单元素,常用于用户输入,例如...

    前端校招面试题精编解析大全.pdf

    6. display属性:用于控制元素的显示方式,如`block`, `inline`, `inline-block`, `flex`等。 7. 元素居中:介绍如何使用CSS使元素水平和垂直居中。 8. link和@import的区别:两者都是链接CSS的方式,但它们在加载...

    线框练习:线框练习1和2以及1和2!

    - `&lt;div&gt;`:通用容器,通过CSS(Cascading Style Sheets)进行布局和样式设置。 - `display属性`:控制元素的显示方式,如`block`、`inline`或`flex`。 - `position属性`:定位元素,如`static`、`relative`、`...

    andreyst18.github.io

    7. `&lt;a&gt;`:创建超链接,`href`属性指定链接的目标地址。 8. `&lt;img&gt;`:插入图像,`src`属性指向图像文件路径,`alt`属性提供替代文本。 9. `&lt;ul&gt;` 和 `&lt;li&gt;`:创建无序列表。 10. `&lt;ol&gt;` 和 `&lt;li&gt;`:创建有序列表。 ...

    HTML实战案例

    在网页内容部分,`&lt;h1&gt;`至`&lt;h6&gt;`用于定义不同级别的标题,`&lt;p&gt;`用于段落,`&lt;a&gt;`用于创建超链接,`&lt;img&gt;`插入图片,`&lt;ul&gt;`和`&lt;ol&gt;`分别表示无序和有序列表,`&lt;li&gt;`是列表项。此外,`&lt;div&gt;`和`&lt;span&gt;`是通用容器,可以...

Global site tag (gtag.js) - Google Analytics