<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_US" lang="en_US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- declarative-camera.qdoc -->
<title>Qt Mobility 1.2: QML Camera Example</title>
<link rel="stylesheet" type="text/css" href="style/offline.css" />
</head>
<body>
<div class="header" id="qtdocheader">
<div class="content">
<a href="index.html" class="qtref"><span>QtMobility Reference Documentation</span></a>
</div>
<div class="breadcrumb toolblock">
<ul>
<li class="first"><a href="index.html">Home</a></li>
<!-- Breadcrumbs go here -->
<li><a href="http://qt.nokia.com/doc/4.7/all-examples.html">Examples</a></li>
<li>QML Camera Example</li>
</ul>
</div>
</div>
<div class="content mainContent">
<h1 class="title">QML Camera Example</h1>
<span class="subtitle"></span>
<!-- $$$declarative-camera-description -->
<div class="descr"> <a name="details"></a>
<p>Files:</p>
<ul>
<li><a href="declarative-camera-camerabutton-qml.html">declarative-camera/CameraButton.qml</a></li>
<li><a href="declarative-camera-camerapropertybutton-qml.html">declarative-camera/CameraPropertyButton.qml</a></li>
<li><a href="declarative-camera-camerapropertypopup-qml.html">declarative-camera/CameraPropertyPopup.qml</a></li>
<li><a href="declarative-camera-capturecontrols-qml.html">declarative-camera/CaptureControls.qml</a></li>
<li><a href="declarative-camera-exposurecompensationbutton-qml.html">declarative-camera/ExposureCompensationButton.qml</a></li>
<li><a href="declarative-camera-flickablelist-qml.html">declarative-camera/FlickableList.qml</a></li>
<li><a href="declarative-camera-focusbutton-qml.html">declarative-camera/FocusButton.qml</a></li>
<li><a href="declarative-camera-photopreview-qml.html">declarative-camera/PhotoPreview.qml</a></li>
<li><a href="declarative-camera-zoomcontrol-qml.html">declarative-camera/ZoomControl.qml</a></li>
<li><a href="declarative-camera-declarative-camera-qml.html">declarative-camera/declarative-camera.qml</a></li>
<li><a href="declarative-camera-qmlcamera-cpp.html">declarative-camera/qmlcamera.cpp</a></li>
<li><a href="declarative-camera-camerakeyevent-symbian-camerakeyevent-symbian-cpp.html">declarative-camera/camerakeyevent_symbian/camerakeyevent_symbian.cpp</a></li>
<li><a href="declarative-camera-camerakeyevent-symbian-camerakeyevent-symbian-h.html">declarative-camera/camerakeyevent_symbian/camerakeyevent_symbian.h</a></li>
<li><a href="declarative-camera-declarative-camera-pro.html">declarative-camera/declarative-camera.pro</a></li>
<li><a href="declarative-camera-declarative-camera-qmlproject.html">declarative-camera/declarative-camera.qmlproject</a></li>
<li><a href="declarative-camera-declarative-camera-qrc.html">declarative-camera/declarative-camera.qrc</a></li>
</ul>
<p>Images:</p>
<ul>
<li><a href="images/used-in-examples/declarative-camera/images/camera_auto_mode.png">declarative-camera/images/camera_auto_mode.png</a></li>
<li><a href="images/used-in-examples/declarative-camera/images/camera_camera_setting.png">declarative-camera/images/camera_camera_setting.png</a></li>
<li><a href="images/used-in-examples/declarative-camera/images/camera_flash_auto.png">declarative-camera/images/camera_flash_auto.png</a></li>
<li><a href="images/used-in-examples/declarative-camera/images/camera_flash_fill.png">declarative-camera/images/camera_flash_fill.png</a></li>
<li><a href="images/used-in-examples/declarative-camera/images/camera_flash_off.png">declarative-camera/images/camera_flash_off.png</a></li>
<li><a href="images/used-in-examples/declarative-camera/images/camera_flash_redeye.png">declarative-camera/images/camera_flash_redeye.png</a></li>
<li><a href="images/used-in-examples/declarative-camera/images/camera_white_balance_cloudy.png">declarative-camera/images/camera_white_balance_cloudy.png</a></li>
<li><a href="images/used-in-examples/declarative-camera/images/camera_white_balance_flourescent.png">declarative-camera/images/camera_white_balance_flourescent.png</a></li>
<li><a href="images/used-in-examples/declarative-camera/images/camera_white_balance_incandescent.png">declarative-camera/images/camera_white_balance_incandescent.png</a></li>
<li><a href="images/used-in-examples/declarative-camera/images/camera_white_balance_sunny.png">declarative-camera/images/camera_white_balance_sunny.png</a></li>
<li><a href="images/used-in-examples/declarative-camera/images/toolbutton.png">declarative-camera/images/toolbutton.png</a></li>
</ul>
<p>The Camera Example shows how to use the API to capture a still image or video.<p class="centerAlign"><img src="images/qml-camera.png" alt="" /></p><p>This example demonstrates the basic use of the Camera QML Plugin elements. The plugin provides access to the API functionality for camera settings and capturing an image.</p>
<p>Most of the QML code supports the user interface for this application with the Camera elements being mostly found in <i>declarative-camera.qml</i> and <i>CaptureControls.qml</i>.</p>
<p>In <i>declarative-camera.qml</i> the Camera element is initialized with an id of <i>camera </i>, a photo preview is setup, states are implemented for image preview or capture and a CaptureControls element is initialized. The initial <i>state</i> is <i>PhotoCapture</i>. The camera element includes a handler, <i>onImageCaptured</i>, for the imageCaptured signal. The handler sets up the application to process the preview including a change in the user interface state. The PhotoPreview element now becomes visible with any key press being picked up by the handler in PhotoPreview and returning the state to <i>PhotoCapture</i>.</p>
<p>The <i>CaptureControls</i> element, which is implemented in <i>CaptureControls.qml</i>, generates a column on the right hand side of the screen which includes control buttons for <i>focus</i> (not initially visible), <i>capture</i>, <i>flash modes</i>, <i>white balance</i>, <i>exposure compensation</i>, and if a preview is available a <i>preview</i> button. The last button exits from the application.</p>
<p>When the Capture button is pressed the <i>onClicked</i> handler calls captureImage()</p>
</div>
<!-- @@@declarative-camera -->
<div class="ft">
<span></span>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2008-2011 Nokia Corporation and/or its
subsidiaries. Nokia, Qt and their respective logos are trademarks of Nokia Corporation
in Finland and/or other countries worldwide.</p>
<p>
All other trademarks are property of their respective owners. <a title="Privacy Policy"
href="http://qt.nokia.com/about/privacy-policy">Privacy Policy</a></p>
<br />
<p>
Licensees holding valid Qt Commercial licenses may use this document in accordance with the Qt Commercial License Agreement provided with the Software or, alternatively, in accordance with the terms contained in a written agreement between you and Nokia.</p>
<p>
Alternatively, this document may be used under the terms of the <a href="http://www.gnu.org/licenses/fdl.html">GNU
Free Documentation License version 1.3</a>
as published by the Free Software Foundation.</p>
</div>
</body>
</html>
distrib
>
Mageia
>
5
>
i586
>
media
>
core-release
>
by-pkgid
>
50facae208d4a6f280e44a513b104320
>
files
>
182
