Class
zebkit.ui.design.ShaperPan
extends <zebkit.ui.Panel> |
<zebkit.ui.design> |
This is UI component class that implements possibility to embeds another UI components to control the component size and location visually.
// create canvas
var canvas = new zebkit.ui.zCanvas(300,300);
// create two UI components
var lab = new zebkit.ui.Label("Label");
var but = new zebkit.ui.Button("Button");
// add created before label component as target of the shaper
// component and than add the shaper component into root panel
canvas.root.add(new zebkit.ui.design.ShaperPan(lab).properties({
bounds: [ 30,30,100,40]
}));
// add created before button component as target of the shaper
// component and than add the shaper component into root panel
canvas.root.add(new zebkit.ui.design.ShaperPan(but).properties({
bounds: [ 130,130,100,50]
}));
zebkit.ui.design.ShaperPan
([target]
)
Parameters:
-
[target]
<zebkit.ui.Panel>a target UI component whose size and location has to be controlled
public | <zebkit.ui.Panel> | getValue ( ) |
public | void | keyPressed (e) |
public | void | pointerDragged (e) |
public | void | pointerDragStarted (e) |
public | void | setBorderColor (id, color) |
public | void | setValue (v) |
Inherited methods:
$setConstraints(c)
add(constr, d)
byConstraints([p], c)
byPath(path, [cb])
calcPreferredSize(target)
doLayout( )
fire(name, [path], [params])
focused( )
getBottom( )
getCanvas( )
getComponentAt(x, y)
getHorPadding( )
getLeft( )
getPreferredSize( )
getRight( )
getTop( )
getVerPadding( )
hasFocus( )
indexOf(c)
insert(i, constr, d)
invalidate( )
invalidateLayout( )
kidAdded(index, constr, l)
kidRemoved(i, l, ctr)
laidout( )
load(JSON)
off([eventName], [path], [cb])
on([eventName], [path], cb)
paintChildComponents(g, clipChild)
paintComponent(g)
paintViewAt(g, ax, ay, v)
properties([path], props)
property([path], name, value)
recalc( )
relocated(px, py)
remove(c)
removeAll( )
removeAt(i)
removeByConstraints(ctr)
removeMe([after])
repaint([x], [y], [w], [h])
replaceMe([ctr], c)
requestFocus( )
requestFocusIn([timeout])
resized(pw, ph)
setAt(i, d)
setBackground(v)
setBorder([v])
setBorderLayout([gap])
setBottomPadding(bottom)
setBounds(x, y, w, h)
setByConstraints(constr, c)
setConstraints(ctr)
setEnabled(b)
setFlowLayout([ax], [ay], [dir], [gap])
setGrisLayout( )
setId(id)
setKids(a)
setLayout(m)
setLeftPadding(left)
setListLayout([ax], [gap])
setLocation(xx, yy)
setPadding(v)
setParent(o)
setPreferredHeigh(h)
setPreferredSize(w, h)
setPreferredWidth(w)
setProperties([path], props)
setRasterLayout([usePsSize])
setRightPadding(right)
setSize(w, h)
setStackLayout([gap])
setTopPadding(top)
setVisible(b)
toBack( )
toFront( )
toPreferredHeight( )
toPreferredSize( )
toPreferredWidth( )
toView(target)
validate( )
validateMetric( )
vrp( )
public
<zebkit.ui.Panel>
getValue ( )
Get a component whose shape is controlled
Returns:
<zebkit.ui.Panel>
a controlled component |
public
void
keyPressed (e )
Define key pressed events handler Parameters:
|
public
void
pointerDragged (e )
Define pointer dragged events handler Parameters:
|
public
void
pointerDragStarted (e )
Define pointer drag started events handler Parameters:
|
public
chainable
setValue (v )
Set the controlled with the shape controller component. Parameters:
|
Inherited attributes:
protected
Function
$matchPath
public
zebkit.draw.View
bg
public
zebkit.draw.View
border
public
Boolean
canHaveFocus
public
Object
constraints
public
Integer
height
public
Boolean
isEnabled
public
Boolean
isValid
public
Boolean
isVisible
public
Array
kids
public
zebkit.layout.Layout
layout
public
zebkit.layout.Layoutable
parent
public
Integer
width
public
Integer
x
public
Integer
y












public
<Number>
aspectRatio
Resize aspect ratio (width/height). 0 value means no aspect ratio has been defined. |
public
<Integer>
minHeight
Minimal possible height or controlled component |
public
<Integer>
minWidth
Minimal possible width or controlled component |
Inherited events:
childEventName(e)
clipCopy()
clipPaste(s)
compAdded(e)
compEnabled(e)
compMoved(e)
compRemoved(e)
compShown(e)
compSized(e)
focusGained(e)
focusLost(e)
keyPressed(e)
keyReleased(e)
keyTyped(e)
pointerClicked(e)
pointerDragEnded(e)
pointerDragged(e)
pointerDragStarted(e)
pointerEntered(e)
pointerExited(e)
pointerMoved(e)
pointerPressed(e)
pointerReleased(e)