`

Flex TextArea 滚动到底部

阅读更多

最核心的两句话:

                    textContainer.scroller.viewport.verticalScrollPosition=textContainer.scroller.viewport.contentHeight;
textContainer.validateNow();

 

 

<?xml version="1.0" encoding="utf-8"?>
<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>

	<fx:Script>
		<![CDATA[
			protected function button1_clickHandler(event:MouseEvent):void
			{
				var interval:uint=100;
				var repeat:uint=60;
				var myTimer:Timer=new Timer(interval,repeat);
				myTimer.addEventListener(TimerEvent.TIMER, timerHandler);
				myTimer.start();
				function timerHandler(event:TimerEvent):void
				{
					textContainer.text+="abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd";
					textContainer.scroller.viewport.verticalScrollPosition=textContainer.scroller.viewport.contentHeight;
					textContainer.validateNow();
				}
			}
		]]>
	</fx:Script>

	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<s:TextArea x="10" y="10" id="textContainer"/>
	<s:Button x="10" y="169" label="开始滚动" click="button1_clickHandler(event)"/>
</s:TitleWindow>
 
分享到:
评论

相关推荐

    Developing Mobile Applications with ADOBE FLEX and ADOBE FLASH BUILDER

    - **滚动条使用**:为内容较多的区域提供滚动功能。 - **菜单设计**:创建顶部菜单栏或底部菜单。 - **加载指示器**:显示加载动画提升用户体验。 ##### 4.2 设计与工作流程 - **支持多种屏幕尺寸**:通过CSS样式表...

    wxcomponents/

    1. 布局组件:如栅格系统(Grid)、Flex弹性布局、Divider分割线等,用于构建页面的基本结构和区域划分。 2. 表单组件:包括Input输入框、Textarea多行输入、Checkbox复选框、Radio单选按钮、Select选择器、Switch...

    详解h5页面在不同ios设备上的问题总结

    本文主要总结了在不同iOS设备上,特别是嵌入到小程序Webview中的H5页面所遇到的一些典型问题及其解决方案。 1. **日期问题**: 当日期格式为"yyyy-mm-dd hh:mm:ss"时,iOS系统可能无法正确识别和解析。例如,尝试...

    CSS基础标签.md

    - **Flexbox方法**:将父容器的 `display` 属性设置为 `flex`,然后使用 `align-items: center;` 或 `justify-content: center;` 实现垂直或水平居中。 - **Grid方法**:设置 `display: grid;` 并使用 `align-...

    HTML CSS JS 网页设计作业「我的家乡吉林」

    - **居中**: 可以通过设置父元素的 `display` 属性为 `flex` 或 `grid`,然后使用 `justify-content` 和 `align-items` 来实现水平和垂直居中。 - **响应式设计**: 使用媒体查询来适应不同屏幕尺寸的设备。 - **伪...

Global site tag (gtag.js) - Google Analytics