Skip to content

Commit

Permalink
APPBAR
Browse files Browse the repository at this point in the history 
APPBAR
  • Loading branch information
Isira-Udantha committed Feb 1, 2024
1 parent ed850f8 commit 7bbf6a6
Show file tree
Hide file tree
Showing 3 changed files with 309 additions and 3 deletions.
Binary file added code/smartchessboard/assets/appbar2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
311 changes: 308 additions & 3 deletions code/smartchessboard/lib/screens/user_guide.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,26 @@ class UserGuide extends StatelessWidget {
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
<<<<<<< Updated upstream
title: const Text("Chess Game User Guide"),
backgroundColor:
const Color.fromARGB(255, 170, 143, 217), // Thematic color
=======
// title: Text("Chess Game User Guide",style: TextStyle(color: Colors.red),),
// backgroundColor: Color.fromARGB(255, 88, 189, 230), // Thematic color
flexibleSpace: Image.asset("assets/appbar2.png", fit: BoxFit.cover,
),
shadowColor: Color.fromARGB(255, 11, 11, 11),
// bottom:
// const TabBar(
// tabs: [
// Tab(icon: Icon(Icons.directions_car), text: ("Tab1"),),
// Tab(icon: Icon(Icons.directions_transit)),
// Tab(icon: Icon(Icons.directions_bike)),
// ],
// ),
elevation: 100.0,
>>>>>>> Stashed changes
),
body: const Padding(
padding: EdgeInsets.all(16.0),
Expand All @@ -23,12 +40,13 @@ class UserGuide extends StatelessWidget {
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.bold,
color: Colors.black, // Thematic color
color: Color.fromARGB(255, 6, 6, 6), // Thematic color
),
),
SizedBox(height: 16),
UserGuideSection(
title: 'Overview',
<<<<<<< Updated upstream
content:
'Congratulations on choosing our chess app, where the timeless game of strategy meets cutting-edge technology. We\'ve taken chess to the next level by connecting it to a real chessboard through Bluetooth, providing you with a seamless and immersive experience. To make the most out of your chess journey, we\'ve created this user guide to help you navigate through the features and enjoy every move on and off the board.',
),
Expand Down Expand Up @@ -61,16 +79,61 @@ class UserGuide extends StatelessWidget {
title: 'Flutter App Integration',
content:
'Navigating through the app\'s various screens\nAccessing additional resources and settings\nProviding feedback and support',
=======
content: StyledContent_1(),
),
UserGuideSection(
title: 'Getting Started',
content: StyledContent_2(),
),
UserGuideSection(
title: 'Basic Gameplay',
content: StyledContent_3(),
),
UserGuideSection(
title: 'Bluetooth Connectivity',
content: Text(
'Troubleshooting connection issues Reconnecting your chessboard\n\nTips for optimal Bluetooth performance',
),
),
UserGuideSection(
title: 'App Features',
content: StyledContent_5(),
),
UserGuideSection(
title: 'In-Game Assistance',
content: Text(
'Utilizing hints and analysis tools\nAdjusting difficulty levels\nResuming interrupted games',
),
>>>>>>> Stashed changes
),
// UserGuideSection(
// title: 'Flutter App Integration',
// content: Text(
// 'Navigating through the app\'s various screens\nAccessing additional resources and settings\nProviding feedback and support',
// ),
// ),
UserGuideSection(
title: 'Chessboard Maintenance',
<<<<<<< Updated upstream
content:
'Cleaning and caring for your real chessboard\nBattery management for Bluetooth connectivity\nStorage and travel tips',
),
UserGuideSection(
title: 'Frequently Asked Questions',
content:
'Answers to common queries\nTroubleshooting tips\nContacting our support team',
=======
content: Text(
'Cleaning and caring for your real chessboard\nBattery management for Bluetooth connectivity\nStorage and travel tips',
),
),
UserGuideSection(
title: 'Frequently Asked Questions',
content: Text(
'Answers to common queries\nTroubleshooting tips\nContacting our support team',
),
>>>>>>> Stashed changes
),
SizedBox(height: 16),
Text(
Expand All @@ -90,7 +153,7 @@ class UserGuide extends StatelessWidget {

class UserGuideSection extends StatelessWidget {
final String title;
final String content;
final Widget content;

const UserGuideSection({
Key? key,
Expand All @@ -112,9 +175,251 @@ class UserGuideSection extends StatelessWidget {
children: <Widget>[
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(content),
child: content,
),
],
);
}
}

// ignore: camel_case_types
class StyledContent_1 extends StatelessWidget {
const StyledContent_1({super.key});

@override
Widget build(BuildContext context) {
return RichText(
text: const TextSpan(
children: [
TextSpan(
text: 'Congratulations on choosing our chess app, \n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Color.fromARGB(255, 189, 47, 8),
),
),
TextSpan(
text: 'where the timeless game of strategy meets cutting-edge technology. ',
style: TextStyle(
fontSize: 16,
fontStyle: FontStyle.italic,
color: Colors.black87,
),
),
TextSpan(
text: 'We\'ve taken chess to the next level by connecting it to a real chessboard, ',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.normal,
color: Colors.black87,
),
),
TextSpan(
text: 'providing you with a seamless and immersive experience. ',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Colors.deepPurple,
),
),
TextSpan(
text: 'To make the most out of your chess journey, we\'ve created this user guide to help you navigate through the features and enjoy every move on and off the board.',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.normal,
color: Colors.black87,
),
),
],
),
);
}
}

