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

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 ….