在我的Air应用程序上,我有两个焦点问题。事实上,当我尝试用tab键移动表单时,顺序不是很好。第二点,即使光标在文本输入中,焦点边框也不可见。
查找下面部分代码
使用tab键移动
this.focusManager.activate();
this.focusManager.setFocus(this.fdNom);
My TextInput CSS
s|TextInput
{
focusColor: #33CC00;
color : #343434;
font-weight : normal;
font-family: Helvetica ;
font-size : 12;
}
我的形式<s:Form x="0" y="94" id="foPerso" width="100%" height="100%"
includeInLayout="true" includeIn="tb1"
backgroundColor="#FFFFF">
<s:layout>
<s:FormLayout gap="3" paddingLeft="0"/>
</s:layout>
<s:HGroup width="100%" gap="3" horizontalAlign="left" resizeMode="noScale"
verticalAlign="baseline" >
<s:DropDownList id="cbQualite" dataProvider="{DP_PAT_CIVIL}"
selectedItem="{getSelectedItem(DP_PAT_CIVIL, objectPatient.paQualPatient)}"
change="objectPatient.paQualPatient = event.currentTarget.selectedItem.label"/>
<s:FormItem label="Nom" >
<s:TextInput id="fdNom" width="200"
text="@{objectPatient.paNomU}"
/>
</s:FormItem>
<s:FormItem label="Prénom" >
<s:TextInput id="fdPrenom" width="200" text="@{objectPatient.paPrenom}"/>
</s:FormItem>
<s:DropDownList id="cbDossier1" dataProvider="{DP_PAT_DOS1}" width="118" height="22" tabIndex="3"
change="objectPatient.paQualPatient = event.currentTarget.selectedItem.label"
/>
<s:FormItem label="" >
<s:TextInput id="fDossier1" width="90" paddingRight="5" text="@{objectPatient.paDossier1}"/>
</s:FormItem>
</s:HGroup>
我的窗体是自定义的TitleWindow组件。
谢谢你的帮助
使用TextInput tabindex属性来操作制表符
(1)我可能只允许Flex处理选项卡,而不是自己管理它。
(2)你是否为你的TextInput使用了一个没有焦点皮肤的自定义皮肤?
Flex将根据组件在MXML中添加的顺序自动为您设置选项卡顺序。如果您的MXML看起来像这样:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="200" minHeight="200">
<s:TextInput id="textInput1"
x="0" y="0"
text="TEXT INPUT #1" />
<s:ComboBox id="comboBox2"
x="0" y="60">
<s:dataProvider>
<mx:ArrayList>
<fx:String>Red</fx:String>
<fx:String>Orange</fx:String>
<fx:String>Yellow</fx:String>
<fx:String>Blue</fx:String>
<fx:String>Green</fx:String>
</mx:ArrayList>
</s:dataProvider>
</s:ComboBox>
<s:TextInput id="textInput2"
x="0" y="30"
text="TEXT INPUT #2" />
</s:Application>
当你点击tab键在字段之间移动时,它会转到TextInput1
,然后是Combobox1
,然后是TextInput2
,即使它们根据x
, y
的坐标以不同的顺序排列。这是由于这些组件在MXML中出现的顺序。当你设置tabIndex
属性时,你可以手动控制制表符的顺序。
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="200" minHeight="200">
<s:TextInput id="textInput1"
x="0" y="0"
text="TEXT INPUT #1"
tabIndex="1"/>
<s:ComboBox id="comboBox2"
x="0" y="60"
tabIndex="3">
<s:dataProvider>
<mx:ArrayList>
<fx:String>Red</fx:String>
<fx:String>Orange</fx:String>
<fx:String>Yellow</fx:String>
<fx:String>Blue</fx:String>
<fx:String>Green</fx:String>
</mx:ArrayList>
</s:dataProvider>
</s:ComboBox>
<s:TextInput id="textInput2"
x="0" y="30"
text="TEXT INPUT #2"
tabIndex="2"/>
</s:Application>
至于焦点边框,除非您在组件上设置了自定义皮肤,否则它们周围仍然应该有默认的蓝色焦点边框。Combobox
组件也可以接收焦点,没有问题。确保您没有将tabFocusEnabled
属性也设置为false
。
我找到了一部分解决方案,但我需要你的帮助来完成。
的确,火花窗口都工作得很好,但我创建我的窗口,焦点是不可见的。什么错误?
var wdetcorr:wDetailCorrespondant = new wDetailCorrespondant();
wdetcorr.monIdCorresp = correspDG.selectedItem.crIndex;
var wOptions:NativeWindowInitOptions = new NativeWindowInitOptions();
wOptions.systemChrome = NativeWindowSystemChrome.NONE;
wOptions.transparent = false;
var fnwDetailPatient:FlexNativeWindow = new FlexNativeWindow(wdetcorr, wOptions);
fnwDetailPatient.activate();
和FlexNativeWindow代码是:
package fr.ui.windowSkin
{
import flash.display.NativeWindow;
import flash.display.NativeWindowInitOptions;
import flash.events.Event;
import flash.events.KeyboardEvent;
import flash.ui.Keyboard;
import mx.core.IUIComponent;
import mx.core.IVisualElement;
import mx.core.IVisualElementContainer;
import mx.core.UIComponent;
import mx.events.*;
import mx.managers.WindowedSystemManager;
[Event(name="creationComplete", type="mx.events.FlexEvent")]
public class FlexNativeWindow extends NativeWindow implements IFlexNativeWindow
{
private var _systemManager:WindowedSystemManager;
private var _content:UIComponent;
private var _window:IVisualElementContainer;
public function FlexNativeWindow(window:IVisualElementContainer, initOptions:NativeWindowInitOptions = null)
{
super(initOptions);
_window = window;
addEventListener(Event.ACTIVATE, windowActivateHandler);
}
public function addElement(control:IVisualElement):void
{
_window.addElement(control);
}
public function removeElement(control:IVisualElement):void
{
_window.removeElement(control);
}
private function windowActivateHandler(event:Event):void
{
event.preventDefault();
event.stopImmediatePropagation();
removeEventListener(Event.ACTIVATE, windowActivateHandler);
if (stage)
{
if (!_systemManager)
_systemManager = new WindowedSystemManager(IUIComponent(_window));
stage.addChild(_systemManager);
dispatchEvent(new FlexEvent(FlexEvent.CREATION_COMPLETE));
stage.addEventListener(Event.RESIZE, windowResizeHandler);
stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDownListener);
}
}
private function keyDownListener (e:KeyboardEvent):void {
if (e.keyCode == Keyboard.ESCAPE) {
stage.nativeWindow.dispatchEvent(new Event("myEventClose", true));
stage.nativeWindow.close();
}
}
private function windowResizeHandler(event:Event):void
{
// prise en compte de la valeur mini
UIComponent(_window).height = stage.stageHeight;
UIComponent(_window).width = stage.stageWidth;
}
}
}