class StyledContent_2 extends StatelessWidget {
const StyledContent_2({super.key});

@override
Widget build(BuildContext context) {
return RichText(
text: const TextSpan(
children: [
TextSpan(
text: 'Connecting the app via bluetooth \n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Color.fromARGB(255, 189, 47, 8),
),
),
TextSpan(
text: 'where the timeless game of strategy meets cutting-edge technology. \n\n',
style: TextStyle(
fontSize: 16,
fontStyle: FontStyle.italic,
color: Colors.black87,
),
),
TextSpan(
text: 'Setting the mobile app for the first time \n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Color.fromARGB(255, 189, 47, 8),
),
),
TextSpan(
text: 'We\'ve taken chess to the next level by connecting it to a real chessboard through Bluetooth, \n\n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.normal,
color: Colors.black87,
),
),
TextSpan(
text: 'Quick move through app \n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Color.fromARGB(255, 189, 47, 8),
),
),
TextSpan(
text: 'To make the most out of your chess journey, we\'ve created this user guide to help you navigate through the features and enjoy every move on and off the board.',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.normal,
color: Colors.black87,
),
),
],
),
);
}
}


class StyledContent_3 extends StatelessWidget {
const StyledContent_3({super.key});

@override
Widget build(BuildContext context) {
return RichText(
text: const TextSpan(
children: [
TextSpan(
text: 'Connecting the app via bluetooth \n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Color.fromARGB(255, 189, 47, 8),
),
),
TextSpan(
text: 'where the timeless game of strategy meets cutting-edge technology. \n\n',
style: TextStyle(
fontSize: 16,
fontStyle: FontStyle.italic,
color: Colors.black87,
),
),
TextSpan(
text: 'Setting the mobile app for the first time \n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Color.fromARGB(255, 189, 47, 8),
),
),
TextSpan(
text: 'We\'ve taken chess to the next level by connecting it to a real chessboard through Bluetooth, \n\n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.normal,
color: Colors.black87,
),
),
TextSpan(
text: 'Quick move through app \n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Color.fromARGB(255, 189, 47, 8),
),
),
TextSpan(
text: 'To make the most out of your chess journey, we\'ve created this user guide to help you navigate through the features and enjoy every move on and off the board.',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.normal,
color: Colors.black87,
),
),
],
),
);
}
}

class StyledContent_5 extends StatelessWidget {
const StyledContent_5({super.key});

@override
Widget build(BuildContext context) {
return RichText(
text: const TextSpan(
children: [
TextSpan(
text: 'Connecting the app via bluetooth \n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Color.fromARGB(255, 189, 47, 8),
),
),
TextSpan(
text: 'where the timeless game of strategy meets cutting-edge technology. \n\n',
style: TextStyle(
fontSize: 16,
fontStyle: FontStyle.italic,
color: Colors.black87,
),
),
TextSpan(
text: 'Setting the mobile app for the first time \n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Color.fromARGB(255, 189, 47, 8),
),
),
TextSpan(
text: 'We\'ve taken chess to the next level by connecting it to a real chessboard through Bluetooth, \n\n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.normal,
color: Colors.black87,
),
),
TextSpan(
text: 'Quick move through app \n',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.bold,
color: Color.fromARGB(255, 189, 47, 8),
),
),
TextSpan(
text: 'To make the most out of your chess journey, we\'ve created this user guide to help you navigate through the features and enjoy every move on and off the board.',
style: TextStyle(
fontSize: 16,
fontWeight: FontWeight.normal,
color: Colors.black87,
),
),
],
),
);
}
}
1 change: 1 addition & 0 deletions code/smartchessboard/pubspec.yaml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,7 @@ flutter:
- assets/mainmenubackground.png
- assets/createroombackground.png
- assets/joinroombackground.png
- assets/appbar2.png

# An image asset can refer to one or more resolution-specific "variants", see
# https://flutter.dev/assets-and-images/#resolution-aware
Expand Down

0 comments on commit 7bbf6a6

Please sign in to comment.