`

flex3 List组件内容自动换行支持

    博客分类:
  • flex
阅读更多

flex3中 List控件是一种显示垂直项目的列表,对于超出显示空间的内容,可以通过水平的或是垂直的滚动条进行查看;也可以通过重新渲染,使List的Item中的内容自动换行。

 

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				layout="absolute">
	<mx:Model id="mystates">
		<states>
			<state label="Alabama Alabama Alabama Alabama Alabama Alabama Alabama Alabama"
				   data="AL"/>
			<state label="Alaska"
				   data="AK"/>
			<state label="Arizona"
				   data="AZ"/>
			<state label="Arkansas"
				   data="AR"/>
			<state label="California"
				   data="CA"/>
			<state label="Colorado"
				   data="CO"/>
			<state label="Connecticut"
				   data="CT"/>
		</states>
	</mx:Model>
	<mx:List id="listID"
			 x="300"
			 y="50"
			 width="200"
			 height="200"
			 fontSize="16"
			 horizontalScrollPolicy="off"
			 variableRowHeight="true"
			 dataProvider="{mystates.state}">
		<mx:itemRenderer>
			<mx:Component>
				<mx:Text text="{this.data.label}"
						 selectable=" true"/>
			</mx:Component>
		</mx:itemRenderer>
	</mx:List>
</mx:Application>
 

 

分享到:
评论

相关推荐

    flex + java 初学者 笔记 学习资料

    本文档是针对Flex和Java初学者的学习笔记,涵盖了Flex中的基础组件、文本处理、样式设计、行为对象以及动画效果。 一、Flex基础组件 1. Button:按钮组件,可以设置文字和图标,图标通过`icon="@Embed('图片路径')...

    flex 第一步的bug

    - **List组件**:这是Flex中用于展示列表数据的重要控件,支持高度定制化。 - **`itemRenderer`**:它是用于自定义列表项外观的组件,通过设置`itemRenderer`,开发者可以控制每个列表项的具体显示样式。 **7. P77...

    Kotlin语言实现FlexboxLayout流式布局替换Recycleview实现单选/多选

    FlexboxLayout允许元素沿主轴线(flex-direction)灵活地伸缩,并支持自动对齐和换行,这使得它特别适合创建流式布局。 Kotlin作为Android的首选编程语言,拥有简洁的语法和丰富的函数库,使我们能够轻松地实现...

    微信小程序scroll-view横向滑动嵌套for循环的示例代码

    在微信小程序开发中,`scroll-view`组件是一个非常重要的部分,它允许用户在内容超过屏幕范围时进行滚动浏览。在本文中,我们将深入探讨如何在`scroll-view`中实现横向滑动并结合`for`循环展示数据。我们将讨论布局...

    display 使用心得

    在提供的标签"源码"和"工具"中,我们可能还会遇到`display`在其他编程环境或框架中的应用,例如JavaScript库(如React)中的组件渲染控制,或者在CSS预处理器(如Sass、Less)中预定义的`display`变量。 至于提到的...

    小程序scroll-view安卓机隐藏横向滚动条的实现详解

    通过这些调整,`worth-wraper` 设置了 `overflow: hidden` 以及 `white-space: nowrap`,使得内容不再换行,同时 `scroll-view` 内的 `.worth-list` 使用 `display: inline-block` 使得图片可以并排放置,从而达到...

    前端大厂最新面试题-css.docx

    34. 在CSS中使用哪3个内容属性能够在元素前面自动插入递增的序号,包括counter-increment、counter-reset、content等。 35. CSS中的特殊性是指选择器的权重,越高的选择器具有越高的特殊性。 36. !important的作用...

    详解Vue demo实现商品列表的展示

    `display: flex`和`flex-wrap: wrap`确保列表项在一行内显示,当空间不足时换行。每个商品项使用`list-style: none`去除默认的列表样式,并添加适当的边距和边框,使它们看起来更像卡片。图片的宽度和高度被固定,以...

    tagsinput:Campo HTML para插入标签com CSS e JavaScript

    当然,实际项目中可能需要更复杂的功能,如输入验证、自动补全、多语言支持等,这需要结合更强大的库或框架,如Bootstrap的`bootstrap-tagsinput`插件,或使用Vue.js、React.js等前端框架来构建。在`tagsinput-...

Global site tag (gtag.js) - Google Analytics