SearchInput扩展TextInput
增加:
imageSource属性(右侧图片);
tipText属性(为空时出现的提示文字);
buttonClick事件(点击button及input中敲击回车触发)。
多说无益,上代码
package {
import flash.events.Event;
import flash.events.FocusEvent;
import flash.events.KeyboardEvent;
import flash.events.MouseEvent;
import flash.ui.Keyboard;
import mx.controls.Alert;
import mx.controls.Button;
import mx.controls.Image;
import mx.controls.TextInput;
import mx.events.FlexEvent;
[Event(name="buttonClick", type="flash.events.Event")]
public class SearchInput extends TextInput {
protected var buttonImage:Button;
private var _imageHeight:int;
private var _imageWidth:int;
private var _isUseTip:Boolean = false;
private var _tipText:String = "";
private var _tipStyle:String = "italic";
private var _tipColor:String = "#766767";
[Bindable]
[Embed(source="assets/icoSearch.png")]
private var _imageSource:Class;
public function SearchInput() {
super();
this.setStyle("borderColor", "#66B3FF");
this.addEventListener(FlexEvent.CREATION_COMPLETE, addButton);
this.addEventListener(KeyboardEvent.KEY_DOWN, KeyEnter);
}
override protected function createChildren():void {
super.createChildren();
this._isUseTip = this._tipText != "";
if (_isUseTip) {
setTip();
this.addEventListener(FocusEvent.FOCUS_IN, focusTip);
this.addEventListener(FocusEvent.FOCUS_OUT, focusTip);
}
}
private function setTip():void {
if (this.text == "") {
this.text = _tipText;
this.setStyle("fontStyle", _tipStyle);
this.setStyle("color", _tipColor);
}
}
private function clearTip():void {
if (this.getStyle("fontStyle") == _tipStyle) {
this.text = "";
this.setStyle("fontStyle", "");
this.setStyle("color", "");
}
}
private function focusTip(e:FocusEvent):void {
switch (e.type) {
case FocusEvent.FOCUS_IN :
return clearTip();
case FocusEvent.FOCUS_OUT :
return setTip();
}
}
private function addButton(event:FlexEvent):void {
buttonImage = new Button();
buttonImage.setStyle("skin", _imageSource);
buttonImage.height = imageHeight;
buttonImage.width = imageWidth;
buttonImage.useHandCursor = true;
buttonImage.move(this.width - buttonImage.width - (this.height - buttonImage.height) / 2,
(this.height - buttonImage.height) / 2);
buttonImage.addEventListener(MouseEvent.CLICK, buttonClick);
this.addChild(buttonImage);
}
private function KeyEnter(event:KeyboardEvent):void {
if (event.charCode != Keyboard.ENTER) return;
this.dispatchEvent(new Event("buttonClick"));
}
private function buttonClick(event:MouseEvent):void {
this.dispatchEvent(new Event("buttonClick"));
}
public function get imageHeight():int {
if (_imageHeight == 0) _imageHeight = this.height;
return _imageHeight;
}
public function set imageHeight(value:int):void {
_imageHeight = value;
}
public function get imageWidth():int {
if (_imageWidth == 0) _imageWidth = this.height;
return _imageWidth;
}
public function set imageWidth(value:int):void {
_imageWidth = value;
}
public function get imageSource():Class {
return _imageSource;
}
public function set imageSource(value:Class):void {
_imageSource = value;
}
public function get tipText():String {
return _tipText;
}
public function set tipText(value:String):void {
_tipText = value;
}
}
}

- 大小: 8.1 KB
分享到:
相关推荐
响应式设计是现代网页开发中的一个重要概念,它允许网页在不同...通过不断优化和扩展,你可以构建更复杂的响应式组件,满足不同场景下的需求。记得在实际开发中进行跨设备测试,确保在各种屏幕尺寸下的表现都符合预期。
例如,可以通过计算屏幕宽度和选项宽度来决定每行显示多少个选项,然后用CSS的`display: flex`和`flex-wrap: wrap`属性来实现换行。 5. **响应式设计**:确保搜索栏和下拉选择框在不同设备和屏幕尺寸上都能良好工作...
嵌入式系统开发_STM32微控制器_ESP8266WiFi模块_心率传感器_加速度计_OLED显示屏_蓝牙40_低功耗设计_实时操作系统_智能手表_多功能健康监测_运动数据记录_
驾校自动化_网页自动化爬虫技术_Python27多线程HTTP请求模拟_龙泉驾校2014版约车系统自动预约助手_通过模拟登录和循环请求实现自动约车功能_支持失败自动递增车号重试_
Linux系统编程_操作系统内核_系统调用_进程线程_信号处理_文件IO_进程间通信_多线程同步_网络编程_UNIX环境编程_中文翻译勘误_错误修正_代码示例优化_技术文档校对_开
wanjunshe_Python-Tensorflow_12888_1745868924470
scratch少儿编程逻辑思维游戏源码-铅笔画.zip
即时通讯应用开发_基于LeanCloud云服务与Android原生开发_集成QQ第三方登录与即时聊天功能的社交应用_实现用户注册登录创建聊天室发送文字消息展示用户信息头像昵称并提供
scratch少儿编程逻辑思维游戏源码-伞兵大乱斗(云变量).zip
scratch少儿编程逻辑思维游戏源码-楼层酷跑.zip
scratch少儿编程逻辑思维游戏源码-零下之寒颤.zip
scratch少儿编程逻辑思维游戏源码-密室逃生.zip
少儿编程scratch项目源代码文件案例素材-爪猫足球.zip
命令行完成git本地仓库创建、将代码提交到暂存区、查看暂存区信息、将代码提交到本地仓库、将本地仓库关联到远程仓库、推送到远程仓库全过程的截图
少儿编程scratch项目源代码文件案例素材-纸.zip
scratch少儿编程逻辑思维游戏源码-日本冒险.zip
scratch少儿编程逻辑思维游戏源码-狼人杀跑酷.zip
scratch少儿编程逻辑思维游戏源码-史莱姆杀手.zip
少儿编程scratch项目源代码文件案例素材-粘粘世界.zip
scratch少儿编程逻辑思维游戏源码-米克 demo.zip