twonly/twonly-app
1
0
Fork 0
mirror of https://github.com/twonlyapp/twonly-app.git synced 2026-01-15 20:38:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

allow to zoom more than 2x

Browse source
This commit is contained in:
otsmr 2025-03-22 15:42:05 +01:00
parent 01a24cc6dc
commit 7e4787f0da
3 changed files with 98 additions and 92 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
lib/src/components/zoom_selector.dart
View file

@ -34,9 +34,11 @@ class _CameraZoomButtonsState extends State<CameraZoomButtons> {
foregroundColor: Colors.white, foregroundColor: Colors.white,
minimumSize: Size(40, 40), minimumSize: Size(40, 40),
alignment: Alignment.center, alignment: Alignment.center,
tapTargetSize: MaterialTapTargetSize.shrinkWrap); tapTargetSize: MaterialTapTargetSize.shrinkWrap,
);
final zoomTextStyle = TextStyle(fontSize: 13); final zoomTextStyle = TextStyle(fontSize: 13);
final isMiddleFocused = widget.scaleFactor >= 1 && widget.scaleFactor < 2;
return Center( return Center(
child: ClipRRect( child: ClipRRect(
borderRadius: BorderRadius.circular(40.0), borderRadius: BorderRadius.circular(40.0),
@ -46,7 +48,11 @@ class _CameraZoomButtonsState extends State<CameraZoomButtons> {
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
TextButton( TextButton(
style: zoomButtonStyle, style: zoomButtonStyle.copyWith(
foregroundColor: WidgetStateProperty.all(
(widget.scaleFactor < 1) ? Colors.yellow : Colors.white,
),
),
onPressed: () async { onPressed: () async {
var level = await widget.controller.getMinZoomLevel(); var level = await widget.controller.getMinZoomLevel();
widget.updateScaleFactor(level); widget.updateScaleFactor(level);
@ -55,10 +61,8 @@ class _CameraZoomButtonsState extends State<CameraZoomButtons> {
future: widget.controller.getMinZoomLevel(), future: widget.controller.getMinZoomLevel(),
builder: (context, snap) { builder: (context, snap) {
if (snap.hasData) { if (snap.hasData) {
var minLevel = var minLevel = beautifulZoomScale(snap.data!.toDouble());
beautifulZoomScale(snap.data!.toDouble()); var currentLevel = beautifulZoomScale(widget.scaleFactor);
var currentLevel =
beautifulZoomScale(widget.scaleFactor);
return Text( return Text(
widget.scaleFactor < 1 widget.scaleFactor < 1
? "${currentLevel}x" ? "${currentLevel}x"
@ -68,21 +72,30 @@ class _CameraZoomButtonsState extends State<CameraZoomButtons> {
} else { } else {
return Text(""); return Text("");
} }
}), },
),
), ),
TextButton( TextButton(
style: zoomButtonStyle, style: zoomButtonStyle.copyWith(
foregroundColor: WidgetStateProperty.all(
isMiddleFocused ? Colors.yellow : Colors.white,
),
),
onPressed: () { onPressed: () {
widget.updateScaleFactor(1.0); widget.updateScaleFactor(1.0);
}, },
child: Text( child: Text(
(widget.scaleFactor >= 1 && widget.scaleFactor < 2) (isMiddleFocused)
? "${beautifulZoomScale(widget.scaleFactor)}x" ? "${beautifulZoomScale(widget.scaleFactor)}x"
: "1.0x", : "1.0x",
style: zoomTextStyle, style: zoomTextStyle,
)), )),
TextButton( TextButton(
style: zoomButtonStyle, style: zoomButtonStyle.copyWith(
foregroundColor: WidgetStateProperty.all(
(widget.scaleFactor >= 2) ? Colors.yellow : Colors.white,
),
),
onPressed: () async { onPressed: () async {
var level = min(await widget.controller.getMaxZoomLevel(), 2) var level = min(await widget.controller.getMaxZoomLevel(), 2)
.toDouble(); .toDouble();
@ -92,8 +105,13 @@ class _CameraZoomButtonsState extends State<CameraZoomButtons> {
future: widget.controller.getMaxZoomLevel(), future: widget.controller.getMaxZoomLevel(),
builder: (context, snap) { builder: (context, snap) {
if (snap.hasData) { if (snap.hasData) {
var maxLevel = min((snap.data?.toInt())!, 2); var maxLevel = max(
return Text("${maxLevel}x", style: zoomTextStyle); min((snap.data?.toInt())!, 2),
widget.scaleFactor,
);
return Text(
"${beautifulZoomScale(maxLevel.toDouble())}x",
style: zoomTextStyle);
} else { } else {
return Text(""); return Text("");
} }

56
lib/src/views/camera_to_share/camera_preview_view.dart
View file

@ -54,6 +54,8 @@ class _CameraPreviewViewState extends State<CameraPreviewView> {
bool showSelfieFlash = false; bool showSelfieFlash = false;
int cameraId = 0; int cameraId = 0;
bool isZoomAble = false; bool isZoomAble = false;
double basePanY = 0;
double baseScaleFactor = 0;
final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>(); final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();
late CameraController controller; late CameraController controller;
@ -105,6 +107,7 @@ class _CameraPreviewViewState extends State<CameraPreviewView> {
} }
Future<void> updateScaleFactor(double newScale) async { Future<void> updateScaleFactor(double newScale) async {
if (scaleFactor == newScale) return;
var minFactor = await controller.getMinZoomLevel(); var minFactor = await controller.getMinZoomLevel();
var maxFactor = await controller.getMaxZoomLevel(); var maxFactor = await controller.getMaxZoomLevel();
if (newScale < minFactor) { if (newScale < minFactor) {
@ -128,6 +131,9 @@ class _CameraPreviewViewState extends State<CameraPreviewView> {
super.dispose(); super.dispose();
} }
bool get isFront =>
controller.description.lensDirection == CameraLensDirection.front;
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
if (cameraId >= gCameras.length) { if (cameraId >= gCameras.length) {
@ -158,36 +164,32 @@ class _CameraPreviewViewState extends State<CameraPreviewView> {
), ),
), ),
), ),
)), ),
),
) )
: Container(), : Container(),
Positioned.fill( Positioned.fill(
child: GestureDetector( child: GestureDetector(
onPanStart: (details) async { onPanStart: (details) async {
// if (cameraState.sensorConfig.sensors.first.position == if (isFront) {
// SensorPosition.front) { return;
// return; }
// } setState(() {
// setState(() { basePanY = details.localPosition.dy;
// _basePanY = details.localPosition.dy; baseScaleFactor = scaleFactor;
// }); });
}, },
onPanUpdate: (details) async { onPanUpdate: (details) async {
// if (cameraState.sensorConfig.sensors.first.position == if (isFront) {
// SensorPosition.front) { return;
// return; }
// } var diff = basePanY - details.localPosition.dy;
// var diff = _basePanY - details.localPosition.dy; if (diff > 200) diff = 200;
// if (diff > 200) diff = 200; if (diff < -200) diff = -200;
// if (diff < 0) diff = 0; var tmp = (diff / 200 * (7 * 2)).toInt() / 2;
// var tmp = (diff / 200 * 50).toInt() / 50; tmp = baseScaleFactor + tmp;
// if (tmp != _lastZoom) { if (tmp < 1) tmp = 1;
// cameraState.sensorConfig.setZoom(tmp); updateScaleFactor(tmp);
// setState(() {
// (tmp);
// _lastZoom = tmp;
// });
// }
}, },
onDoubleTap: () async { onDoubleTap: () async {
selectCamera((cameraId + 1) % 2); selectCamera((cameraId + 1) % 2);
@ -246,10 +248,9 @@ class _CameraPreviewViewState extends State<CameraPreviewView> {
children: [ children: [
if (controller.value.isInitialized && if (controller.value.isInitialized &&
isZoomAble && isZoomAble &&
controller.description.lensDirection != !isFront)
CameraLensDirection.front)
SizedBox( SizedBox(
width: 150, width: 120,
child: CameraZoomButtons( child: CameraZoomButtons(
key: widget.key, key: widget.key,
scaleFactor: scaleFactor, scaleFactor: scaleFactor,
@ -261,8 +262,7 @@ class _CameraPreviewViewState extends State<CameraPreviewView> {
GestureDetector( GestureDetector(
onTap: () async { onTap: () async {
if (isFlashOn) { if (isFlashOn) {
if (controller.description.lensDirection == if (isFront) {
CameraLensDirection.front) {
setState(() { setState(() {
showSelfieFlash = true; showSelfieFlash = true;
}); });

18
lib/src/views/settings/profile_view.dart
View file

@ -53,21 +53,13 @@ class _ProfileViewState extends State<ProfileView> {
body: ListView( body: ListView(
physics: BouncingScrollPhysics(), physics: BouncingScrollPhysics(),
children: <Widget>[ children: <Widget>[
SizedBox( SizedBox(height: 25),
height: 25,
),
AvatarMakerAvatar( AvatarMakerAvatar(
backgroundColor: Colors.transparent, backgroundColor: Colors.transparent,
radius: 80, radius: 80,
), ),
SizedBox( SizedBox(height: 10),
height: 10, Center(
),
Row(
children: [
Spacer(flex: 2),
Expanded(
flex: 3,
child: SizedBox( child: SizedBox(
height: 35, height: 35,
child: ElevatedButton.icon( child: ElevatedButton.icon(
@ -82,9 +74,6 @@ class _ProfileViewState extends State<ProfileView> {
), ),
), ),
), ),
Spacer(flex: 2),
],
),
SizedBox(height: 20), SizedBox(height: 20),
const Divider(), const Divider(),
BetterListTile( BetterListTile(
@ -94,7 +83,6 @@ class _ProfileViewState extends State<ProfileView> {
onTap: () async { onTap: () async {
final displayName = final displayName =
await showDisplayNameChangeDialog(context, user!.displayName); await showDisplayNameChangeDialog(context, user!.displayName);
if (context.mounted && displayName != null && displayName != "") { if (context.mounted && displayName != null && displayName != "") {
updateUserDisplayname(displayName); updateUserDisplayname(displayName);
} }