127 lines
3.7 KiB
Dart
127 lines
3.7 KiB
Dart
import 'dart:math';
|
|
import 'package:flutter/material.dart';
|
|
|
|
void main() {
|
|
runApp(const MyApp());
|
|
}
|
|
|
|
class MyApp extends StatelessWidget {
|
|
const MyApp({super.key});
|
|
final int gridSize = 12;
|
|
|
|
// This widget is the root of your application.
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return MaterialApp(
|
|
title: 'Bubble-Twist',
|
|
theme: ThemeData(
|
|
// This is the theme of your application.
|
|
//
|
|
// TRY THIS: Try running your application with "flutter run". You'll see
|
|
// the application has a purple toolbar. Then, without quitting the app,
|
|
// try changing the seedColor in the colorScheme below to Colors.green
|
|
// and then invoke "hot reload" (save your changes or press the "hot
|
|
// reload" button in a Flutter-supported IDE, or press "r" if you used
|
|
// the command line to start the app).
|
|
//
|
|
// Notice that the counter didn't reset back to zero; the application
|
|
// state is not lost during the reload. To reset the state, use hot
|
|
// restart instead.
|
|
//
|
|
// This works for code too, not just values: Most code changes can be
|
|
// tested with just a hot reload.
|
|
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
|
|
useMaterial3: true,
|
|
),
|
|
home: const MyHomePage(title: 'Flutter Demo Home Page', gridSize: 12),
|
|
);
|
|
}
|
|
}
|
|
|
|
class MyHomePage extends StatefulWidget {
|
|
const MyHomePage({super.key, required this.title, required this.gridSize});
|
|
|
|
// This widget is the home page of your application. It is stateful, meaning
|
|
// that it has a State object (defined below) that contains fields that affect
|
|
// how it looks.
|
|
|
|
// This class is the configuration for the state. It holds the values (in this
|
|
// case the title) provided by the parent (in this case the App widget) and
|
|
// used by the build method of the State. Fields in a Widget subclass are
|
|
// always marked "final".
|
|
|
|
final String title;
|
|
final int gridSize;
|
|
|
|
@override
|
|
State<MyHomePage> createState() => _MyHomePageState();
|
|
}
|
|
|
|
class _MyHomePageState extends State<MyHomePage> {
|
|
late List<List<int>> _grid;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_initializeGrid();
|
|
}
|
|
|
|
void _initializeGrid() {
|
|
_grid = List.generate(widget.gridSize, (_) => List.generate(widget.gridSize, (_) => Random().nextInt(5)));
|
|
}
|
|
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: Text('Candy Crush'),
|
|
),
|
|
body: Center(
|
|
child: GridView.builder(
|
|
shrinkWrap: true,
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
crossAxisCount: widget.gridSize,
|
|
),
|
|
itemCount: widget.gridSize * widget.gridSize,
|
|
itemBuilder: (BuildContext context, int index) {
|
|
int row = index ~/ widget.gridSize;
|
|
int col = index % widget.gridSize;
|
|
return GestureDetector(
|
|
onTap: () => _onTileTap(row, col),
|
|
child: Container(
|
|
margin: EdgeInsets.all(2),
|
|
decoration: BoxDecoration(
|
|
color: _getColor(_grid[row][col]),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Color _getColor(int value) {
|
|
switch (value) {
|
|
case 0:
|
|
return Colors.red;
|
|
case 1:
|
|
return Colors.blue;
|
|
case 2:
|
|
return Colors.green;
|
|
case 3:
|
|
return Colors.yellow;
|
|
case 4:
|
|
return Colors.orange;
|
|
default:
|
|
return Colors.white;
|
|
}
|
|
}
|
|
|
|
void _onTileTap(int row, int col) {
|
|
setState(() {
|
|
_grid[row][col] = Random().nextInt(5);
|
|
});
|
|
}
|
|
}
|