Fonts, Images and animation

Certify and Increase Opportunity.
Be
Govt. Certified Blackberry Apps Developer

Animations

In the Cascades framework, you animate UI controls by changing their visual properties. You can animate an image of a ball moving across the screen by changing the position properties of the image, or you can spin a button by changing the button’s rotation property. You can also animate controls using properties such as size, scale, and opacity.

cascades_animations_landing_example

Cascades automatically produces smooth, fluid animations based on your changes. These animations are called implicit animations. You can also manually control the properties of animations in your apps by using another type of animation called explicit animations.

You can learn more about implicit and explicit animations by visiting the links below. You can also follow a tutorial that teaches you how to create a demonstration app that uses animations.

ImageView

A visual control that is used for displaying images.

image_carl_larsson_1898

The image itself can be set using either an Image object or a path specifying the location of an image. A ScalingMethod can be set on the ImageView to specify how or if the image should be scaled in any way to fit the dimensions of the image view.

Here’s how to create an image view in QML:

ImageView {
    imageSource: "an_image.png"
}

And here’s how to do so in C++:

ImageView* imageView1 = new ImageView();
imageView->setImage(Image("an_image.png"));

If the image is not already loaded, an implicit animation will be triggered as soon as the image is ready to be displayed, causing the image to fade in.

The size of the ImageView behaves as follows:

  • By default, the width and height of the ImageView are equal to the dimensions (in pixels) of the displayed image.
  • The width is adjustable using the Control::preferredWidth, Control::minWidth andControl::maxWidth properties.
  • The height is adjustable using the Control::preferredHeight, Control::minHeight andControl::maxHeight and properties.
  • The scaling method can be adjusted using the scalingMethod property. The scaling method determines how an image is rescaled when the width and height are adjusted.

Apply for Blackberry Apps Certification Now!!

http://www.vskills.in/certification/Certified-Blackberry-Apps-Developer

Get industry recognized certification – Contact us

Menu