X-Git-Url: http://review.tizen.org/git/?a=blobdiff_plain;ds=sidebyside;f=docs%2Fcontent%2Fprogramming-guide%2Fimage-view.h;h=60e119f166014d15ab0ca528ecd8e5cadc75ef60;hb=11ed6421771d05113ae1a6510167d8c2557ac20e;hp=63a1030e83e36889569434951eb79876633094b8;hpb=0f60c9d852e981b0a43a46763e074518af297cfe;p=platform%2Fcore%2Fuifw%2Fdali-toolkit.git diff --git a/docs/content/programming-guide/image-view.h b/docs/content/programming-guide/image-view.h index 63a1030..60e119f 100644 --- a/docs/content/programming-guide/image-view.h +++ b/docs/content/programming-guide/image-view.h @@ -38,21 +38,21 @@ * @endcode * *

The IMAGE property

- * the IMAGE property allows you to change many aspects of the image that is renderered. + * the IMAGE property allows you to change many aspects of the image that is rendered. * This property can either be a string for a image url path or a Property::Map that specifies * the image in more detail. * - *

Renderers

- * You can specify a specific renderer instead of using the default Image Renderer, e.g to use the Border Renderer. + *

Visuals

+ * You can specify a specific visual instead of using the default Image Visual, e.g to use the Border Visual. * * @code - * Property::Map renderer; - * renderer.Insert("rendererType","border"); - * renderer.Insert("borderColor",COLOR::RED); - * renderer.Insert("borderSize",20.f); + * Property::Map visual; + * visual.Insert( Visual::Property::Type,Visual::BORDER ); + * visual.Insert( BorderVisual::Property::COLOR, COLOR::RED ); + * visual.Insert( BorderVisual::Property::SIZE, 20.f ); * * Dali::Toolkit::ImageView myImageView = Dali::Toolkit::ImageView::New(); - * myImageView.SetProperty( Control::Property::IMAGE, renderer); + * myImageView.SetProperty( Control::Property::IMAGE, visual ); * @endcode *

Resizing at Load Time

@@ -69,10 +69,10 @@ * * @code * Property::Map imageProperty; - * imageProperty.Insert("imageUrl", "source-image-url.png"); - * imageProperty.Insert("imageFittingMode", "scaleToFill"); - * imageProperty.Insert("fitWidth", 240); - * imageProperty.Insert("fitHeight", 240); + * imageProperty.Insert("url", "source-image-url.png"); + * imageProperty.Insert("fittingMode", "SCALE_TO_FILL"); + * imageProperty.Insert("desiredWidth", 240); + * imageProperty.Insert("desiredHeight", 240); * Dali::Toolkit::ImageView myImageView = Dali::Toolkit::ImageView::New(); * myImageView.SetProperty( Control::Property::IMAGE, imageProperty); @@ -86,10 +86,10 @@ * * The fitting modes and a suggested use-case for each are as follows: *
    - *
  1. "shrinkToFit" Full-screen image display: Limit loaded image resolution to device resolution but show all of image. - *
  2. "scaleToFill" Thumbnail gallery grid: Limit loaded image resolution to screen tile, filling whole tile but losing a few pixels to match the tile shape. - *
  3. "fitWidth" Image columns: Limit loaded image resolution to column. - *
  4. "fitHeight" Image rows: Limit loaded image resolution to row height. + *
  5. "SHRINK_TO_FIT" Full-screen image display: Limit loaded image resolution to device resolution but show all of image. + *
  6. "SCALE_TO_FILL" Thumbnail gallery grid: Limit loaded image resolution to screen tile, filling whole tile but losing a few pixels to match the tile shape. + *
  7. "FIT_WIDTH" Image columns: Limit loaded image resolution to column. + *
  8. "FIT_HEIGHT" Image rows: Limit loaded image resolution to row height. *
* * The dali-demo project contains a full example under @@ -112,7 +112,7 @@ *

Changing the image

* The Image View can be changed by calling Dali::Toolkit::ImageView::SetImage methods or by changing the IMAGE property. * @code - * myImageActor.SetImage( newImage ); + * myImageView.SetImage( newImage ); * @endcode * */