QML Camera 摄像头拍照(带滑动条设置焦距)

额…什么都不说了,直接看代码吧

Item{id:itemanchors.fill: parentCamera {id: camerafocus {focusMode: Camera.FocusAuto;focusPointMode: Camera.FocusPointCenter;}captureMode: Camera.CaptureStillImage;imageProcessing {whiteBalanceMode: CameraImageProcessing.WhiteBalanceAuto;}flash.mode: Camera.FlashAuto;imageCapture {onImageCaptured: {// Show the preview in an ImagephotoPreview.source = preview}}}VideoOutput {id:viewfindersource: camerafillMode: Stretchfocus : visible // to receive focus and capture key events when visibleanchors.fill: parentautoOrientation: trueMouseArea{anchors.fill: parentonClicked: {camera.searchAndLock();}}}ZoomControl {id:zoomControlx : 0y : 0z:3width : 100height: parent.heightcurrentZoom: camera.digitalZoommaximumZoom: Math.min(4.0, camera.maximumDigitalZoom)onZoomTo: camera.setDigitalZoom(value)}TLImageButton{id:captureBtnwidth: 60height: widthpicNormal:commonParameter.getSkinPath() + "icon_capture_normal.png"picPressed: commonParameter.getSkinPath() + "icon_capture_press.png"picHover: commonParameter.getSkinPath() + "icon_capture_normal.png"anchors.bottom: parent.bottomanchors.bottomMargin: 8*initWidth/375.0anchors.horizontalCenter: parent.horizontalCenteronClicked: {camera.imageCapture.capture()}}}Image {id: photoPreview}

ZoomControl是自定义的一个滑动条,用于设置拍照焦距的.来看看滑动条代码.

import QtQuick 2.0
import QtMultimedia 5.0Item {id : zoomControlproperty real currentZoom : 1property real maximumZoom : 1signal zoomTo(real value)visible: zoomControl.maximumZoom > 1MouseArea {id : mouseAreaanchors.fill: parentproperty real initialZoom : 0property real initialPos : 0onPressed: {initialPos = mouseYinitialZoom = zoomControl.currentZoom}onPositionChanged: {if (pressed) {var target = initialZoom * Math.pow(5, (initialPos-mouseY)/zoomControl.height);target = Math.max(1, Math.min(target, zoomControl.maximumZoom))zoomControl.zoomTo(target)}}}Item {id : barx : 16y : parent.height/4width : 24height : parent.height/2Rectangle {anchors.fill: parentsmooth: trueradius: 8border.color: "white"border.width: 2color: "black"opacity: 0.3}Rectangle {id: groovex : 0y : parent.height * (1.0 - (zoomControl.currentZoom-1.0) / (zoomControl.maximumZoom-1.0))width: parent.widthheight: parent.height - ysmooth: trueradius: 8color: "white"opacity: 0.5}Text {id: zoomTextanchors {left: bar.right; leftMargin: 16}y: Math.min(parent.height - height, Math.max(0, groove.y - height / 2))text: "x" + Math.round(zoomControl.currentZoom * 100) / 100font.bold: truecolor: "white"style: Text.Raised; styleColor: "black"opacity: 0.85font.pixelSize: 18}}
}

OK 所有代码已奉上.逻辑很简单.

QML Camera 摄像头拍照(带滑动条设置焦距)相关推荐

android gridview滑动监听,Android GridView 滑动条设置一直显示状态(推荐)
Android GridView 滑动条设置一直显示状态(推荐) 模拟GridView控件: android:id="@+id/picture_grid" android:layo ...
小程序自制自带滑动条的表格组件
小程序自制自带滑动条的表格组件在编写过程中遇到的难点 1. 表格的编写 2. 表格内容宽度固定长度自适应 3. 滚动条逻辑及代码编写 4. 滚动条的卡段优化 5. 小程序组件的编写及应用尾声先 ...
带滑动条的导航栏(下)---修复浏览器变窄后导航栏变成两条的BUG
前言我在演示的过程中,突然发现了一个BUG,如下全屏时候,还能显示成一行,可缩小浏览器后,一行的浏览器就变成两行了,甚至更多行. 原因如下图,ul的父元素依次是nav-box . banner. ...
JQuery Slider 实现时间刻度滑动条，用以编辑项目/起始时间（手动输入可自动更新到滑动条）
最近公司项目应客户要求,web端需要跟桌面端一样实现通过滑动条设置计划起始时间,所以就研究了一下Slider插件,被搞惨了.下面简单描述一下需求. 需求场景:首先,要使用滑动条进行方式进行计划起始时间 ...
linux摄像头拍照程序,Android开发:Camera初探——控制摄像头拍照
实习接触的项目中需要调用系统摄像头进行拍照,通过完成这个功能点暂时初步了解了Android中的Camera,当然目前只是停留在使用阶段,对于Camera的深度剖析有机会也要了解一下. 通过Camera ...
wdatepicker设置初始时间_滑动条的滑块的初始位置应该放在哪儿？
滑动条(slider question)是网络调查中独有的一种题型,它由一个有刻度的轴和一个可在轴上来回拖动的滑块组成.受访者在PC或手机屏幕上,通过鼠标或者手指将滑块移动至轴上相应的位置,来完成答题 ...
matlab ktrlink,大神们，怎么设置滑动滑动条然后出来的图形也跟着变化？
本帖最后由我叫W儿于 2016-5-25 20:56 编辑大神们!我是初学者.在GUI设计中,我把传递函数里的变量以滑动条的形式表达了,但是,运行出图后,再改变滑动条中滑块位置,图不会跟着改变. ...
source insight 设置窗口滑动条
问题描述:source insight查看代码时,如果每一行的代码偏长,则不好查看代码,此时就需要横向滑动条:同理当代码行数多了,则需要纵向滑动条. 解决: 打开source insight,选择&q ...
linux摄像头如何设置焦距,iPhone XS Max 双摄像头使用技巧 | 苹果手机拍照时如何设置焦距？...
iPhone XS Max 双摄像头使用技巧 | 苹果手机拍照时如何设置焦距?手机已经成为主要的拍摄工具,iPhone XS.iPhone XS Max 搭载了两颗强大的摄像头,如何设置才能拍摄更美 ...

QML Camera 摄像头拍照(带滑动条设置焦距)

QML Camera 摄像头拍照(带滑动条设置焦距)相关推荐

最新文章

热门文章