Skip to content

Commit

Permalink
Adds the menu (#142)
Browse files Browse the repository at this point in the history 
* Added the menu

* Adds a back button

* Adds the media queries

* Changes the format

* Changes the format

* Add the necessary media queries
  • Loading branch information
@moby-dicc
moby-dicc authored Aug 7, 2020
1 parent 6c431cc commit 9b9f419
Show file tree
Hide file tree
Showing 12 changed files with 946 additions and 12 deletions.
3 changes: 3 additions & 0 deletions Settings
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
Settings
* howToPlay
master
Binary file added assets/fonts/FiraFlott.ttf
View file
Binary file not shown.
Binary file added assets/fonts/helvetica-light.ttf
View file
Binary file not shown.
Binary file added assets/zairza_logo.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
294 changes: 285 additions & 9 deletions lib/components/appbar.dart
View file
Original file line number Diff line number Diff line change
@@ -1,19 +1,282 @@
import 'package:flutter/material.dart';
import 'package:literature/screens/howtoplay.dart';
import 'package:literature/utils/game_communication.dart';
import 'package:literature/components/credits.dart';

class GlobalAppBar extends StatefulWidget implements PreferredSizeWidget {
class GlobalAppBar extends StatefulWidget implements PreferredSizeWidget {
@override
_GlobalAppBarState createState() => _GlobalAppBarState();

@override
Size get preferredSize => new Size.fromHeight(kToolbarHeight);
}

class BackButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
double width = MediaQuery.of(context).size.width;
return Container(
child: IconButton(
color: Color(0xFF6ad1ff),
iconSize: width * 0.06,
icon: Icon(Icons.arrow_back_ios),
onPressed: () {
Navigator.of(context).pop();
},
),
);
}
}

showSettingsDialog(BuildContext context) {
double height = MediaQuery.of(context).size.height;
double width = MediaQuery.of(context).size.width;
Widget title = Row(children: <Widget>[
Align(alignment: Alignment.centerLeft, child: BackButton()),
]);
Widget music = Container(
margin: EdgeInsets.fromLTRB(
width * 0.011, width * 0.02, width * 0.011, width * 0.02),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(width * 0.025),
border: Border.all(
color: Color(0xFF6ad1ff))), // <--- BoxDecoration here
child: GestureDetector(
child: Container(
width: width * 0.8,
height: height * 0.078,
child: Material(
borderRadius: BorderRadius.circular(width * 0.025),
shadowColor: Color(0xFF6ad1ff),
//color: Color(0xFF039be5),
elevation: width * 0.015,
child: Center(
child: Text(
'Music',
style: TextStyle(color: Colors.black, fontFamily: 'B612'),
),
),
),
),
//onTap: () => playMusic(),
),
);
Widget theme = Container(
margin: EdgeInsets.fromLTRB(
width * 0.011, width * 0.02, width * 0.011, width * 0.02),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(width * 0.025),
border: Border.all(
color: Color(0xFF6ad1ff))), // <--- BoxDecoration here
child: GestureDetector(
child: Container(
height: height * 0.078,
child: Material(
borderRadius: BorderRadius.circular(width * 0.025),
shadowColor: Color(0xFF6ad1ff),
//color: Color(0xFF039be5),
elevation: width * 0.015,
child: Center(
child: Text(
'Change Theme',
style: TextStyle(color: Colors.black, fontFamily: 'B612'),
),
),
),
),
onTap: () {
Navigator.of(context).pop();
},
),
);

AlertDialog alert = AlertDialog(
actions: [
title,
music,
theme,
],
);

showDialog(
context: context,
builder: (BuildContext context) {
return alert;
},
);
}

