Skip to content

Instantly share code, notes, and snippets.

@Rohit-554

Rohit-554/gist:3aafd8280cb100976d8cd1be6d8c22e8

Created January 21, 2024 07:42
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Rohit-554/3aafd8280cb100976d8cd1be6d8c22e8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Rohit-554/3aafd8280cb100976d8cd1be6d8c22e8 to your computer and use it in GitHub Desktop.
Download ZIP
circularbutton
Raw
gistfile1.txt
import 'dart:ffi';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:laser_slides_flutter/colors/Colors.dart';
import 'package:laser_slides_flutter/model/local/NetworkEntity.dart';
import 'package:laser_slides_flutter/model/local/NetworkSettings.dart';
import 'package:laser_slides_flutter/ui/bloc/NetworkBloc.dart';
import 'package:laser_slides_flutter/ui/bloc/NetworkConfig_event.dart';
import 'package:laser_slides_flutter/ui/bloc/NetworkConfig_state.dart';
import 'package:laser_slides_flutter/ui/bloc/osc/OscEvent.dart';
import 'package:laser_slides_flutter/ui/bloc/osc/OscSenderBloc.dart';
import 'package:laser_slides_flutter/ui/home/EditButtonConfig.dart';
import 'package:lottie/lottie.dart';
import '../../injectionContainer.dart';
import '../bloc/NetworkSettings/NetworkSettingsBloc.dart';
import '../bloc/NetworkSettings/NetworkSettingsEvent.dart';
import '../bloc/NetworkSettings/NetworkSettingsState.dart';
class MyCircularButton extends StatefulWidget {
final int id;
final List<NetworkSettings> networkSettings;
final List<NetworkEntity> networkEntity;
const MyCircularButton(
{Key? key,
required this.id,
required this.networkSettings,
required this.networkEntity})
: super(key: key);
@override
_MyCircularButtonState createState() => _MyCircularButtonState();
}
class _MyCircularButtonState extends State<MyCircularButton>
with TickerProviderStateMixin {
bool isButtonPressed = false;
void buttonPressed() {
setState(() {
isButtonPressed = !isButtonPressed;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: background,
body: BlocProvider(
create: (_) => sl<OSCSenderBloc>(),
child: CircularButton(
onTap: buttonPressed,
isButtonPressed: isButtonPressed,
id: widget.id,
networkSettings: widget.networkSettings,
networkEntity: widget.networkEntity,
),
));
}
}
class CircularButton extends StatelessWidget {
final int id;
final onTap;
final bool isButtonPressed;
final List<NetworkSettings> networkSettings;
final List<NetworkEntity> networkEntity;
const CircularButton(
{Key? key,
required this.onTap,
required this.isButtonPressed ,
required this.id,
required this.networkSettings,
required this.networkEntity})
: super(key: key);
List<String> get oscPath {
return [
networkSettings.last.incomingIp, // Destination IP
networkSettings.last.incomingPort, // Port
"${networkSettings.last.incomingStartPath}/${networkEntity[id-1].buttonPressedCommand}"
]; // OSC address
}
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (_) => sl<NetworkBloc>()..add(GetSavedNetworkConfigEvent()),
child: BlocBuilder<NetworkBloc, NetworkConfigState>(
builder: (context, state) {
if (state is NetworkConfigStateLoaded) {
return Builder(
builder: (context0) => LayoutBuilder(
builder: (context, constraints) {
// Adjust the values based on the constraints or MediaQuery
double containerSize = constraints.maxWidth * 0.7;
double iconSize = containerSize * 0.5;
return Stack(
alignment: Alignment.topRight,
children: [
GestureDetector(
onTap: () {
try {
List<String> oscPath = [
networkSettings.last.incomingIp, // Destination IP
networkSettings.last.incomingPort, // Port
"${networkSettings.last.incomingStartPath}/${state.networkEntities[id - 1].buttonPressedCommand}"
];
onTap();
print("this is osc path hai $oscPath");
BlocProvider.of<OSCSenderBloc>(context0).add(SendOscEvent(oscPath));
} catch (e) {
//show snackbar
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(
content: Text('Please Configure the Button first'),
),
);
}
},
child: Column(
children: [
AnimatedContainer(
duration: const Duration(milliseconds: 200),
height: containerSize,
width: containerSize,
decoration: BoxDecoration(
color: Colors.grey[300],
borderRadius: BorderRadius.circular(containerSize * 0.8),
boxShadow: !isButtonPressed
? []
: [
BoxShadow(
color: Colors.grey.shade500,
spreadRadius: containerSize * 0.01,
blurRadius: containerSize * 0.15,
offset: const Offset(6, 6),
),
//lighter shadow
const BoxShadow(
color: Colors.white,
spreadRadius: 1,
blurRadius: 15,
offset: Offset(-6, -6),
),
],
),
child: Icon(
Icons.lightbulb_circle_outlined,
color: !isButtonPressed ? Colors.grey : Colors.green[700],
size: iconSize,
),
),
Text(
(state.networkEntities.isNotEmpty &&
id >= 0 &&
id < state.networkEntities.length)
? state.networkEntities[id - 1].label
: "Button $id",
style: TextStyle(
color: Colors.white,
fontSize: containerSize * 0.2,
),
),
],
),
),
GestureDetector(
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => MyEditButtonConfig(
id: id,
),
),
);
},
child: Container(
margin: EdgeInsets.all(containerSize * 0.06),
padding: EdgeInsets.all(containerSize * 0.06),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: lgblue, // Customize the color as needed
),
child: Icon(
Icons.edit_outlined,
color: Colors.white,
size: iconSize * 0.32,
),
),
),
],
);
},
),
);
} else if (state is NetworkConfigStateLoading) {
return const Center(child: CircularProgressIndicator());
}
return Container(
height: 20,
color: Colors.red,
);
},
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment