The alpha transparency of the Component. Range from 0 to 100.
Initial speed of carousel items. Range 0.01 to 2. Default is 0.75.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.carouselScale = 1.2;
Clip the components contents using one of the options in ClippingType.
Access this Component's sub-components.
Number of items to display in the carousel. Range 1 to 100. Default is 5.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.displayNumber = 10;
Whether or not is component is enabled for the parent form. Only relevant when inside a Form Component.
Label used to identify the field this Component belongs to in a form. Only relevant when inside a Form Component.
The friction on the carousel takes effect when the user removes their finger. Range 0 (no friction) to 1 (stops immediately). Default is 0.05.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.friction = 0.6;
The height of the Component.
Returns the number of items in the Carousel Component.
var carouselComp = uComps.cast.toCarousel(comp);
var items = carouselComp.itemsCount;
Shape component to be used as a mask. Can be either a Rectangle or Circle Component.
Maximum opacity of a carousel item. Range 0 to 100. Default is 100.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.maxOpacity = 80;
Maximum scale of a carousel item. Range 0.01 to 2. Default is 1.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.maxScale = 1.5;
Maximum speed of carousel items. Range 5 to 50. Default is 0.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.maxSpeed = 25;
Minimum opacity of a carousel item. Range 0 to 100. Default is 0.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.minOpacity = 20;
Minimum scale of a carousel item. Range 0.01 to 2. Default is 0.2.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.minScale = 0.5;
Name of the component.
Access this Component's parent component.
Whether or not the Component has passed form validation. Only relevant when inside a Form Component.
Sets the tilt of the carousel, in degrees. Range -45 to 45. Default is 0.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.pitch = 45;
Sets the angle of the carousel, in degrees. Range -90 to 90. Default is 0.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.roll = 45;
When true, the front most carousel item will snap to the center after movement.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.snap = true;
The strength of the snapping. Range 0 (no speed after release) to 1 (instant snap on release). Default is 0.05.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.snapMagnet = 0.02;
Initial speed of carousel items. Range -30 to 30. Default is 10.
var carouselComp = uComps.cast.toCarousel(comp);
carouselComp.speed = 15;
Type of the component.
Unique ID of the component.
Whether or not the Component is visible.
The width of the Component.
The x position of the Component relative to its parent.
The y position of the Component relative to its parent.
Call each callback that is registered for the given eventType, in the order they were registered, passing the supplied data to each.
Also works for 'on_down', 'on_up', and 'on_move'.
new Action('Canvas emit', emit)
.addParameter('Canvas', uActions.ParamType.CANVAS)
.register();
function emit(canvas) {
var ctx = uComps.cast.toCanvas(canvas);
ctx.emit('on_press', 'hello world');
}
The type of the event to emit.
Data object to pass to each callback.
Set the keyboard focus to this component.
new uActions.Action('set focus', setFocus)
.addParameter('text entry',uActions.ParamType.TEXT_ENTRY)
.register();
function setFocus(textEntry) {
textEntry.focus();
}
Get a property by name.
var uActions = require('u-actions');
new uActions.Action('get fontsize',getFontSize).register();
function getFontSize() {
var text1=uPages.current.components.getText('Text 1');
console.log(text1.get('font_size'));
}
The name of the property to get.
Returned value can be of any type, or even null.
Adds the callback function to the end of the listeners array for eventType.
new Action('Canvas on', on)
.addParameter('Canvas', uActions.ParamType.CANVAS)
.register();
function on(canvas) {
var ctx = uComps.cast.toCanvas(canvas);
ctx.on('on_press', on_callback);
}
function on_callback() {
print('on_callback!!!!');
}
The type of the event.
The callback function
Refresh this component to force it to be re-rendered, or for its dynamic data to be updated.
Set a properties value by name.
var uActions = require('u-actions');
new uActions.Action('set text color',setTextColor).register();
function setTextColor() {
uPages.get('follow').components.getText('Text 1').set('font_color','0x0000FFFF');
}
The name of the property to set.
The value to set. Can be of any type.
Set a number properties at once.
Data object containing property name and value pairs to set on this component.
Tween a component property over time.
The number of seconds to tween for.
An objects that contains key/value pairs of the properties and values to tween.
(Optional) Tween type can be any type from "Tween.type"
Once a Carousel Component has been added to the page from the Component selector, the Carousel Component can be passed as a parameter to actions. Code within the action can set properties on the Carousel Component.