Layout 如何在摄影机视图上定位项目
我想在我的相机上加一个颤振XLider。滑块应控制缩放功能 我想实施:Layout 如何在摄影机视图上定位项目,layout,flutter,dart,Layout,Flutter,Dart,我想在我的相机上加一个颤振XLider。滑块应控制缩放功能 我想实施: FlutterSlider( values: [300], max: 500, min: 0, axis: Axis.vertical, onDragging: (handlerIndex, lowerValue, upperValue) { _lowerValue = lowerValue; _upperValue = upperValue; setState(() {}); }
FlutterSlider(
values: [300],
max: 500,
min: 0,
axis: Axis.vertical,
onDragging: (handlerIndex, lowerValue, upperValue) {
_lowerValue = lowerValue;
_upperValue = upperValue;
setState(() {});
},
)
主体:容器(
边距:边缘组。对称(
水平方向:_?50.0:0.0,
垂直方向:_?50.0:0.0),
//单击灯光时在30和零之间切换
子:列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
新ClipRRect(
边界半径:边界半径。圆形(_flaslineton?10.0:0.0),
子:列(
儿童:[
新变换比例(
比例:_scale,//单击+或时要更改比例-
孩子:新的方面(
aspectRatio:cameraController.value.aspectRatio,
儿童:cameraPreview),
)
],
),
),
],
),
),
...
}
如何将颤振滑块放置在右下角,使其在相机上方分层?请使用此代码
body:Stack(
fit: StackFit.expand,
children:<Widget>[ Container(
margin: EdgeInsets.symmetric(
horizontal: _flaslightOn ? 50.0 : 0.0,
vertical: _flaslightOn ? 50.0 : 0.0),
//switch between 30 and zero when click on light
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
new ClipRRect(
borderRadius: BorderRadius.circular(_flaslightOn ? 10.0 : 0.0),
child: Column(
children: [
new Transform.scale(
scale: _scale, //TODO change scale when click + or -
child: new AspectRatio(
aspectRatio: cameraController.value.aspectRatio,
child: cameraPreview),
)
],
),
),
],
),
),
Container(
alignment: Alignment.bottomRight,
child: FlutterSlider(
values: [300],
max: 500,
min: 0,
axis: Axis.vertical,
onDragging: (handlerIndex, lowerValue, upperValue) {
_lowerValue = lowerValue;
_upperValue = upperValue;
setState(() {});
},
)
)
])
);
}
body:Stack(
fit:StackFit.expand,
儿童:[集装箱(
边距:边缘组。对称(
水平方向:_?50.0:0.0,
垂直方向:_?50.0:0.0),
//单击灯光时在30和零之间切换
子:列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
新ClipRRect(
边界半径:边界半径。圆形(_flaslineton?10.0:0.0),
子:列(
儿童:[
新变换比例(
比例:_scale,//单击+或时要更改比例-
孩子:新的方面(
aspectRatio:cameraController.value.aspectRatio,
儿童:cameraPreview),
)
],
),
),
],
),
),
容器(
对齐:对齐。右下角,
孩子:是的(
数值:[300],
最高:500,
分:0,,
轴:轴垂直,
OnDraging:(handlerIndex,下限值,上限值){
_lowerValue=lowerValue;
_upperValue=upperValue;
setState((){});
},
)
)
])
);
}
谢谢刚刚注意到iphone SE或iphone XS上的摄像头不是全屏的。你知道如何解决这个问题吗?请问一个新的SO问题,让我知道你使用的代码是什么
body:Stack(
fit: StackFit.expand,
children:<Widget>[ Container(
margin: EdgeInsets.symmetric(
horizontal: _flaslightOn ? 50.0 : 0.0,
vertical: _flaslightOn ? 50.0 : 0.0),
//switch between 30 and zero when click on light
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
new ClipRRect(
borderRadius: BorderRadius.circular(_flaslightOn ? 10.0 : 0.0),
child: Column(
children: [
new Transform.scale(
scale: _scale, //TODO change scale when click + or -
child: new AspectRatio(
aspectRatio: cameraController.value.aspectRatio,
child: cameraPreview),
)
],
),
),
],
),
),
Container(
alignment: Alignment.bottomRight,
child: FlutterSlider(
values: [300],
max: 500,
min: 0,
axis: Axis.vertical,
onDragging: (handlerIndex, lowerValue, upperValue) {
_lowerValue = lowerValue;
_upperValue = upperValue;
setState(() {});
},
)
)
])
);
}