Tutorials¶

Getting started¶

../_images/getting-started.png

Getting started with Kanzi Studio

../_images/first.png

Create a simple application in Kanzi Studio

UI structure¶

../_images/activity.png

Structure application UI

../_images/data-trigger.png

Control application UI

../_images/data-driven.png

Generate UI from a data source

../_images/multi-project.png

Combine projects into a single application

Kanzi Android framework (droidfw)¶

../_images/android-getting-started.png

Getting started with Kanzi Android framework

../_images/android-data-source.png

Data sources for Android

UI controls¶

../_images/button.png

Create a button that reacts to user actions

../_images/toggle-button1.png

Create a toggle button

../_images/slider.png

Create a slider

../_images/list-box.png

Create a contacts list with a Grid List Box

../_images/rotation.png

Rotate a 3D model

Input¶

../_images/ui-navigation.png

Create UI navigation

../_images/pan-zoom-tap.png

../_images/drag-and-drop.png

Rendering¶

../_images/rendering.png

Work with materials and textures

../_images/blur.png

Create a Gaussian blur effect

../_images/bloom.png

Create a bloom effect

../_images/stencil.png

Apply a stencil to 3D content

../_images/reflection.png

Create reflections

../_images/progressive-rendering.png

Distribute rendering across several frames

Animations¶

../_images/keyframe.png

Create keyframe animations

../_images/interpolate.png

Interpolate property values

../_images/activity-transitions.png

Animate transitions between Activities

Localization and theming¶

../_images/localization.png

Localize your application

../_images/localization-rtl.png

Localize applications for right-to-left locales

../_images/theme.png

Theme your application

Instrument cluster¶

../_images/gauges.png

Control a gauge needle with a property

../_images/indicator.png

Control an indicator using the state manager

../_images/responsive.png

Make your application layout dynamic

C++ API¶

../_images/hello.png

Kanzi Engine API Hello world!

../_images/program-activities.png

Program Activities with C++ Code Behind

../_images/programmer.png

Kanzi Engine API advanced use

../_images/loading.png

Load and deploy resources asynchronously

../_images/data-sources.png

Get application data from a data source

Lua API¶

../_images/fifteen-puzzle.png

Kanzi Engine Lua API

See also¶

To learn why Kanzi works the way it works, see Kanzi fundamentals.

To learn how to use specific features in Kanzi, see Working with ….