Announcement

**Matt Doyle** · 02-17-2012, 09:06 PM

That's because this widget does not fire off the WidgetInitialized() callback. If you want that widget to do so, you'll have to modify the code. Take note of the following:

in gfx.controls.TextInput.as, which extends UIComponent:

Code:

[InspectableList("disabled", "visible", "textID", "password", "maxChars", /*"restrict",*/ "editable", "actAsButton", "defaultText", "enableInitCallback", "soundMap")]

This line adds enableInitCallback to the list of component properties. This must be toggled true to fire off the WidgetInitialized() callback.

UIComponent.as is where enableInitCallback is handled:

Code:


public var enableInitCallback:Boolean = true;

private function onLoadImpl():Void {        
		if (initialized) return;
        
		// Only set these values if they have not been set previously (attachMovie, etc.)
		if (isNaN(__width))  { __width = _width;    } 
        if (isNaN(__height)) { __height = _height;  }
		initialized = true;		
		configUI();
		validateNow();
        
		if (enableInitCallback && _global.CLIK_loadCallback) { _global.CLIK_loadCallback(this._name, targetPath(this), this); }
        
		// InputDelegate will not instantiate unless a component is clicked. This forces it to.
		// Additionally, there is no focusBoundary if selected is set before initialization is complete.
		if (_focused != 0 && Selection.getFocusBitmask(this) == 0) {
			for (var i:Number = 0; i < Selection.numFocusGroups; i++) {
				var focused:Boolean = ((_focused >> i) & 0x1) != 0;
				if (focused) {
					var controllerMask:Number = Selection.getControllerMaskByFocusGroup(i);
					for (var j:Number = 0; j < capabilities["numControllers"]; j++) {
						if ((controllerMask >> j) & 0x1 != 0) { FocusHandler.instance.onSetFocus(null, this, j); }
					}
				}
			}
		}
	}
	
	private function onUnload():Void {
		if (enableInitCallback && _global.CLIK_unloadCallback) { _global.CLIK_unloadCallback(this._name, targetPath(this), this); }
	}

**Gedden** · 02-18-2012, 01:40 AM

There have been a hand-full of issues since UDK-2011-11. While there are some work arounds, if you are going to build a larger UI its probably wiser to use UDK-2011-10 until the issues are addressed.

**Vaquero** · 02-18-2012, 05:30 AM

Whoohoo! Thanks a lot, Matt! I didn't need to delve into ActionScript, just add the keyword in the appropiate class, create a new component bool parameter "enableInitCallback" for that component and set it to true. Why was it disabled in the first place?!

**Vaquero** · 02-18-2012, 06:03 AM

Oh no... I rejoiced too soon. My dialog is just working fine now, but my settings screen is broken. Since the items there are also of class 'com.scaleform.udk.controls.MultiControlItemRender er' I think this is related. Does this mean... more ActionScript?!

**Vaquero** · 02-18-2012, 08:09 AM

Ok, because my settings menu wouldn't work if I added enableInitCallback to InspectableList in MultiControlItemRenderer, I ended up making my own ActionScript class for the desired widget and set it to that class in flash. I just stripped the MultiControlItemRenderer.as to this:

Code:

import gfx.utils.Delegate;
import gfx.ui.InputDetails;
import gfx.ui.NavigationCode;
import gfx.utils.Constraints;
import com.scaleform.udk.controls.FocusItemRenderer;


[InspectableList("disabled", "visible", "labelID", "enableInitCallback", "disableConstraints"]
class com.scaleform.udk.controls.InputItemRenderer extends FocusItemRenderer {


	// Constants:


// Public Properties:
	public var textinput:gfx.controls.TextInput;
	public var control:MovieClip;
	
// Private Properties
	private var _bDataUpdate:Boolean = false;
	private var hit:MovieClip;
	
// Initialization:
	public function InputItemRenderer() { super(); }


// Public Methods:
	public function get selected():Boolean { return _selected; }
	public function set selected(value:Boolean):Void {		
		super.selected = value;		
	}    
	
	private function changeFocus():Void {
		super.changeFocus();		
		var state:String = (_selected) ? "focused" : "default";		
		/* Set the TextInput to the focused state. */
		if (!control.disabled && control != null)
		{						
			control.gotoAndPlay(state);
		}
	}
		
    
	public function setData(data:Object):Void {
		super.setData(data);             
        
		if (data.disabled)
			this.disabled = data.disabled;
	}	
	
	public function draw()
	{
		super.draw();   
        
		// If the control passed in was an text input
		if (data.control == "input")
		{
			control = textinput;               
			textinput._visible = true;
			textinput.disabled = false;
			textinput.text = data.text;	
			textinput.maxChars = data.editBoxMaxLength;
		}
		
		super.draw();
	}
	
	public function handleInput(details:InputDetails, pathToFocus:Array):Boolean {		        
		var nextItem:MovieClip = MovieClip(pathToFocus.shift());
		var handled:Boolean;
		if (nextItem != null) {
			handled = nextItem.handleInput(details, pathToFocus);
			if (handled) { return true; }
		}


		// If the user presses enter, shift focus to the textinput and vice versa.
		// details.code != 32 prevents spacebar from triggering this behavior.
		if (details.navEquivalent == NavigationCode.GAMEPAD_A && details.value == "keyUp" && details.code != 32)
		{       
			if (textinput)
			{
				if (!textinput.disabled && !textinput.focused) {                    
					Selection.setFocus(textinput);
					return true;
				}
				else if (textinput.focused) {                
					 Selection.setFocus(this);
					 return true;
				}
			}
		}     
		return false; // or true if handled
	}
    
	public function onTextChange(event:Object) {        
		data.text = textinput.text;
		var event:Object = {type:"change"};
		dispatchEvent(event);
	}
    
	/** @exclude */
	public function toString():String {
		return "[Scaleform OptionItemRenderer " + _name + "]";
	}          
	
// Private Methods:
	private function configUI():Void {                
		constraints = new Constraints(this, true);
		if (!_disableConstraints) {
			constraints.addElement(textField, Constraints.ALL);
		}		
		
		// Force dimension check if autoSize is set to true
		if (_autoSize != "none") {
			sizeIsInvalid = true;
		}
        
		hit.onRollOver = Delegate.create(this, handleMouseRollOver);
		hit.onRollOut = Delegate.create(this, handleMouseRollOut);
		hit.onPress = Delegate.create(this, handleMousePress);
		hit.onRelease = Delegate.create(this, handleMouseRelease);		
		hit.onDragOver = Delegate.create(this, handleDragOver);
		hit.onDragOut = Delegate.create(this, handleDragOut);
		hit.onReleaseOutside = Delegate.create(this, handleReleaseOutside);		
		hit.tabEnabled = false;
        
		focusTarget = owner;
        
		if (textinput != null) {			
			textinput.addEventListener("textChange", this, "onTextChange");
			textinput.tabEnabled = false;			
			textinput.tabChildren = false;                      
			textinput.focusEnabled = false;
		}
		
		updateAfterStateChange();
	}     
}

It works for me. I guess many of the if statements have become unnecessary, because there is only the textinput left and no optionstepper, but I thought better safe than sorry. But I would nevertheless appreciate a real solution if there is any.

**Matt Doyle** · 02-21-2012, 05:11 PM

Your solution is perfectly valid. Extending the classes that are already there is the preferred method of adding functionality.

Announcement

[SOLVED] CLIKWidget not initialized: What's wrong?!

[SOLVED] CLIKWidget not initialized: What's wrong?!

Comment

Comment

Comment

Comment

Comment

Comment