minie4/gomix_flutter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Use different icon for mute state of outputs

Browse Source
This commit is contained in:
minie4
2024-02-29 21:20:33 +01:00
parent f91cdc3827
commit 1d8b841f71
2 changed files with 35 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
lib/mixing_card.dart
View File

@ -4,7 +4,12 @@ import 'package:gomix_flutter/mixer_state.dart' as mixer;
class MixingCard extends StatefulWidget {
final mixer.Port port;
final Function sendAction;
const MixingCard({super.key, required this.port, required this.sendAction});
final bool isOutput;
const MixingCard(
{super.key,
required this.port,
required this.sendAction,
this.isOutput = false});
@override
State<MixingCard> createState() => _MixingCardState();
@ -45,21 +50,27 @@ class _MixingCardState extends State<MixingCard> {
children: [
Expanded(child: Text(widget.port.name, style: labelStyle)),
SizedBox(
height: 40,
width: 40,
child: IconButton.filledTonal(
iconSize: 20,
isSelected: widget.port.state.mute,
onPressed: () {
widget.sendAction({
"method": "setPortState",
"UUID": widget.port.uuid,
"stateData": {"mute": !widget.port.state.mute}
});
},
icon: widget.port.state.mute
height: 40,
width: 40,
child: IconButton.filledTonal(
iconSize: 20,
isSelected: widget.port.state.mute,
onPressed: () {
widget.sendAction({
"method": "setPortState",
"UUID": widget.port.uuid,
"stateData": {"mute": !widget.port.state.mute}
});
},
icon: widget.isOutput
? (widget.port.state.mute
? const Icon(Icons.volume_off_outlined)
: const Icon(Icons.volume_up_outlined))
: (widget.port.state.mute
? const Icon(Icons.mic_off_outlined)
: const Icon(Icons.mic_none_outlined))),
: const Icon(Icons.mic_none_outlined)),
),
),
const SizedBox(width: 5),
SizedBox(
height: 40,

14
lib/mixing_tab.dart
View File

@ -13,8 +13,8 @@ class MixingTab extends StatefulWidget {
}
class _MixingTabState extends State<MixingTab> {
Widget buildCardGrid(
List<mixer.Port> from, int cols, double cardGridAspectRatio) {
Widget buildCardGrid(List<mixer.Port> from, int cols,
double cardGridAspectRatio, bool isOutput) {
return GridView.count(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
@ -23,7 +23,11 @@ class _MixingTabState extends State<MixingTab> {
mainAxisSpacing: 10,
crossAxisSpacing: 10,
children: from
.map((p) => MixingCard(port: p, sendAction: widget.sendAction))
.map((p) => MixingCard(
port: p,
sendAction: widget.sendAction,
isOutput: isOutput,
))
.toList(),
);
}
@ -46,12 +50,12 @@ class _MixingTabState extends State<MixingTab> {
Text("Inputs", style: Theme.of(context).textTheme.titleLarge),
const SizedBox(height: 10),
buildCardGrid(
widget.mixerState.inputs, cols, cardGridAspectRatio),
widget.mixerState.inputs, cols, cardGridAspectRatio, false),
const SizedBox(height: 20),
Text("Outputs", style: Theme.of(context).textTheme.titleLarge),
const SizedBox(height: 10),
buildCardGrid(
widget.mixerState.outputs, cols, cardGridAspectRatio),
widget.mixerState.outputs, cols, cardGridAspectRatio, true),
],
),
),