showAlertDialog(BuildContext context) {
double height = MediaQuery.of(context).size.height;
double width = MediaQuery.of(context).size.width;
Widget title = Row(children: <Widget>[
Align(alignment: Alignment.centerLeft, child: BackButton()),
]);
Widget settings = Container(
margin: EdgeInsets.fromLTRB(
width * 0.011, width * 0.02, width * 0.011, width * 0.02),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(width * 0.025),
border: Border.all(color: Color(0xFF6ad1ff))),
child: GestureDetector(
child: Container(
height: height * 0.078,
child: Material(
borderRadius: BorderRadius.circular(width * 0.025),
shadowColor: Color(0xFF6ad1ff),
//color: Color(0xFF039be5),
elevation: width * 0.015,
child: Center(
child: Text(
'Settings',
style: TextStyle(color: Colors.black, fontFamily: 'B612'),
),
),
),
),
onTap: () {
showSettingsDialog(context);
},
),
);
Widget profile = Container(
margin: EdgeInsets.fromLTRB(
width * 0.011, width * 0.02, width * 0.011, width * 0.02),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(width * 0.025),
border: Border.all(color: Color(0xFF6ad1ff))),
child: GestureDetector(
child: Container(
height: height * 0.078,
child: Material(
borderRadius: BorderRadius.circular(width * 0.025),
shadowColor: Color(0xFF6ad1ff),
//color: Color(0xFF039be5),
elevation: width * 0.015,
child: Center(
child: Text(
'Profile',
style: TextStyle(color: Colors.black, fontFamily: 'B612'),
),
),
),
),
onTap: () {
Navigator.of(context).pop();
},
),
);
Widget devdet = Container(
margin: EdgeInsets.fromLTRB(
width * 0.011, width * 0.02, width * 0.011, width * 0.02),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(width * 0.025),
border: Border.all(color: Color(0xFF6ad1ff))),
child: GestureDetector(
child: Container(
height: height * 0.078,
width: width * 0.8,
child: Material(
borderRadius: BorderRadius.circular(width * 0.025),
shadowColor: Color(0xFF6ad1ff),
//color: Color(0xFF039be5),
elevation: width * 0.015,
child: Center(
child: Text(
"Developers' Details",
style: TextStyle(color: Colors.black, fontFamily: 'B612'),
),
),
),
),
onTap: () {
Navigator.push(
context, MaterialPageRoute(builder: (context) => Credits()));
},
),
);
Widget lic = Container(
margin: EdgeInsets.fromLTRB(
width * 0.011, width * 0.02, width * 0.011, width * 0.02),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(width * 0.025),
border: Border.all(color: Color(0xFF6ad1ff)),
),
child: GestureDetector(
child: Container(
height: height * 0.078,
child: Material(
borderRadius: BorderRadius.circular(width * 0.025),
shadowColor: Color(0xFF6ad1ff),
//color: Color(0xFF039be5),
elevation: width * 0.015,
child: Center(
child: Text(
'License',
style: TextStyle(color: Colors.black, fontFamily: 'B612'),
),
),
),
),
onTap: () {
Navigator.of(context).pop();
},
),
);
Widget howtoplay = Container(
margin: EdgeInsets.fromLTRB(
width * 0.011, width * 0.02, width * 0.011, width * 0.02),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(width * 0.025),
border: Border.all(
color: Color(0xFF6ad1ff))), // <--- BoxDecoration here
child: GestureDetector(
child: Container(
height: height * 0.078,
child: Material(
borderRadius: BorderRadius.circular(width * 0.025),
shadowColor: Color(0xFF6ad1ff),
//color: Color(0xFF039be5),
elevation: width * 0.015,
child: Center(
child: Text(
'How To Play',
style: TextStyle(color: Colors.black, fontFamily: 'B612'),
),
),
),
),
onTap: () {
Navigator.push(
context, MaterialPageRoute(builder: (context) => OnBoardingPage()));
},
),
);
AlertDialog alert = AlertDialog(
actions: [
title,
profile,
settings,
howtoplay,
devdet,
lic,
],
);

showDialog(
context: context,
builder: (BuildContext context) {
return alert;
},
);
}

class _GlobalAppBarState extends State<GlobalAppBar> {
@override
Widget build(BuildContext context) {
double width = MediaQuery.of(context).size.width;
return Container(
height: MediaQuery.of(context).size.height*0.1,
height: MediaQuery.of(context).size.height * 0.1,
child: AppBar(
leading: IconButton(
onPressed: () {
Expand All @@ -26,14 +289,13 @@ class _GlobalAppBarState extends State<GlobalAppBar> {
color: Color(0xFF303f9f),
),
backgroundColor: Colors.transparent,
elevation: 0.0,
elevation: width * 0.0,
title: Text('Literature',
style: TextStyle(
fontFamily: 'B612',
fontSize: 25.0,
fontWeight: FontWeight.bold,
color: Color(0xFF303f9f))
),
style: TextStyle(
fontFamily: 'B612',
fontSize: MediaQuery.of(context).size.height * 0.04,
fontWeight: FontWeight.bold,
color: Color(0xFF303f9f))),
centerTitle: true,
// actions: <Widget>[
// IconButton(
Expand All @@ -45,6 +307,20 @@ class _GlobalAppBarState extends State<GlobalAppBar> {
// color: Color(0xFF303f9f),
// ),
// ],
actions: <Widget>[
GestureDetector(
child: CircleAvatar(
radius: width * 0.05,
backgroundColor: Color(0xFF6ad1ff),
/* child: Text(
'OK'
),*/
),
onTap: () {
showAlertDialog(context);
},
),
],
),
);
}
Expand Down
2 changes: 1 addition & 1 deletion lib/components/arena.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ class _ArenaState extends State<Arena> {
@override
Widget build(BuildContext context) {
var height = MediaQuery.of(context).size.height;
var width= MediaQuery.of(context).size.width;
var width = MediaQuery.of(context).size.width;
var scoreCard = widget.currTeamScore.toString() + "-" + widget.opponentTeamScore.toString();
List<Widget> arenaMessages = widget.messages.map((m) {
return Container(
Expand Down
Loading

0 comments on commit 9b9f419

Please sign in to comment.