...
This commit is contained in:
@@ -0,0 +1,464 @@
|
||||
import 'dart:async';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:sudoku_app/models/sudoku_game_dto.dart';
|
||||
import 'package:sudoku_app/models/sudoku_theme.dart';
|
||||
import 'package:sudoku_app/models/unified_rank_dto.dart';
|
||||
import 'package:sudoku_app/services/puzzle_service.dart';
|
||||
import 'package:sudoku_app/widgets/ad_banner_widget.dart';
|
||||
import 'package:sudoku_app/widgets/number_pad.dart';
|
||||
import 'package:sudoku_app/widgets/sudoku_board.dart';
|
||||
|
||||
class GameScreen extends StatefulWidget {
|
||||
final SudokuGameDto gameData;
|
||||
final String themeName;
|
||||
|
||||
const GameScreen({
|
||||
super.key,
|
||||
required this.gameData,
|
||||
required this.themeName,
|
||||
});
|
||||
|
||||
@override
|
||||
State<GameScreen> createState() => _GameScreenState();
|
||||
}
|
||||
|
||||
class _GameScreenState extends State<GameScreen> {
|
||||
final PuzzleService _puzzleService = PuzzleService();
|
||||
|
||||
late final int blockSize;
|
||||
late final int gridSize;
|
||||
late final SudokuTheme activeTheme;
|
||||
|
||||
late List<int> puzzleCells;
|
||||
late List<int> solutionCells;
|
||||
late List<int> originalCells;
|
||||
|
||||
int? selectedIndex;
|
||||
int score = 5;
|
||||
int secondsElapsed = 0;
|
||||
Timer? timer;
|
||||
int? selectedNumberPad;
|
||||
Set<int> incorrectCells = {};
|
||||
bool isValidating = false;
|
||||
|
||||
// "A" -> 10 (파싱용)
|
||||
int _charToInt(String char) {
|
||||
if (char == '0') return 0;
|
||||
if (char.codeUnitAt(0) >= '1'.codeUnitAt(0) && char.codeUnitAt(0) <= '9'.codeUnitAt(0)) {
|
||||
return int.parse(char);
|
||||
}
|
||||
if (char.codeUnitAt(0) >= 'A'.codeUnitAt(0) && char.codeUnitAt(0) <= 'Z'.codeUnitAt(0)) {
|
||||
return char.codeUnitAt(0) - 'A'.codeUnitAt(0) + 10;
|
||||
}
|
||||
return -1;
|
||||
}
|
||||
|
||||
// 10 -> "A" (전송용)
|
||||
String _intToChar(int num) {
|
||||
if (num == 0) return '0';
|
||||
if (num >= 1 && num <= 9) return num.toString();
|
||||
if (num >= 10 && num <= 35) return String.fromCharCode('A'.codeUnitAt(0) + (num - 10));
|
||||
return '?';
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
blockSize = widget.gameData.blockSize;
|
||||
gridSize = widget.gameData.gridSize;
|
||||
activeTheme = AppThemes.buildGameTheme(widget.themeName, gridSize);
|
||||
|
||||
puzzleCells = widget.gameData.question.split('').map(_charToInt).toList();
|
||||
solutionCells = widget.gameData.solution.split('').map(_charToInt).toList();
|
||||
originalCells = widget.gameData.question.split('').map(_charToInt).toList();
|
||||
|
||||
startTimer();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
timer?.cancel();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void startTimer() {
|
||||
timer = Timer.periodic(const Duration(seconds: 1), (timer) {
|
||||
setState(() {
|
||||
secondsElapsed++;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
void onCellTapped(int index) {
|
||||
if (originalCells[index] == 0) {
|
||||
setState(() {
|
||||
selectedIndex = index;
|
||||
|
||||
if (selectedNumberPad != null) {
|
||||
|
||||
// 오답 블로킹
|
||||
if (incorrectCells.isNotEmpty && !incorrectCells.contains(index)) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(
|
||||
content: Text('틀린 값을 먼저 수정해주세요. (되돌리기 ↩)'),
|
||||
duration: Duration(seconds: 1),
|
||||
),
|
||||
);
|
||||
return; // 입력 처리 중단
|
||||
}
|
||||
|
||||
final int numberValue = selectedNumberPad!;
|
||||
puzzleCells[index] = numberValue;
|
||||
|
||||
// 정답과 비교
|
||||
if (numberValue != solutionCells[index]) {
|
||||
// 점수 차감
|
||||
if (!incorrectCells.contains(index)) {
|
||||
if (score > 0) {
|
||||
score--;
|
||||
}
|
||||
incorrectCells.add(index);
|
||||
}
|
||||
} else {
|
||||
incorrectCells.remove(index);
|
||||
}
|
||||
|
||||
_checkIfBoardIsFull();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
void _checkIfBoardIsFull() {
|
||||
if (!puzzleCells.contains(0) && !isValidating) {
|
||||
_validateGame();
|
||||
}
|
||||
}
|
||||
|
||||
void onNumberTapped(int numberValue) {
|
||||
setState(() {
|
||||
if (selectedNumberPad == numberValue) {
|
||||
selectedNumberPad = null;
|
||||
} else {
|
||||
selectedNumberPad = numberValue;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
void onUndoTapped() {
|
||||
setState(() {
|
||||
if (selectedIndex != null && originalCells[selectedIndex!] == 0) {
|
||||
puzzleCells[selectedIndex!] = 0;
|
||||
incorrectCells.remove(selectedIndex);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
void onHintTapped() {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('힌트 기능은 준비 중입니다.')),
|
||||
);
|
||||
}
|
||||
|
||||
Future<void> _validateGame() async {
|
||||
// ... (기존과 동일)
|
||||
if (isValidating) return;
|
||||
setState(() { isValidating = true; });
|
||||
timer?.cancel();
|
||||
String currentAnswer = puzzleCells.map(_intToChar).join('');
|
||||
try {
|
||||
final bool result = await _puzzleService.validateSolution(
|
||||
widget.gameData.question, currentAnswer, blockSize,
|
||||
);
|
||||
if (result) {
|
||||
if(mounted) _showRankingDialog();
|
||||
} else {
|
||||
if(mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('🤔 틀린 부분이 있습니다.')),
|
||||
);
|
||||
}
|
||||
startTimer();
|
||||
}
|
||||
} catch (e) {
|
||||
if(mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text('오류: $e')),
|
||||
);
|
||||
}
|
||||
startTimer();
|
||||
} finally {
|
||||
if(mounted) {
|
||||
setState(() { isValidating = false; });
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void _showRankingDialog() {
|
||||
// ... (기존과 동일)
|
||||
final nameController = TextEditingController();
|
||||
bool isSubmitting = false;
|
||||
final String contextId = "SUDOKU_${gridSize}x${gridSize}_L${_difficultyLevel(widget.gameData.question)}";
|
||||
showDialog(
|
||||
context: context,
|
||||
barrierDismissible: false,
|
||||
builder: (ctx) {
|
||||
return StatefulBuilder(
|
||||
builder: (context, setDialogState) {
|
||||
return AlertDialog(
|
||||
title: const Text('🎉 성공! 기록을 남겨주세요.'),
|
||||
content: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text('($contextId)'),
|
||||
Text('완료 시간: $secondsElapsed 초'),
|
||||
const SizedBox(height: 20),
|
||||
TextField(
|
||||
controller: nameController,
|
||||
decoration: const InputDecoration(
|
||||
labelText: '이름 (10자 이내)',
|
||||
border: OutlineInputBorder(),
|
||||
),
|
||||
maxLength: 10,
|
||||
),
|
||||
],
|
||||
),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
Navigator.of(ctx).pop();
|
||||
Navigator.of(context).pop();
|
||||
},
|
||||
child: const Text('닫기'),
|
||||
),
|
||||
isSubmitting
|
||||
? const Padding(
|
||||
padding: EdgeInsets.all(8.0),
|
||||
child: CircularProgressIndicator(),
|
||||
)
|
||||
: ElevatedButton(
|
||||
onPressed: () async {
|
||||
final playerName = nameController.text.trim();
|
||||
if (playerName.isEmpty) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('이름을 입력해주세요.')),
|
||||
);
|
||||
return;
|
||||
}
|
||||
setDialogState(() { isSubmitting = true; });
|
||||
final rankDto = UnifiedRankDto(
|
||||
gameType: 'SUDOKU',
|
||||
contextId: contextId,
|
||||
playerName: playerName,
|
||||
primaryScore: secondsElapsed,
|
||||
secondaryScore: null,
|
||||
);
|
||||
try {
|
||||
await _puzzleService.submitRank(rankDto);
|
||||
if (!mounted) return;
|
||||
Navigator.of(ctx).pop();
|
||||
Navigator.of(context).pop();
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('랭킹이 등록되었습니다!')),
|
||||
);
|
||||
} catch (e) {
|
||||
setDialogState(() { isSubmitting = false; });
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text(e.toString())),
|
||||
);
|
||||
}
|
||||
},
|
||||
child: const Text('랭킹 등록'),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
int _difficultyLevel(String question) {
|
||||
int holes = question.split('').where((c) => c == '0').length;
|
||||
double holeRatio = holes / (gridSize * gridSize);
|
||||
if (holeRatio <= 0.51) return 1;
|
||||
if (holeRatio <= 0.58) return 2;
|
||||
if (holeRatio <= 0.63) return 3;
|
||||
if (holeRatio <= 0.68) return 4;
|
||||
return 5;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// 🔽 [수정] 타이머 텍스트를 AppBar로 이동시키기 위해 build 메서드 상단으로 이동
|
||||
String formattedTime =
|
||||
'${(secondsElapsed ~/ 60).toString().padLeft(2, '0')}:${(secondsElapsed % 60).toString().padLeft(2, '0')}';
|
||||
|
||||
final Map<int, int> numberCounts = {};
|
||||
for (int i = 1; i <= gridSize; i++) { numberCounts[i] = 0; }
|
||||
for (int cellValue in puzzleCells) {
|
||||
if (cellValue > 0) {
|
||||
numberCounts[cellValue] = (numberCounts[cellValue] ?? 0) + 1;
|
||||
}
|
||||
}
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('Sudoku'), // 👈 [수정] 테마 이름 제거
|
||||
actions: [
|
||||
// 🔽 [수정] AppBar 우측에 타이머 추가
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(right: 20.0),
|
||||
child: Center(
|
||||
child: Text(
|
||||
formattedTime,
|
||||
style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
// 1. 게임 콘텐츠 영역
|
||||
Expanded(
|
||||
child: LayoutBuilder(
|
||||
builder: (context, constraints) {
|
||||
bool isLandscape = constraints.maxWidth > constraints.maxHeight;
|
||||
if (isLandscape) {
|
||||
return _buildLandscapeLayout(context, numberCounts);
|
||||
} else {
|
||||
return _buildPortraitLayout(context, numberCounts);
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
|
||||
// 2. 광고 배너
|
||||
const AdBannerWidget(),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// 🔽 [수정] formattedTime 파라미터 제거
|
||||
Widget _buildPortraitLayout(BuildContext context, Map<int, int> numberCounts) {
|
||||
return Center(
|
||||
child: ConstrainedBox(
|
||||
constraints: const BoxConstraints(maxWidth: 600),
|
||||
child: SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Column(
|
||||
children: [
|
||||
_buildGameInfoWidget(), // 👈 [수정] 파라미터 제거
|
||||
const SizedBox(height: 15),
|
||||
_buildSudokuBoardWidget(),
|
||||
const SizedBox(height: 15),
|
||||
_buildNumberPadWidget(context, numberCounts, isLandscape: false),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// 🔽 [수정] formattedTime 파라미터 제거
|
||||
Widget _buildLandscapeLayout(BuildContext context, Map<int, int> numberCounts) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.all(16.0),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 6,
|
||||
child: Center(
|
||||
child: AspectRatio(
|
||||
aspectRatio: 1.0,
|
||||
child: _buildSudokuBoardWidget(),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 16),
|
||||
Expanded(
|
||||
flex: 4,
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
children: [
|
||||
_buildGameInfoWidget(), // 👈 [수정] 파라미터 제거
|
||||
const SizedBox(height: 20),
|
||||
_buildNumberPadWidget(context, numberCounts, isLandscape: true),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// 🔽 [수정] 상단 정보 (점수, 힌트, 되돌리기) - 타이머 제거
|
||||
Widget _buildGameInfoWidget() {
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
// 1. 점수
|
||||
Text('SCORE: $score', style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold)),
|
||||
|
||||
// 2. 버튼 그룹 (힌트, 되돌리기)
|
||||
Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
IconButton(
|
||||
onPressed: onHintTapped,
|
||||
icon: const Icon(Icons.lightbulb_outline, color: Colors.orange),
|
||||
iconSize: 30,
|
||||
),
|
||||
IconButton(
|
||||
onPressed: onUndoTapped,
|
||||
icon: const Icon(Icons.undo, color: Colors.red),
|
||||
iconSize: 30,
|
||||
),
|
||||
],
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
// 게임 보드 (변경 없음)
|
||||
Widget _buildSudokuBoardWidget() {
|
||||
return SudokuBoard(
|
||||
blockSize: blockSize,
|
||||
theme: activeTheme,
|
||||
cells: puzzleCells,
|
||||
originalCells: originalCells,
|
||||
selectedIndex: selectedIndex,
|
||||
selectedNumberPad: selectedNumberPad,
|
||||
incorrectCells: incorrectCells,
|
||||
onCellTapped: onCellTapped,
|
||||
);
|
||||
}
|
||||
|
||||
// 숫자 패드 (변경 없음)
|
||||
Widget _buildNumberPadWidget(BuildContext context, Map<int, int> numberCounts, {required bool isLandscape}) {
|
||||
double? maxWidth = !isLandscape
|
||||
? 600 * 0.6
|
||||
: null;
|
||||
|
||||
return Center(
|
||||
child: ConstrainedBox(
|
||||
constraints: BoxConstraints(maxWidth: maxWidth ?? double.infinity),
|
||||
child: NumberPad(
|
||||
blockSize: blockSize,
|
||||
theme: activeTheme,
|
||||
numberCounts: numberCounts,
|
||||
selectedNumber: selectedNumberPad,
|
||||
onNumberTapped: onNumberTapped,
|
||||
isLandscape: isLandscape,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,176 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:sudoku_app/models/sudoku_game_dto.dart';
|
||||
import 'package:sudoku_app/models/sudoku_theme.dart';
|
||||
import 'package:sudoku_app/screens/game_screen.dart';
|
||||
import 'package:sudoku_app/screens/ranking_screen.dart';
|
||||
import 'package:sudoku_app/services/puzzle_service.dart';
|
||||
import 'package:sudoku_app/widgets/ad_banner_widget.dart';
|
||||
|
||||
class HomeScreen extends StatefulWidget {
|
||||
const HomeScreen({super.key});
|
||||
|
||||
@override
|
||||
State<HomeScreen> createState() => _HomeScreenState();
|
||||
}
|
||||
|
||||
class _HomeScreenState extends State<HomeScreen> {
|
||||
// 난이도
|
||||
double _difficultyLevel = 2.0;
|
||||
final List<String> levelLabels = ["Easy", "Normal", "Medium", "Hard", "Expert"];
|
||||
|
||||
// 그리드 크기
|
||||
double _blockSize = 3.0;
|
||||
// 🔽 [수정] 16x16, 25x25 옵션 제거
|
||||
final List<String> sizeLabels = ["4x4", "9x9"];
|
||||
|
||||
// 테마 이름
|
||||
late String _selectedThemeName;
|
||||
|
||||
bool isLoading = false;
|
||||
final PuzzleService _puzzleService = PuzzleService();
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
// 기본 테마를 '랜덤' 이름으로 설정
|
||||
_selectedThemeName = AppThemes.random;
|
||||
}
|
||||
|
||||
Future<void> _startGame() async {
|
||||
setState(() { isLoading = true; });
|
||||
|
||||
try {
|
||||
final String level = _difficultyLevel.round().toString();
|
||||
final String blockSize = _blockSize.round().toString();
|
||||
|
||||
final SudokuGameDto gameData = await _puzzleService.startGame(level, blockSize);
|
||||
|
||||
// 선택된 '테마 이름(String)'을 그대로 전달
|
||||
if (mounted) {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => GameScreen(
|
||||
gameData: gameData,
|
||||
themeName: _selectedThemeName,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
} catch (e) {
|
||||
if (mounted) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
SnackBar(content: Text('게임 로딩 실패: $e')),
|
||||
);
|
||||
}
|
||||
} finally {
|
||||
if (mounted) {
|
||||
setState(() { isLoading = false; });
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('스도쿠 게임')),
|
||||
body: LayoutBuilder( // 비율 기반 레이아웃
|
||||
builder: (context, constraints) {
|
||||
const double maxContentRatio = 0.6;
|
||||
final double constrainedWidth = constraints.maxHeight * maxContentRatio;
|
||||
|
||||
return Center(
|
||||
child: ConstrainedBox(
|
||||
constraints: BoxConstraints(maxWidth: constrainedWidth),
|
||||
child: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Center(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20.0),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
// 1. 난이도 선택
|
||||
const Text("난이도", style: TextStyle(fontSize: 18)),
|
||||
Slider(
|
||||
value: _difficultyLevel,
|
||||
min: 1.0, max: 5.0, divisions: 4,
|
||||
label: levelLabels[_difficultyLevel.round() - 1],
|
||||
onChanged: (newValue) => setState(() { _difficultyLevel = newValue; }),
|
||||
),
|
||||
|
||||
const SizedBox(height: 20),
|
||||
|
||||
// 2. 그리드 크기 선택
|
||||
const Text("그리드 크기", style: TextStyle(fontSize: 18)),
|
||||
Text(
|
||||
// 🔽 [수정] 인덱스 매핑 변경 (2.0 -> index 0)
|
||||
sizeLabels[_blockSize.round() - 2],
|
||||
style: const TextStyle(fontSize: 22, fontWeight: FontWeight.bold, color: Colors.deepOrange),
|
||||
),
|
||||
Slider(
|
||||
value: _blockSize,
|
||||
// 🔽 [수정] 최대값을 3.0으로, divisions를 1로 변경
|
||||
min: 2.0, max: 3.0, divisions: 1,
|
||||
label: sizeLabels[_blockSize.round() - 2],
|
||||
activeColor: Colors.deepOrange,
|
||||
onChanged: (newValue) => setState(() { _blockSize = newValue; }),
|
||||
),
|
||||
|
||||
const SizedBox(height: 20),
|
||||
|
||||
// 3. 테마 선택 (String 기반)
|
||||
const Text("테마", style: TextStyle(fontSize: 18)),
|
||||
DropdownButton<String>(
|
||||
value: _selectedThemeName,
|
||||
items: AppThemes.selectableThemeNames.map((themeName) {
|
||||
return DropdownMenuItem<String>(
|
||||
value: themeName,
|
||||
child: Text(themeName, style: const TextStyle(fontSize: 20)),
|
||||
);
|
||||
}).toList(),
|
||||
onChanged: (themeName) {
|
||||
if (themeName != null) {
|
||||
setState(() { _selectedThemeName = themeName; });
|
||||
}
|
||||
},
|
||||
),
|
||||
|
||||
const SizedBox(height: 30),
|
||||
|
||||
if (isLoading)
|
||||
const CircularProgressIndicator()
|
||||
else
|
||||
ElevatedButton(
|
||||
onPressed: _startGame,
|
||||
style: ElevatedButton.styleFrom(padding: const EdgeInsets.symmetric(horizontal: 40, vertical: 15)),
|
||||
child: const Text('게임 시작', style: TextStyle(fontSize: 18)),
|
||||
),
|
||||
|
||||
const SizedBox(height: 10),
|
||||
|
||||
TextButton(
|
||||
onPressed: () {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(builder: (context) => const RankingScreen()),
|
||||
);
|
||||
},
|
||||
child: const Text('랭킹 보기'),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const AdBannerWidget(),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:sudoku_app/models/game_rank_dto.dart';
|
||||
import 'package:sudoku_app/services/puzzle_service.dart';
|
||||
|
||||
class RankingScreen extends StatefulWidget {
|
||||
const RankingScreen({super.key});
|
||||
|
||||
@override
|
||||
State<RankingScreen> createState() => _RankingScreenState();
|
||||
}
|
||||
|
||||
class _RankingScreenState extends State<RankingScreen> {
|
||||
final PuzzleService _puzzleService = PuzzleService();
|
||||
// FutureBuilder를 사용하여 비동기 데이터를 쉽게 처리
|
||||
late Future<List<GameRankDto>> _rankingFuture;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
// 화면이 로드될 때 스도쿠의 전체 랭킹을 가져옴 (contextId = null)
|
||||
_rankingFuture = _puzzleService.fetchRanks('SUDOKU', null);
|
||||
}
|
||||
|
||||
// 점수(초)를 'mm:ss' 형식으로 변환
|
||||
String _formatScore(int seconds) {
|
||||
final min = (seconds ~/ 60).toString().padLeft(2, '0');
|
||||
final sec = (seconds % 60).toString().padLeft(2, '0');
|
||||
return '$min:$sec';
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('스도쿠 전체 랭킹')),
|
||||
body: FutureBuilder<List<GameRankDto>>(
|
||||
future: _rankingFuture,
|
||||
builder: (context, snapshot) {
|
||||
// 로딩 중일 때
|
||||
if (snapshot.connectionState == ConnectionState.waiting) {
|
||||
return const Center(child: CircularProgressIndicator());
|
||||
}
|
||||
// 에러 발생 시
|
||||
if (snapshot.hasError) {
|
||||
return Center(child: Text('랭킹 로딩 실패: ${snapshot.error}'));
|
||||
}
|
||||
// 데이터가 없거나 비어있을 때
|
||||
if (!snapshot.hasData || snapshot.data!.isEmpty) {
|
||||
return const Center(child: Text('등록된 랭킹이 없습니다.'));
|
||||
}
|
||||
|
||||
// 성공적으로 데이터를 가져왔을 때
|
||||
final ranks = snapshot.data!;
|
||||
return ListView.builder(
|
||||
itemCount: ranks.length,
|
||||
itemBuilder: (context, index) {
|
||||
final rank = ranks[index];
|
||||
return ListTile(
|
||||
leading: Text(
|
||||
'${index + 1}.',
|
||||
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
|
||||
),
|
||||
title: Text(rank.playerName, style: const TextStyle(fontSize: 18)),
|
||||
trailing: Text(
|
||||
_formatScore(rank.primaryScore), // 시간(초)을 mm:ss로 표시
|
||||
style: const TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.blue,
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user