This page showcases a very simple Flutter-developed app that I created as a hobby.
We have made the main source code publicly available. We hope it will be helpful as a reference for app development.
● Japanese ● ご注意 ● このページで公開しているのはDartコードのみです。アプリの動作には画像・音声・多言語テキストなどの追加データが必要なため、ここに掲載している情報だけではアプリを完全に再現することはできません。 ● アプリは継続的に機能拡張しているため、ストアで公開している最新版とコード内容が異なる場合があります。 ● コードはコピーして自由にご利用いただけますが、著作権は放棄していません。そのため、コード全体の再掲載はご遠慮ください。一部の引用や改変しての再掲載は問題ありません。個人利用・商用利用を問わず、アプリ開発の参考として自由にお使いください。 ● このコードは「お手本」として公開しているものではありません。ミニアプリとして作成しているため、変数名など細部に配慮していない箇所や誤りが含まれる可能性があります。参考程度にご覧ください。 ● 他の開発者の公開コードを参考にした部分も含まれています。アプリ開発の熟練者が書いたコードではない点もご了承ください。 ● ここはエンジニア向けの技術情報共有サービスではないため、詳細な説明は省略しています。 ● 本コードは無保証であり、動作や品質を保証するものではありません。
Copyright© エーオーシステム株式会社
● English ● Notice ● Only the Dart source code is provided on this page. Additional assets such as images, audio files, and multilingual text are required for the application to function. Therefore, the information here alone is not sufficient to fully reproduce the app. ● The app is continuously being improved, so the code published here may differ from the latest version available on the app stores. ● You are free to copy and use the code, but the copyright is not waived. For this reason, please refrain from redistributing (reposting) the entire code. Partial quotation or redistribution of modified portions is allowed. You may use the code freely for reference in your own app development, whether for personal or commercial use. ● This code is not intended to serve as a coding example or best practice. As this is a small sample app, some variable names and details may lack refinement, and there may be mistakes. Please use it only as a reference. ● Some parts of the code are based on publicly available examples from other developers. Please note that this code was not written by an expert in Android app development. ● This is not a technical knowledge-sharing service for engineers, so detailed explanations are omitted. ● The code is provided "as is" without any warranty of any kind.
Copyright© ao-system, Inc.
name: hourglass
description: "hourglass"
publish_to: 'none'
version: 1.8.2+16
environment:
sdk: ^3.11.5
dependencies: #flutter pub upgrade --major-versions
flutter:
sdk: flutter
flutter_localizations: #flutter gen-l10n
sdk: flutter
cupertino_icons: ^1.0.8
intl: ^0.20.2
shared_preferences: ^2.3.2
google_mobile_ads: ^8.0.0
google_fonts: ^8.0.2
audioplayers: ^6.5.1
vibration: ^3.1.7
wakelock_plus: ^1.4.0
in_app_review: ^2.0.11
app_tracking_transparency: ^2.0.4
dev_dependencies:
flutter_lints: ^6.0.0
flutter_launcher_icons: ^0.14.3 #flutter pub run flutter_launcher_icons
flutter_native_splash: ^2.3.6 #flutter pub run flutter_native_splash:create
flutter_icons:
android: "launcher_icon"
ios: true
image_path: "assets/icon/icon.png"
adaptive_icon_background: "assets/icon/icon_back.png"
adaptive_icon_foreground: "assets/icon/icon_fore.png"
flutter_native_splash:
color: '#351e16'
image: 'assets/image/splash.png'
color_dark: '#351e16'
image_dark: 'assets/image/splash.png'
fullscreen: true
android_12:
icon_background_color: '#351e16'
image: 'assets/image/splash.png'
icon_background_color_dark: '#351e16'
image_dark: 'assets/image/splash.png'
flutter:
generate: true
uses-material-design: true
assets:
- assets/icon/
- assets/image/
- assets/sound/
import 'package:flutter/cupertino.dart';
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:hourglass/ad_manager.dart';
class AdBannerWidget extends StatefulWidget {
final AdManager adManager;
const AdBannerWidget({super.key, required this.adManager});
@override
State<AdBannerWidget> createState() => _AdBannerWidgetState();
}
class _AdBannerWidgetState extends State<AdBannerWidget> {
int _lastBannerWidthDp = 0;
bool _isAdLoaded = false;
bool _isLoading = false;
@override
Widget build(BuildContext context) {
return SafeArea(
child: LayoutBuilder(
builder: (context, constraints) {
final int width = constraints.maxWidth.isFinite ? constraints.maxWidth.truncate() : MediaQuery.of(context).size.width.truncate();
final bannerAd = widget.adManager.bannerAd;
if (width > 0) {
WidgetsBinding.instance.addPostFrameCallback((_) {
if (mounted) {
final bannerAd = widget.adManager.bannerAd;
final bool widthChanged = _lastBannerWidthDp != width;
final bool sizeMismatch = bannerAd == null || bannerAd.size.width != width;
if ((widthChanged || !_isAdLoaded || sizeMismatch) && !_isLoading) {
_lastBannerWidthDp = width;
setState(() { _isAdLoaded = false; _isLoading = true; });
widget.adManager.loadAdaptiveBannerAd(width, () {
if (mounted) {
setState(() { _isAdLoaded = true; _isLoading = false; });
}
});
}
}
});
}
if (_isAdLoaded && bannerAd != null) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
SizedBox(height: 10),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
width: bannerAd.size.width.toDouble(),
height: bannerAd.size.height.toDouble(),
child: AdWidget(ad: bannerAd),
),
],
)
]
);
} else {
return const SizedBox.shrink();
}
},
),
);
}
}
import 'dart:async';
import 'dart:io' show Platform;
import 'dart:ui';
import 'package:flutter/foundation.dart' show kIsWeb;
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/widgets.dart';
import 'package:hourglass/_secrets.dart';
class AdManager {
static String get _adUnitId => Platform.isIOS ? Secrets.adUnitIdIos : Secrets.adUnitIdAndroid;
BannerAd? _bannerAd;
int _lastWidthPx = 0;
VoidCallback? _onLoadedCb;
Timer? _retryTimer;
int _retryAttempt = 0;
BannerAd? get bannerAd => _bannerAd;
/// アプリ起動時の設定
/// UMP(同意管理)を導入したため、手動のNPA設定は不要になった。
static Future<void> initForNPA() async {
if (kIsWeb) {
return;
}
// UMP SDK が保存した同意情報を MobileAds SDK が自動で読み取るため、
// ここで RequestConfiguration を使って NPA を強制する必要はない。
await MobileAds.instance.updateRequestConfiguration(
RequestConfiguration(
tagForChildDirectedTreatment: TagForChildDirectedTreatment.unspecified,
testDeviceIds: Secrets.umpConsentTestDeviceIds, //テストデバイスID:広告の誤クリック防止
),
);
}
Future<void> loadAdaptiveBannerAd(int widthPx, VoidCallback onAdLoaded) async {
if (kIsWeb) {
return;
}
_onLoadedCb = onAdLoaded;
_lastWidthPx = widthPx;
_retryAttempt = 0;
_retryTimer?.cancel();
_startLoad(widthPx);
}
static AdRequest getAdRequest() {
// ユーザーの同意状態(TCF信号)は、SDKによって自動的に付与される。
// 手動で npa: 1 を送ると、UMPでのユーザーの選択と競合する可能性があるため、空で返す。
// AdRequest(nonPersonalizedAds: true);にはしない
return const AdRequest();
}
Future<void> _startLoad(int widthPx) async {
if (kIsWeb) {
return;
}
_bannerAd?.dispose();
AnchoredAdaptiveBannerAdSize? adaptiveSize;
try {
adaptiveSize = await AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSize(widthPx);
} catch (_) {
adaptiveSize = null;
}
final AdSize size = adaptiveSize ?? AdSize.fullBanner;
_bannerAd = BannerAd(
adUnitId: _adUnitId,
request: getAdRequest(),
size: size,
listener: BannerAdListener(
onAdLoaded: (ad) {
_retryTimer?.cancel();
_retryAttempt = 0;
final cb = _onLoadedCb;
if (cb != null) {
cb();
}
},
onAdFailedToLoad: (ad, err) {
ad.dispose();
_scheduleRetry();
},
),
)..load();
}
void _scheduleRetry() {
if (kIsWeb) return;
_retryTimer?.cancel();
_retryAttempt = (_retryAttempt + 1).clamp(1, 5);
final seconds = _retryAttempt >= 4 ? 30 : (3 << (_retryAttempt - 1));
_retryTimer = Timer(Duration(seconds: seconds), () {
_startLoad(_lastWidthPx > 0 ? _lastWidthPx : 320);
});
}
void dispose() {
_bannerAd?.dispose();
_retryTimer?.cancel();
}
}
import 'dart:async';
import 'package:flutter/foundation.dart' show kIsWeb;
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/widgets.dart';
import 'package:hourglass/l10n/app_localizations.dart';
import 'package:hourglass/_secrets.dart';
/// UMP状態格納用
class AdUmpState {
final PrivacyOptionsRequirementStatus privacyStatus;
final ConsentStatus consentStatus;
final bool privacyOptionsRequired;
final bool isChecking;
const AdUmpState({
required this.privacyStatus,
required this.consentStatus,
required this.privacyOptionsRequired,
required this.isChecking,
});
AdUmpState copyWith({
PrivacyOptionsRequirementStatus? privacyStatus,
ConsentStatus? consentStatus,
bool? privacyOptionsRequired,
bool? isChecking,
}) {
return AdUmpState(
privacyStatus: privacyStatus ?? this.privacyStatus,
consentStatus: consentStatus ?? this.consentStatus,
privacyOptionsRequired:
privacyOptionsRequired ?? this.privacyOptionsRequired,
isChecking: isChecking ?? this.isChecking,
);
}
static const initial = AdUmpState(
privacyStatus: PrivacyOptionsRequirementStatus.unknown,
consentStatus: ConsentStatus.unknown,
privacyOptionsRequired: false,
isChecking: false,
);
}
//UMPコントローラ
class UmpConsentController {
//デバッグ用：同意フォームの表示テスト：EEA地域を強制する(本番ではfalseにすること)
final bool forceEeaForDebug = false;
//デバッグ用：同意フォームの表示テスト：EEA地域を強制するテストデバイスID
static final List<String> _testDeviceIds = Secrets.umpConsentTestDeviceIds;
ConsentRequestParameters _buildParams() {
if (forceEeaForDebug && _testDeviceIds.isNotEmpty) {
return ConsentRequestParameters(
consentDebugSettings: ConsentDebugSettings(
debugGeography: DebugGeography.debugGeographyEea,
testIdentifiers: _testDeviceIds,
),
);
}
return ConsentRequestParameters();
}
//同意情報を更新して状態を返す
Future<AdUmpState> updateConsentInfo({AdUmpState current = AdUmpState.initial}) async {
if (kIsWeb) {
return current;
}
var state = current.copyWith(isChecking: true);
try {
final params = _buildParams();
final completer = Completer<AdUmpState>();
ConsentInformation.instance.requestConsentInfoUpdate(
params,
() async {
//同意フォームが必要なら表示する
ConsentForm.loadAndShowConsentFormIfRequired((formError) async {
final s = await ConsentInformation.instance.getPrivacyOptionsRequirementStatus();
final c = await ConsentInformation.instance.getConsentStatus();
completer.complete(
state.copyWith(
privacyStatus: s,
consentStatus: c,
privacyOptionsRequired: s == PrivacyOptionsRequirementStatus.required,
isChecking: false,
),
);
});
},
(FormError e) {
completer.complete(state.copyWith(isChecking: false));
},
);
return await completer.future;
} catch (_) {
return state.copyWith(isChecking: false);
}
}
//プライバシーオプションフォームを表示
Future<FormError?> showPrivacyOptions() async {
if (kIsWeb) return null;
final completer = Completer<FormError?>();
ConsentForm.showPrivacyOptionsForm((FormError? e) {
completer.complete(e);
});
return completer.future;
}
}
extension ConsentStatusL10n on ConsentStatus {
String localized(BuildContext context) {
final l = AppLocalizations.of(context)!;
switch (this) {
case ConsentStatus.obtained:
return l.cmpConsentStatusObtained;
case ConsentStatus.required:
return l.cmpConsentStatusRequired;
case ConsentStatus.notRequired:
return l.cmpConsentStatusNotRequired;
case ConsentStatus.unknown:
return l.cmpConsentStatusUnknown;
}
}
}
final List<Map<String, dynamic>> finishSounds = [
{ 'key': 0, 'name': 'chicken', 'file': 'chicken.mp3' },
{ 'key': 1, 'name': 'cat1', 'file': 'cat1.mp3' },
{ 'key': 2, 'name': 'cat2', 'file': 'cat2.mp3' },
{ 'key': 3, 'name': 'goat', 'file': 'goat.mp3' },
{ 'key': 4, 'name': 'wolf', 'file': 'wolf.mp3' },
{ 'key': 5, 'name': 'crow', 'file': 'crow.mp3' },
{ 'key': 6, 'name': 'bush_warbler', 'file': 'bush_warbler.mp3' },
{ 'key': 7, 'name': 'cuckoo', 'file': 'cuckoo.mp3' },
{ 'key': 8, 'name': 'cuckoo_clock', 'file': 'cuckoo_clock.mp3' },
{ 'key': 9, 'name': 'chime1', 'file': 'chime1.mp3' },
{ 'key': 10, 'name': 'chime2', 'file': 'chime2.mp3' },
{ 'key': 11, 'name': 'chime3', 'file': 'chime3.mp3' },
{ 'key': 12, 'name': 'chime4', 'file': 'chime4.mp3' },
{ 'key': 13, 'name': 'chime5', 'file': 'chime5.mp3' },
{ 'key': 14, 'name': 'chime6', 'file': 'chime6.mp3' },
{ 'key': 15, 'name': 'chime7', 'file': 'chime7.mp3' },
{ 'key': 16, 'name': 'chime8', 'file': 'chime8.mp3' },
{ 'key': 17, 'name': 'chime9', 'file': 'chime9.mp3' },
{ 'key': 18, 'name': 'chime10', 'file': 'chime10.mp3' },
{ 'key': 19, 'name': 'chime11', 'file': 'chime11.mp3' },
];
import 'dart:async';
import 'dart:ui' as ui;
import 'package:audioplayers/audioplayers.dart';
import 'package:vibration/vibration.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:wakelock_plus/wakelock_plus.dart';
import 'package:hourglass/const_value.dart';
import 'package:hourglass/setting_page.dart';
import 'package:hourglass/theme_color.dart';
import 'package:hourglass/ad_manager.dart';
import 'package:hourglass/loading_screen.dart';
import 'package:hourglass/model.dart';
import 'package:hourglass/main.dart';
import 'package:hourglass/home_page_layout_data.dart';
import 'package:hourglass/home_page_layout01.dart';
import 'package:hourglass/home_page_layout02.dart';
class MainHomePage extends StatefulWidget {
const MainHomePage({super.key});
@override
State<MainHomePage> createState() => MainHomePageState();
}
class MainHomePageState extends State<MainHomePage> with SingleTickerProviderStateMixin, WidgetsBindingObserver {
late AdManager _adManager;
late ThemeColor _themeColor;
bool _isReady = false;
//
ui.Image? _maskImage;
int _digitHundreds = 0;
int _digitTens = 0;
int _digitOnes = 0;
//
int _minutes = 1; //minute
late AnimationController _animationController;
late Animation<double> _animPercent;
//
late AudioPlayer _audioPlayer;
@override
void initState() {
super.initState();
WidgetsBinding.instance.addObserver(this);
_initState();
}
void _initState() async {
_adManager = AdManager();
_audioPlayer = AudioPlayer();
_loadMask();
_wakelock();
//
_minutes = Model.minute;
if (mounted) {
setState(() {
_digitHundreds = _minutes ~/ 100;
_digitTens = (_minutes % 100) ~/ 10;
_digitOnes = _minutes % 10;
});
}
//砂増減アニメーション
final Duration duration = Duration(minutes: _minutes);
_animationController = AnimationController(
vsync: this,
duration: duration,
);
_animationController.addStatusListener((status) async {
if (status == AnimationStatus.completed) {
if (Model.soundEnabled && Model.soundVolume > 0) {
final selected = finishSounds.firstWhere(
(s) => s['key'] == Model.soundSelect,
orElse: () => {},
);
if (selected.isNotEmpty) {
_audioPlayer.setVolume(Model.soundVolume);
_audioPlayer.play(AssetSource('sound/${selected['file']}'));
}
}
if (await Vibration.hasVibrator()) {
if (Model.vibrateEnabled) {
Vibration.vibrate(duration: 500);
}
}
}
});
_animPercent = Tween<double>(begin: 0, end: 100).animate(_animationController);
//
if (mounted) {
setState(() {
_isReady = true;
});
}
}
@override
void dispose() {
WidgetsBinding.instance.removeObserver(this);
_animationController.dispose();
_audioPlayer.stop();
_audioPlayer.dispose();
WakelockPlus.disable();
super.dispose();
}
//need with WidgetsBindingObserver
//WidgetsBinding.instance.addObserver(this);
//WidgetsBinding.instance.removeObserver(this);
@override
void didChangeAppLifecycleState(AppLifecycleState state) {
switch (state) {
case AppLifecycleState.resumed:
_wakelock();
break;
case AppLifecycleState.inactive:
case AppLifecycleState.paused:
case AppLifecycleState.detached:
case AppLifecycleState.hidden:
WakelockPlus.disable();
break;
}
}
@override
void didChangeDependencies() {
super.didChangeDependencies();
_themeColor = ThemeColor(themeNumber: Model.themeNumber, context: context);
}
void _wakelock() {
if (Model.wakelockEnabled) {
WakelockPlus.enable();
} else {
WakelockPlus.disable();
}
}
Future<void> _loadMask() async {
final data = await rootBundle.load('assets/image/hourglass_mask.webp');
final codec = await ui.instantiateImageCodec(data.buffer.asUint8List());
final frame = await codec.getNextFrame();
setState(() {
_maskImage = frame.image;
});
}
Map<String, int> _convertProgress(double percent, int nMinutes) {
final double totalSeconds = nMinutes * 60 * (percent / 100);
final int totalSecondsInt = totalSeconds.floor();
final int minutes = totalSecondsInt ~/ 60;
final int seconds = totalSecondsInt % 60;
final int fraction = ((totalSeconds - totalSecondsInt) * 10).floor();
return {
'minutes': minutes,
'seconds': seconds,
'fraction': fraction.clamp(0, 9),
};
}
Future<void> _openSetting() async {
_audioPlayer.stop();
final updated = await Navigator.push<bool>(
context,
MaterialPageRoute(builder: (_) => const SettingPage()),
);
if (mounted && updated == true) {
MainApp.of(context).rebuildApp();
_wakelock();
}
if (mounted) {
setState(() {});
}
}
@override
Widget build(BuildContext context) {
if (_isReady == false || _maskImage == null) {
return const LoadingScreen();
}
final layoutData = HomePageLayoutData(
minutes: _minutes,
animPercent: _animPercent,
animationController: _animationController,
isAnimating: _animationController.isAnimating,
maskImage: _maskImage,
themeColor: _themeColor,
adManager: _adManager,
digitHundreds: _digitHundreds,
digitTens: _digitTens,
digitOnes: _digitOnes,
onMinutesChanged: (v) => setState(() => _minutes = v),
onHundredsChanged: (v) => setState(() => _digitHundreds = v),
onTensChanged: (v) => setState(() => _digitTens = v),
onOnesChanged: (v) => setState(() => _digitOnes = v),
convertProgress: _convertProgress,
openSetting: _openSetting,
onStart: () {
final int totalMinutes = _digitHundreds * 100 + _digitTens * 10 + _digitOnes;
_minutes = totalMinutes;
Model.setMinute(totalMinutes);
_animationController.duration = Duration(minutes: totalMinutes);
_animationController.forward(from: 0);
setState(() {});
},
onPause: () {
_animationController.stop();
setState(() {});
},
onResume: () {
_animationController.forward();
setState(() {});
},
);
return (Model.layoutId == 1) ? HomePageLayout01(layoutData: layoutData) : HomePageLayout02(layoutData: layoutData);
}
}
import 'dart:ui' as ui;
import 'package:flutter/material.dart';
import 'package:hourglass/theme_color.dart';
import 'package:hourglass/ad_manager.dart';
class HomePageLayoutData {
final int minutes;
final Animation<double> animPercent;
final AnimationController animationController;
final bool isAnimating;
final ui.Image? maskImage;
final ThemeColor themeColor;
final AdManager adManager;
final int digitHundreds;
final int digitTens;
final int digitOnes;
final ValueChanged<int> onMinutesChanged;
final ValueChanged<int> onHundredsChanged;
final ValueChanged<int> onTensChanged;
final ValueChanged<int> onOnesChanged;
final Map<String, int> Function(double, int) convertProgress;
final VoidCallback? openSetting;
final VoidCallback? onStart;
final VoidCallback? onPause;
final VoidCallback? onResume;
HomePageLayoutData({
required this.minutes,
required this.animPercent,
required this.animationController,
required this.isAnimating,
required this.maskImage,
required this.themeColor,
required this.adManager,
required this.digitHundreds,
required this.digitTens,
required this.digitOnes,
required this.onMinutesChanged,
required this.onHundredsChanged,
required this.onTensChanged,
required this.onOnesChanged,
required this.convertProgress,
required this.openSetting,
required this.onStart,
required this.onPause,
required this.onResume,
});
}
import 'dart:math';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:hourglass/model.dart';
import 'package:hourglass/ad_banner_widget.dart';
import 'package:hourglass/home_page_layout_data.dart';
import 'package:hourglass/sand_fall_stream.dart';
class HomePageLayout01 extends StatelessWidget {
final HomePageLayoutData layoutData;
const HomePageLayout01({super.key, required this.layoutData});
@override
Widget build(BuildContext context) {
final t = Theme.of(context).textTheme;
final screenWidth = MediaQuery.of(context).size.width;
final screenHeight = MediaQuery.of(context).size.height;
return AnimatedBuilder(
animation: layoutData.animationController,
builder: (context, child) {
return Stack(children:[
SizedBox(
width: screenWidth,
height: screenHeight,
child: FittedBox(
fit: BoxFit.cover,
clipBehavior: Clip.hardEdge,
child: SizedBox(
width: 1024,
height: 1024,
child: _buildAnimatedWidget(),
)
)
),
Scaffold(
backgroundColor: Colors.transparent,
appBar: AppBar(
elevation: 0,
scrolledUnderElevation: 0,
backgroundColor: Colors.transparent,
foregroundColor: layoutData.themeColor.mainForeColor,
title: Text('HOURGLASS', style: t.titleSmall?.copyWith(color: layoutData.themeColor.mainForeColor)),
centerTitle: false,
actions: [
IconButton(
icon: const Icon(Icons.settings),
onPressed: layoutData.openSetting,
),
const SizedBox(width: 10),
],
),
body: Padding(
padding: const EdgeInsets.only(left: 10.0),
child: Align(
alignment: Alignment.centerLeft,
child: _buildDigitTimerSet(screenHeight),
),
),
bottomNavigationBar: AdBannerWidget(adManager: layoutData.adManager),
),
]);
}
);
}
Widget _buildAnimatedWidget() {
final progressPercent = layoutData.animPercent.value;
return Stack(
alignment: Alignment.center,
children: [
Image.asset(layoutData.themeColor.backImage, fit: BoxFit.contain),
if (layoutData.maskImage != null)
ShaderMask(
shaderCallback: (bounds) {
final scaleX = bounds.width / layoutData.maskImage!.width;
final scaleY = bounds.height / layoutData.maskImage!.height;
return ImageShader(
layoutData.maskImage!,
TileMode.clamp,
TileMode.clamp,
Matrix4.diagonal3Values(scaleX, scaleY, 1).storage,
);
},
blendMode: BlendMode.dstIn,
child: LayoutBuilder(
builder: (context, constraints) {
final double h = constraints.maxHeight;
final double percent = progressPercent / 100.0;
final double maxDrop = h * 0.175;
final double sandTopOffset = maxDrop * (1.0 - pow(1.0 - percent, 1 / 3));
final double sandBottomOffset = h * (0.13 - 0.13 * percent);
return Stack(
children: [
Positioned(
top: sandTopOffset,
left: 0, right: 0,
child: Image.asset('assets/image/hourglass_sand_top.webp'),
),
Positioned(
top: sandBottomOffset,
left: 0, right: 0,
child: Image.asset('assets/image/hourglass_sand_bottom.webp'),
),
],
);
},
),
),
if (progressPercent > 0)
Positioned.fill(
child: LayoutBuilder(
builder: (context, constraints) {
final double h = constraints.maxHeight;
final double w = constraints.maxWidth;
final double percent = progressPercent / 100.0;
final double neckY = h * 0.499;
final double sandSurfaceY = h * 0.68 + (h * (0.13 - 0.13 * percent));
final double dynamicFallDistance = (sandSurfaceY - neckY).clamp(0, h);
return Stack(
children: [
Positioned(
top: neckY,
left: 0,
right: 0,
child: Center(
child: Transform.translate(
offset: Offset(w * 0.113, 0),
child: SandFallStream(
isRunning: layoutData.animationController.isAnimating && (progressPercent < 100),
width: 3,
fallDistance: dynamicFallDistance,
spawnRate: 1,
radius: 1,
),
),
),
),
],
);
},
),
),
Image.asset('assets/image/hourglass_over.webp'),
],
);
}
Widget _buildDigitPicker({required int value,required ValueChanged<int> onSelectedItemChanged}) {
return SizedBox(
width: 40,
height: 120,
child: CupertinoPicker(
scrollController: FixedExtentScrollController(initialItem: value),
itemExtent: 40,
onSelectedItemChanged: onSelectedItemChanged,
children: List.generate(10,
(index) => Center(
child: Text(
'$index',
style: TextStyle(fontSize: 28,color: Colors.white),
),
),
),
),
);
}
Widget _buildDigitTimerSet(double fittedH) {
final double progressPercent = layoutData.animPercent.value;
final Map<String, int> remain = layoutData.convertProgress(100 - progressPercent, layoutData.minutes);
final int selectedMinutes = layoutData.digitHundreds * 100 + layoutData.digitTens * 10 + layoutData.digitOnes;
final outlinedStyle = OutlinedButton.styleFrom(
foregroundColor: Colors.white,
side: BorderSide(color: Colors.white.withValues(alpha: 0.5)),
backgroundColor: Colors.transparent,
padding: const EdgeInsets.symmetric(horizontal: 8),
);
return Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
_buildDigitPicker(
value: layoutData.digitHundreds,
onSelectedItemChanged: (v) => layoutData.onHundredsChanged(v),
),
_buildDigitPicker(
value: layoutData.digitTens,
onSelectedItemChanged: (v) => layoutData.onTensChanged(v),
),
_buildDigitPicker(
value: layoutData.digitOnes,
onSelectedItemChanged: (v) => layoutData.onOnesChanged(v),
),
],
),
const SizedBox(height: 10),
SizedBox(
width: 120,
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Text(
'$selectedMinutes min.',
style: TextStyle(
fontSize: 16,
color: Colors.white,
),
),
const SizedBox(height: 4),
SizedBox(
width: 120,
child: AnimatedOpacity(
opacity: 0.8,
duration: const Duration(milliseconds: 200),
child: OutlinedButton.icon(
style: outlinedStyle,
onPressed: () {
layoutData.onStart?.call();
},
icon: const Icon(Icons.play_circle_fill, size: 20),
label: const Text('START', style: TextStyle(fontWeight: FontWeight.bold)),
),
),
),
const SizedBox(height: 4),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
SizedBox(
width: 56,
child: AnimatedOpacity(
opacity: layoutData.animationController.isAnimating ? 0.8 : 0.2,
duration: const Duration(milliseconds: 200),
child: IgnorePointer(
ignoring: !layoutData.animationController.isAnimating,
child: OutlinedButton(
style: outlinedStyle,
onPressed: layoutData.animationController.isAnimating
? () => layoutData.onPause?.call()
: () {},
child: const Icon(Icons.pause_circle_outline),
),
),
),
),
SizedBox(
width: 56,
child: AnimatedOpacity(
opacity: layoutData.animationController.isAnimating ? 0.2 : 0.8,
duration: const Duration(milliseconds: 200),
child: IgnorePointer(
ignoring: layoutData.animationController.isAnimating,
child: OutlinedButton(
style: outlinedStyle,
onPressed: layoutData.animationController.isAnimating
? () {}
: () => layoutData.onResume?.call(),
child: const Icon(Icons.play_circle_outline),
),
),
),
),
],
),
const SizedBox(height: 8),
_buildPercentSign(progressPercent),
_buildMinuteSign(remain),
],
),
),
],
);
}
Widget _buildPercentSign(double progressPercent) {
return Opacity(
opacity: Model.percentDisplayOpacity,
child: SizedBox(
width: double.infinity,
child: RichText(
textAlign: TextAlign.center,
text: TextSpan(
children: [
TextSpan(
text: progressPercent.toStringAsFixed(2),
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 26,
fontWeight: FontWeight.bold,
),
),
const WidgetSpan(child: SizedBox(width: 4)),
TextSpan(
text: "%",
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.bold,
)
)
]
)
)
)
);
}
Widget _buildMinuteSign(Map<String, int> remain) {
return Opacity(
opacity: Model.timeDisplayOpacity,
child: SizedBox(
width: double.infinity,
child: RichText(
textAlign: TextAlign.center,
text: TextSpan(
children: [
TextSpan(
text: remain['minutes'].toString(),
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 26,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: ":",
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 28,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: remain['seconds'].toString().padLeft(2, '0'),
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 26,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: ".${remain['fraction']}",
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 22,
fontWeight: FontWeight.bold,
)
)
]
)
)
)
);
}
}
import 'dart:math';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:hourglass/model.dart';
import 'package:hourglass/ad_banner_widget.dart';
import 'package:hourglass/home_page_layout_data.dart';
import 'package:hourglass/sand_fall_stream.dart';
class HomePageLayout02 extends StatelessWidget {
final HomePageLayoutData layoutData;
const HomePageLayout02({super.key, required this.layoutData});
@override
Widget build(BuildContext context) {
final t = Theme.of(context).textTheme;
return Scaffold(
backgroundColor: layoutData.themeColor.mainBackColor,
body: Stack(children:[
Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [layoutData.themeColor.mainBack2Color, layoutData.themeColor.mainBackColor],
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
),
image: DecorationImage(
image: AssetImage('assets/image/tile.png'),
repeat: ImageRepeat.repeat,
opacity: 0.1,
),
),
),
SafeArea(
child: Column(
children: [
SizedBox(
height: 36,
child: Row(
children: [
const SizedBox(width: 10),
Text('HOURGLASS', style: t.titleSmall?.copyWith(color: layoutData.themeColor.mainForeColor)),
const Spacer(),
IconButton(
onPressed: layoutData.openSetting,
icon: Icon(Icons.settings,color: layoutData.themeColor.mainForeColor.withValues(alpha: 0.6)),
),
],
)
),
Expanded(
child: SingleChildScrollView(
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
_buildDigitTimerSet(),
AnimatedBuilder(
animation: layoutData.animationController,
builder: (context, child) {
return _buildAnimatedWidget();
}
),
const SizedBox(height: 50),
],
),
),
),
),
]
),
),
]),
bottomNavigationBar: AdBannerWidget(adManager: layoutData.adManager),
);
}
Widget _buildDigitPicker({required int value,required ValueChanged<int> onSelectedItemChanged}) {
return SizedBox(
width: 60,
height: 140,
child: CupertinoPicker(
scrollController: FixedExtentScrollController(initialItem: value),
itemExtent: 40,
onSelectedItemChanged: onSelectedItemChanged,
children: List.generate(10,
(index) => Center(
child: Text(
'$index',
style: TextStyle(fontSize: 28,color: layoutData.themeColor.mainForeColor),
),
),
),
),
);
}
Widget _buildDigitTimerSet() {
return Center(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
_buildDigitPicker(
value: layoutData.digitHundreds,
onSelectedItemChanged: (v) => layoutData.onHundredsChanged(v),
),
const SizedBox(width: 2),
_buildDigitPicker(
value: layoutData.digitTens,
onSelectedItemChanged: (v) => layoutData.onTensChanged(v),
),
const SizedBox(width: 2),
_buildDigitPicker(
value: layoutData.digitOnes,
onSelectedItemChanged: (v) => layoutData.onOnesChanged(v),
),
],
),
const SizedBox(width: 24),
Column(
children: [
Text('${layoutData.digitHundreds * 100 + layoutData.digitTens * 10 + layoutData.digitOnes} min.',
style: TextStyle(fontSize: 16,color: layoutData.themeColor.mainForeColor)
),
SizedBox(
width: 140,
child: ElevatedButton.icon(
onPressed: () {
layoutData.onStart?.call();
},
icon: Icon(Icons.play_circle_fill),
label: const Text('START'),
),
),
Row(
children: [
SizedBox(
width: 66,
child: Opacity(
opacity: layoutData.animationController.isAnimating ? 1.0 : 0.4,
child: ElevatedButton(
onPressed: layoutData.animationController.isAnimating
? () => layoutData.onPause?.call()
: () {},
child: const Icon(Icons.pause_circle_outline),
),
),
),
const SizedBox(width: 8),
SizedBox(
width: 66,
child: Opacity(
opacity: layoutData.animationController.isAnimating ? 0.4 : 1.0,
child: ElevatedButton(
onPressed: layoutData.animationController.isAnimating
? () {}
: () => layoutData.onResume?.call(),
child: const Icon(Icons.play_circle_outline),
),
),
)
],
),
],
),
],
),
);
}
Widget _buildAnimatedWidget() {
final progressPercent = layoutData.animPercent.value;
final Map<String, int> remain = layoutData.convertProgress(100 - progressPercent, layoutData.minutes);
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.only(left: 8, right: 8),
child: AspectRatio(
aspectRatio: 1,
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
),
clipBehavior: Clip.hardEdge,
child: Stack(
alignment: Alignment.center,
children: [
Image.asset(layoutData.themeColor.backImage),
if (layoutData.maskImage != null)
Positioned.fill(
child: ShaderMask(
shaderCallback: (bounds) {
final scaleX = bounds.width / layoutData.maskImage!.width;
final scaleY = bounds.height / layoutData.maskImage!.height;
return ImageShader(
layoutData.maskImage!,
TileMode.clamp,
TileMode.clamp,
Matrix4.diagonal3Values(scaleX, scaleY, 1).storage,
);
},
blendMode: BlendMode.dstIn,
child: LayoutBuilder(
builder: (context, constraints) {
final h = constraints.maxHeight;
final percent = progressPercent / 100.0;
final double maxDrop = h * 0.175;
final double sandTopOffset = maxDrop * (1.0 - pow(1.0 - percent, 1 / 3));
final double sandBottomOffset = h * (0.13 - 0.13 * percent);
return Stack(
children: [
Positioned(
top: sandTopOffset,
left: 0, right: 0,
child: Image.asset('assets/image/hourglass_sand_top.webp'),
),
Positioned(
top: sandBottomOffset,
left: 0, right: 0,
child: Image.asset('assets/image/hourglass_sand_bottom.webp'),
),
],
);
},
),
),
),
if (progressPercent > 0)
Positioned.fill(
child: LayoutBuilder(
builder: (context, constraints) {
final double h = constraints.maxHeight;
final double w = constraints.maxWidth;
final double percent = progressPercent / 100.0;
final double neckY = h * 0.499;
final double sandSurfaceY = h * 0.68 + (h * (0.13 - 0.13 * percent));
final double dynamicFallDistance = (sandSurfaceY - neckY).clamp(0.0, h);
const double xOffsetRatio = 0.112;
return Stack(
children: [
Positioned(
top: neckY,
left: 0, right: 0,
child: Center(
child: Transform.translate(
offset: Offset(w * xOffsetRatio, 0),
child: SandFallStream(
isRunning: layoutData.animationController.isAnimating && (progressPercent < 100),
width: 1,
fallDistance: dynamicFallDistance,
spawnRate: 1,
radius: 0.7,
),
),
),
),
],
);
},
),
),
Image.asset('assets/image/hourglass_over.webp'),
]
)
)
)
),
const SizedBox(height: 4),
SizedBox(
width: double.infinity,
child: Opacity(
opacity: Model.percentDisplayOpacity,
child: RichText(
textAlign: TextAlign.center,
text: TextSpan(
children: [
TextSpan(
text: progressPercent.toStringAsFixed(2),
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 42,
fontWeight: FontWeight.bold,
),
),
WidgetSpan(child: SizedBox(width: 4)),
TextSpan(
text: "%",
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 32,
fontWeight: FontWeight.bold,
),
),
],
)
)
)
),
SizedBox(
width: double.infinity,
child: Opacity(
opacity: Model.timeDisplayOpacity,
child: RichText(
textAlign: TextAlign.center,
text: TextSpan(
children: [
TextSpan(
text: remain['minutes'].toString(),
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 42,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: ":",
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 36,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: remain['seconds'].toString().padLeft(2, '0'),
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 42,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: ".${remain['fraction']}",
style: GoogleFonts.shareTechMono(
color: Colors.white,
fontSize: 36,
fontWeight: FontWeight.bold,
),
),
],
),
)
)
)
]
)
);
}
}
import 'package:flutter/material.dart';
class LoadingScreen extends StatelessWidget {
const LoadingScreen({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Color.fromRGBO(43, 35, 35, 1.0),
body: const Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(Color.fromRGBO(108, 89, 89, 1.0)),
backgroundColor: Colors.white,
),
SizedBox(height: 16),
Text(
'Loading...',
style: TextStyle(
color: Colors.white,
fontSize: 16,
),
),
],
),
),
);
}
}
import 'dart:io';
import 'package:app_tracking_transparency/app_tracking_transparency.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:hourglass/l10n/app_localizations.dart';
import 'package:hourglass/loading_screen.dart';
import 'package:hourglass/model.dart';
import 'package:hourglass/parse_locale_tag.dart';
import 'package:hourglass/theme_mode_number.dart';
import 'package:hourglass/home_page.dart';
import 'package:hourglass/ad_ump_status.dart';
import 'package:hourglass/ad_manager.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
//ATTを最優先で呼ぶ(広告SDKより前)
if (!kIsWeb && Platform.isIOS) {
final status = await AppTrackingTransparency.trackingAuthorizationStatus;
if (status == TrackingStatus.notDetermined) {
await Future.delayed(const Duration(milliseconds: 300));
await AppTrackingTransparency.requestTrackingAuthorization();
}
}
//UI設定
SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
SystemChrome.setSystemUIOverlayStyle(
const SystemUiOverlayStyle(
systemNavigationBarColor: Colors.transparent,
statusBarColor: Colors.transparent,
systemNavigationBarContrastEnforced: false,
systemStatusBarContrastEnforced: false,
),
);
runApp(const MainApp());
}
class MainApp extends StatefulWidget {
const MainApp({super.key});
static MainAppState of(BuildContext context) {
return context.findAncestorStateOfType<MainAppState>()!;
}
@override
State<MainApp> createState() => MainAppState();
}
class MainAppState extends State<MainApp> {
ThemeMode _themeMode = ThemeMode.system;
Locale? _locale;
bool _hasError = false;
bool _isReady = false;
@override
void initState() {
super.initState();
_initState();
}
void _initState() async {
try {
//アプリの基本データ
await Model.ensureReady();
//UMP(ATTの後)
final umpController = UmpConsentController();
await umpController.updateConsentInfo();
//Mobile Ads SDK(同意確定後)
await MobileAds.instance.initialize();
//自前の広告設定
await AdManager.initForNPA();
//UI更新
if (mounted) {
setState(() {
_themeMode = ThemeModeNumber.numberToThemeMode(Model.themeNumber);
_locale = parseLocaleTag(Model.languageCode);
_isReady = true;
});
}
} catch (e) {
if (mounted) {
setState(() {
_hasError = true;
});
}
}
}
void rebuildApp() {
setState(() {
_themeMode = ThemeModeNumber.numberToThemeMode(Model.themeNumber);
_locale = parseLocaleTag(Model.languageCode);
});
}
Color _getRainbowAccentColor(int hue) {
return HSVColor.fromAHSV(1.0, hue.toDouble(), 1.0, 1.0).toColor();
}
ThemeData _createTheme(Brightness brightness, Color seed) {
return ThemeData(
useMaterial3: true,
colorScheme: ColorScheme.fromSeed(seedColor: seed, brightness: brightness),
appBarTheme: const AppBarTheme(backgroundColor: Colors.transparent),
elevatedButtonTheme: ElevatedButtonThemeData(
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
),
),
sliderTheme: SliderThemeData(
showValueIndicator: ShowValueIndicator.onDrag,
valueIndicatorTextStyle: TextStyle(
color: brightness == Brightness.light ? Colors.white : Colors.black,
),
),
);
}
@override
Widget build(BuildContext context) {
if (_hasError) {
return _buildErrorMessage();
}
Color seed = _getRainbowAccentColor(Model.schemeColor);
return MaterialApp(
debugShowCheckedModeBanner: false,
localizationsDelegates: AppLocalizations.localizationsDelegates,
supportedLocales: AppLocalizations.supportedLocales,
locale: _locale,
themeMode: _themeMode,
theme: _createTheme(Brightness.light, seed),
darkTheme: _createTheme(Brightness.dark, seed),
home: _isReady ? const MainHomePage() : const Scaffold(body: LoadingScreen()),
);
}
Widget _buildErrorMessage() {
return const MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: Padding(
padding: EdgeInsets.all(24.0),
child: Text(
'Initialization failed. Please restart the app.',
textAlign: TextAlign.center,
),
),
),
),
);
}
}
import 'dart:ui' as ui;
import 'package:shared_preferences/shared_preferences.dart';
import 'package:hourglass/l10n/app_localizations.dart';
import 'package:hourglass/const_value.dart';
class Model {
Model._();
static const String _prefMinute = 'minute';
static const String _prefWakelockEnabled = 'wakelockEnabled';
static const String _prefSoundEnabled = 'soundEnabled';
static const String _prefSoundVolume = 'soundVolume';
static const String _prefSoundSelect = 'soundSelect';
static const String _prefVibrateEnabled = 'vibrateEnabled';
static const String _prefLayoutId = 'layoutId';
static const String _prefBackImageId = 'backImageId';
static const String _prefSchemeColor = 'schemeColor';
static const String _prefPercentDisplayOpacity = 'percentDisplayOpacity';
static const String _prefTimeDisplayOpacity = 'timeDisplayOpacity';
static const String _prefThemeNumber = 'themeNumber';
static const String _prefLanguageCode = 'languageCode';
static bool _ready = false;
static int _minute = 3;
static bool _wakelockEnabled = true;
static bool _soundEnabled = true;
static double _soundVolume = 1.0;
static int _soundSelect = 0;
static bool _vibrateEnabled = true;
static int _layoutId = 1;
static int _backImageId = 0;
static int _schemeColor = 30;
static double _percentDisplayOpacity = 1.0;
static double _timeDisplayOpacity = 1.0;
static int _themeNumber = 0;
static String _languageCode = '';
static int get minute => _minute;
static bool get wakelockEnabled => _wakelockEnabled;
static bool get soundEnabled => _soundEnabled;
static double get soundVolume => _soundVolume;
static int get soundSelect => _soundSelect;
static bool get vibrateEnabled => _vibrateEnabled;
static int get layoutId => _layoutId;
static int get backImageId => _backImageId;
static int get schemeColor => _schemeColor;
static double get percentDisplayOpacity => _percentDisplayOpacity;
static double get timeDisplayOpacity => _timeDisplayOpacity;
static int get themeNumber => _themeNumber;
static String get languageCode => _languageCode;
static Future<void> ensureReady() async {
if (_ready) {
return;
}
final SharedPreferences prefs = await SharedPreferences.getInstance();
//
_minute = (prefs.getInt(_prefMinute) ?? 3).clamp(1, 999);
_wakelockEnabled = prefs.getBool(_prefWakelockEnabled) ?? true;
_soundEnabled = prefs.getBool(_prefSoundEnabled) ?? true;
_soundVolume = (prefs.getDouble(_prefSoundVolume) ?? 1.0).clamp(0.0, 1.0);
_soundSelect = (prefs.getInt(_prefSoundSelect) ?? 0).clamp(0, finishSounds.length - 1);
_vibrateEnabled = prefs.getBool(_prefVibrateEnabled) ?? true;
_layoutId = (prefs.getInt(_prefLayoutId) ?? 1).clamp(1, 2);
_backImageId = (prefs.getInt(_prefBackImageId) ?? 0).clamp(0, 7);
_schemeColor = (prefs.getInt(_prefSchemeColor) ?? 30).clamp(0, 360);
_percentDisplayOpacity = (prefs.getDouble(_prefPercentDisplayOpacity) ?? 1.0).clamp(0.0, 1.0);
_timeDisplayOpacity = (prefs.getDouble(_prefTimeDisplayOpacity) ?? 1.0).clamp(0.0, 1.0);
_themeNumber = (prefs.getInt(_prefThemeNumber) ?? 0).clamp(0, 2);
_languageCode = prefs.getString(_prefLanguageCode) ?? ui.PlatformDispatcher.instance.locale.languageCode;
_languageCode = _resolveLanguageCode(_languageCode);
_ready = true;
}
static String _resolveLanguageCode(String code) {
final supported = AppLocalizations.supportedLocales;
if (supported.any((l) => l.languageCode == code)) {
return code;
} else {
return '';
}
}
static Future<void> setMinute(int value) async {
_minute = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefMinute, value);
}
static Future<void> setWakelockEnabled(bool value) async {
_wakelockEnabled = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setBool(_prefWakelockEnabled, value);
}
static Future<void> setSoundEnabled(bool value) async {
_soundEnabled = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setBool(_prefSoundEnabled, value);
}
static Future<void> setSoundVolume(double value) async {
_soundVolume = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setDouble(_prefSoundVolume, value);
}
static Future<void> setSoundSelect(int value) async {
_soundSelect = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefSoundSelect, value);
}
static Future<void> setVibrateEnabled(bool value) async {
_vibrateEnabled = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setBool(_prefVibrateEnabled, value);
}
static Future<void> setLayoutId(int value) async {
_layoutId = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefLayoutId, value);
}
static Future<void> setBackImageId(int value) async {
_backImageId = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefBackImageId, value);
}
static Future<void> setSchemeColor(int value) async {
_schemeColor = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefSchemeColor, value);
}
static Future<void> setPercentDisplayOpacity(double value) async {
_percentDisplayOpacity = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setDouble(_prefPercentDisplayOpacity, value);
}
static Future<void> setTimeDisplayOpacity(double value) async {
_timeDisplayOpacity = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setDouble(_prefTimeDisplayOpacity, value);
}
static Future<void> setThemeNumber(int value) async {
_themeNumber = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefThemeNumber, value);
}
static Future<void> setLanguageCode(String value) async {
_languageCode = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setString(_prefLanguageCode, value);
}
}
import 'dart:ui';
Locale? parseLocaleTag(String tag) {
if (tag.isEmpty) {
return null;
}
final parts = tag.split('-');
final language = parts[0];
String? script, country;
if (parts.length >= 2) {
parts[1].length == 4 ? script = parts[1] : country = parts[1];
}
if (parts.length >= 3) {
parts[2].length == 4 ? script = parts[2] : country = parts[2];
}
return Locale.fromSubtags(
languageCode: language,
scriptCode: script,
countryCode: country,
);
}
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:flutter/scheduler.dart';
class SandFallStream extends StatefulWidget {
final Color sandColor;
final double width;
final double fallDistance;
final double spawnRate;
final double radius;
final bool isRunning;
const SandFallStream({
super.key,
this.sandColor = const Color.fromRGBO(148,99,39, 1.0),
this.width = 7.0,
this.fallDistance = 200.0,
this.spawnRate = 1,
this.radius = 1,
required this.isRunning,
});
@override
State<SandFallStream> createState() => _SandFallStreamState();
}
class _SandFallStreamState extends State<SandFallStream> with SingleTickerProviderStateMixin {
final List<_SandParticle> _particles = [];
late Ticker _ticker;
final Random _random = Random();
@override
void initState() {
super.initState();
// Tickerを作成するが、最初は動かさない（またはwidget.isRunningがtrueなら開始）
_ticker = createTicker((_) => _updateSimulation());
if (widget.isRunning) _ticker.start();
}
//親ウィジェットの状態（isRunning）が変わったことを検知する
@override
void didUpdateWidget(SandFallStream oldWidget) {
super.didUpdateWidget(oldWidget);
// 停止中から開始に変わった時、Tickerが止まっていたら再起動する
if (widget.isRunning && !_ticker.isActive) {
_ticker.start();
}
}
@override
void dispose() {
_ticker.dispose();
super.dispose();
}
void _updateSimulation() {
//砂の生成判定
if (widget.isRunning) {
for (int i = 0; i < 2; i++) { //2粒同時に出る
if (_random.nextDouble() < widget.spawnRate) {
_particles.add(_SandParticle(
position: Offset(_random.nextDouble() * widget.width - (widget.width / 2), 0),
velocity: Offset(_random.nextDouble() * 0.1 - 0.05, 0.4 + _random.nextDouble() * 0.2),
radius: widget.radius + _random.nextDouble() * 0.3,
));
}
}
}
//落下計算
for (int i = _particles.length - 1; i >= 0; i--) {
_particles[i].update(widget.fallDistance);
if (_particles[i].isDead) {
_particles.removeAt(i);
}
}
//砂が空っぽ、かつ新規生成も止まっているならTickerを止める
if (_particles.isEmpty && !widget.isRunning) {
_ticker.stop();
}
setState(() {});
}
@override
Widget build(BuildContext context) {
if (_particles.isEmpty && !widget.isRunning) {
return const SizedBox.shrink();
}
return CustomPaint(
painter: _SandPainter(_particles, widget.sandColor, widget.fallDistance),
);
}
}
/// 砂粒のデータモデル
class _SandParticle {
Offset position;
Offset velocity;
final double radius;
double opacity = 1.0;
bool isDead = false;
_SandParticle({
required this.position,
required this.velocity,
required this.radius,
});
void update(double fallDistance) {
// 重力の影響（速度半分設定）
velocity += const Offset(0, 0.125);
position += velocity;
// 終盤20%の距離でフェードアウト
double fadeStart = fallDistance * 0.8;
if (position.dy > fadeStart) {
opacity = ((fallDistance - position.dy) / (fallDistance - fadeStart)).clamp(0.0, 1.0);
}
// 削除フラグ
if (position.dy > fallDistance || opacity <= 0) {
isDead = true;
}
}
}
/// 描画ロジック
class _SandPainter extends CustomPainter {
final List<_SandParticle> particles;
final Color baseColor;
final double fallDistance;
_SandPainter(this.particles, this.baseColor, this.fallDistance);
@override
void paint(Canvas canvas, Size size) {
for (final p in particles) {
// --- 色の変化ロジック ---
// 落下の割合を 0.0 ～ 1.0 で計算
double ratio = (p.position.dy / fallDistance).clamp(0.0, 1.0);
Color brightColor = Color.lerp(
baseColor,
const Color.fromRGBO(250,235,186, 1.0),
ratio
)!;
final paint = Paint()..color = brightColor.withValues(alpha: p.opacity);
canvas.drawCircle(
Offset(size.width / 2 + p.position.dx, p.position.dy),
p.radius,
paint
);
}
}
@override
bool shouldRepaint(covariant CustomPainter oldDelegate) => true;
}
import "package:audioplayers/audioplayers.dart";
import "package:flutter/material.dart";
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:in_app_review/in_app_review.dart';
import "package:hourglass/l10n/app_localizations.dart";
import "package:hourglass/ad_banner_widget.dart";
import "package:hourglass/ad_manager.dart";
import "package:hourglass/ad_ump_status.dart";
import 'package:hourglass/loading_screen.dart';
import 'package:hourglass/theme_color.dart';
import 'package:hourglass/model.dart';
import "package:hourglass/const_value.dart";
import 'package:hourglass/_secrets.dart';
class SettingPage extends StatefulWidget {
const SettingPage({super.key});
@override
State<SettingPage> createState() => _SettingPageState();
}
class _SettingPageState extends State<SettingPage> {
late AdManager _adManager;
late UmpConsentController _adUmp;
AdUmpState _adUmpState = AdUmpState.initial;
int _themeNumber = 0;
String _languageCode = '';
late ThemeColor _themeColor;
final _inAppReview = InAppReview.instance;
bool _isReady = false;
bool _isFirst = true;
//
bool _soundEnabled = true;
double _soundVolume = 1.0;
int _soundSelect = 0;
bool _vibrateEnabled = true;
int _layoutId = 1;
int _backImageId = 0;
bool _wakelockEnabled = true;
int _schemeColor = 0;
Color _accentColor = Colors.red;
double _percentDisplayOpacity = 1.0;
double _timeDisplayOpacity = 1.0;
//
late AudioPlayer _audioPlayer;
@override
void initState() {
super.initState();
_initState();
}
void _initState() async {
_adManager = AdManager();
_audioPlayer = AudioPlayer();
_themeNumber = Model.themeNumber;
_languageCode = Model.languageCode;
//
_adUmp = UmpConsentController();
_refreshConsentInfo();
//
_soundEnabled = Model.soundEnabled;
_soundVolume = Model.soundVolume;
_soundSelect = Model.soundSelect;
_vibrateEnabled = Model.vibrateEnabled;
_layoutId = Model.layoutId;
_backImageId = Model.backImageId;
_wakelockEnabled = Model.wakelockEnabled;
_schemeColor = Model.schemeColor;
_accentColor = _getRainbowAccentColor(_schemeColor);
_percentDisplayOpacity = Model.percentDisplayOpacity;
_timeDisplayOpacity = Model.timeDisplayOpacity;
setState(() {
_isReady = true;
});
}
@override
void dispose() {
_audioPlayer.stop();
_audioPlayer.dispose();
_adManager.dispose();
super.dispose();
}
Future<void> _refreshConsentInfo() async {
_adUmpState = await _adUmp.updateConsentInfo(current: _adUmpState);
if (mounted) {
setState(() {});
}
}
Future<void> _onTapPrivacyOptions() async {
final err = await _adUmp.showPrivacyOptions();
await _refreshConsentInfo();
if (err != null && mounted) {
final l = AppLocalizations.of(context)!;
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('${l.cmpErrorOpeningSettings} ${err.message}')),
);
}
}
Color _getRainbowAccentColor(int hue) {
return HSVColor.fromAHSV(1.0, hue.toDouble(), 1.0, 1.0).toColor();
}
void _onApply() async {
await Model.setSoundEnabled(_soundEnabled);
await Model.setSoundVolume(_soundVolume);
await Model.setSoundSelect(_soundSelect);
await Model.setVibrateEnabled(_vibrateEnabled);
await Model.setLayoutId(_layoutId);
await Model.setBackImageId(_backImageId);
await Model.setWakelockEnabled(_wakelockEnabled);
await Model.setSchemeColor(_schemeColor);
await Model.setPercentDisplayOpacity(_percentDisplayOpacity);
await Model.setTimeDisplayOpacity(_timeDisplayOpacity);
await Model.setThemeNumber(_themeNumber);
await Model.setLanguageCode(_languageCode);
if (!mounted) {
return;
}
Navigator.of(context).pop(true);
}
@override
Widget build(BuildContext context) {
if (!_isReady) {
return LoadingScreen();
}
if (_isFirst) {
_isFirst = false;
_themeColor = ThemeColor(themeNumber: Model.themeNumber, context: context);
}
final l = AppLocalizations.of(context)!;
return Scaffold(
backgroundColor: _themeColor.backColor,
appBar: AppBar(
backgroundColor: Colors.transparent,
leading: IconButton(
icon: const Icon(Icons.close),
onPressed: () => Navigator.of(context).pop(false)
),
actions: [
Padding(
padding: const EdgeInsets.only(right: 10),
child:IconButton(
icon: const Icon(Icons.check),
onPressed: _onApply,
)
),
],
),
body: SafeArea(
child: Column(children:[
Expanded(
child: GestureDetector(
onTap: () => FocusScope.of(context).unfocus(), //背景タップでキーボードを仕舞う
child: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.only(left: 16, right: 16, top: 0, bottom: 100),
child: Column(children: [
_buildSound(l),
_buildVibrateEnabled(l),
_buildProgressOpacity(l),
_buildLayoutId(l),
_buildBackImageId(l),
_buildWakelockEnabled(l),
_buildSchemeColor(l),
_buildTheme(l),
_buildLanguage(l),
_buildReview(l),
_buildCmp(l),
]),
),
),
),
),
])
),
bottomNavigationBar: AdBannerWidget(adManager: _adManager),
);
}
Widget _buildSound(AppLocalizations l) {
final TextTheme t = Theme.of(context).textTheme;
return SizedBox(
width: double.infinity,
child: Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
shadowColor: Colors.transparent,
surfaceTintColor: Colors.transparent,
child: Column(children: [
SwitchListTile(
title: Text(l.soundEnabled, style: t.bodyMedium),
value: _soundEnabled,
onChanged: (value) => setState(() => _soundEnabled = value),
),
Padding(
padding: const EdgeInsets.only(left: 16, right: 16),
child: Row(
children: [
Expanded(
child: Text(
l.soundVolume,
style: t.bodyMedium,
softWrap: true,
overflow: TextOverflow.visible,
),
),
],
),
),
Padding(
padding: const EdgeInsets.only(left: 16, right: 16),
child: Row(
children: <Widget>[
Text(_soundVolume.toStringAsFixed(1)),
Expanded(
child: Slider(
value: _soundVolume,
min: 0.0,
max: 1.0,
divisions: 10,
label: _soundVolume.toStringAsFixed(1),
onChanged: (double value) {
setState(() {
_soundVolume = value;
});
}
),
)
],
),
),
ListTile(
title: Text(l.soundSelect, style: t.bodyMedium),
trailing: DropdownButton<int>(
value: _soundSelect,
items: finishSounds.map((sound) {
return DropdownMenuItem<int>(
value: sound['key'],
child: Text(sound['name']),
);
}).toList(),
onChanged: (value) {
if (value != null) {
setState(() => _soundSelect = value);
final selected = finishSounds.firstWhere((s) => s['key'] == value);
_audioPlayer.play(AssetSource('sound/${selected['file']}'));
}
},
),
),
])
)
);
}
Widget _buildVibrateEnabled(AppLocalizations l) {
final TextTheme t = Theme.of(context).textTheme;
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: Row(
children: [
Expanded(
child: Text(
l.vibrateEnabled,
style: t.bodyMedium,
),
),
Switch(
value: _vibrateEnabled,
onChanged: (value) {
setState(() {
_vibrateEnabled = value;
});
},
),
],
),
)
);
}
Widget _buildProgressOpacity(AppLocalizations l) {
return Column(
children: [
Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(12),
topRight: Radius.circular(12),
bottomLeft: Radius.circular(0),
bottomRight: Radius.circular(0),
),
),
color: _themeColor.cardColor,
elevation: 0,
shadowColor: Colors.transparent,
surfaceTintColor: Colors.transparent,
child: Column(
children: [
Padding(
padding: const EdgeInsets.only(left: 16, right: 16, top: 16),
child: Row(
children: [
Text(l.percentDisplayOpacity),
const Spacer(),
],
),
),
Padding(
padding: const EdgeInsets.only(left: 16, right: 16),
child: Row(
children: <Widget>[
Text(_percentDisplayOpacity.toStringAsFixed(2)),
Expanded(
child: Slider(
value: _percentDisplayOpacity,
min: 0.0,
max: 1.0,
divisions: 20,
label: _percentDisplayOpacity.toStringAsFixed(2),
onChanged: (double value) {
setState(() {
_percentDisplayOpacity = value;
});
}
)
),
],
),
),
],
)
),
Card(
margin: const EdgeInsets.only(left: 0, top: 2, right: 0, bottom: 0),
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(0),
topRight: Radius.circular(0),
bottomLeft: Radius.circular(12),
bottomRight: Radius.circular(12),
),
),
color: _themeColor.cardColor,
elevation: 0,
shadowColor: Colors.transparent,
surfaceTintColor: Colors.transparent,
child: Column(
children: [
Padding(
padding: const EdgeInsets.only(left: 16, right: 16, top: 16),
child: Row(
children: [
Text(l.timeDisplayOpacity),
const Spacer(),
],
),
),
Padding(
padding: const EdgeInsets.only(left: 16, right: 16),
child: Row(
children: <Widget>[
Text(_timeDisplayOpacity.toStringAsFixed(2)),
Expanded(
child: Slider(
value: _timeDisplayOpacity,
min: 0.0,
max: 1.0,
divisions: 20,
label: _timeDisplayOpacity.toStringAsFixed(2),
onChanged: (double value) {
setState(() {
_timeDisplayOpacity = value;
});
}
)
),
],
),
),
],
)
),
]
);
}
Widget _buildLayoutId(AppLocalizations l) {
final TextTheme t = Theme.of(context).textTheme;
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: Row(
children: [
Expanded(
child: Text(
l.layout,
style: t.bodyMedium,
),
),
DropdownButton<int>(
value: _layoutId,
items: [
DropdownMenuItem(value: 1, child: Text(l.layoutFullScreen)),
DropdownMenuItem(value: 2, child: Text(l.layoutWindowed)),
],
onChanged: (value) {
if (value != null) {
setState(() {
_layoutId = value;
});
}
},
),
],
),
),
);
}
Widget _buildBackImageId(AppLocalizations l) {
final TextTheme t = Theme.of(context).textTheme;
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: Row(
children: [
Expanded(
child: Text(
l.backImage,
style: t.bodyMedium,
),
),
DropdownButton<int>(
value: _backImageId,
items: [
DropdownMenuItem(value: 0, child: Text(l.backImage0)),
DropdownMenuItem(value: 1, child: Text(l.backImage1)),
DropdownMenuItem(value: 2, child: Text(l.backImage2)),
DropdownMenuItem(value: 3, child: Text(l.backImage3)),
DropdownMenuItem(value: 4, child: Text(l.backImage4)),
DropdownMenuItem(value: 5, child: Text(l.backImage5)),
DropdownMenuItem(value: 6, child: Text(l.backImage6)),
DropdownMenuItem(value: 7, child: Text(l.backImage7)),
],
onChanged: (value) {
if (value != null) {
setState(() {
_backImageId = value;
});
}
},
),
],
),
),
);
}
Widget _buildWakelockEnabled(AppLocalizations l) {
final TextTheme t = Theme.of(context).textTheme;
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: Row(
children: [
Expanded(
child: Text(
l.wakelockEnabled,
style: t.bodyMedium,
),
),
Switch(
value: _wakelockEnabled,
onChanged: (value) {
setState(() {
_wakelockEnabled = value;
});
},
),
],
),
),
);
}
Widget _buildSchemeColor(AppLocalizations l) {
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
shadowColor: Colors.transparent,
surfaceTintColor: Colors.transparent,
child: Column(
children: [
Padding(
padding: const EdgeInsets.only(left: 16, right: 16, top: 16),
child: Row(
children: [
Text(l.colorScheme),
const Spacer(),
],
),
),
Padding(
padding: const EdgeInsets.only(left: 16, right: 16),
child: Row(
children: <Widget>[
Text(_schemeColor.toStringAsFixed(0)),
Expanded(
child: SliderTheme(
data: SliderTheme.of(context).copyWith(
activeTrackColor: _accentColor,
inactiveTrackColor: _accentColor.withValues(alpha: 0.3),
thumbColor: _accentColor,
overlayColor: _accentColor.withValues(alpha: 0.2),
valueIndicatorColor: _accentColor,
),
child: Slider(
value: _schemeColor.toDouble(),
min: 0,
max: 360,
divisions: 360,
label: _schemeColor.toString(),
onChanged: (double value) {
setState(() {
_schemeColor = value.toInt();
_accentColor = _getRainbowAccentColor(_schemeColor);
});
}
)
)
),
],
),
),
],
)
);
}
Widget _buildTheme(AppLocalizations l) {
final TextTheme t = Theme.of(context).textTheme;
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: Row(
children: [
Expanded(
child: Text(
l.theme,
style: t.bodyMedium,
),
),
DropdownButton<int>(
value: _themeNumber,
items: [
DropdownMenuItem(value: 0, child: Text(l.systemSetting)),
DropdownMenuItem(value: 1, child: Text(l.lightTheme)),
DropdownMenuItem(value: 2, child: Text(l.darkTheme)),
],
onChanged: (value) {
if (value != null) {
setState(() {
_themeNumber = value;
});
}
},
),
],
),
),
);
}
Widget _buildLanguage(AppLocalizations l) {
final Map<String,String> languageNames = {
'af': 'af: Afrikaans',
'ar': 'ar: العربية',
'bg': 'bg: Български',
'bn': 'bn: বাংলা',
'bs': 'bs: Bosanski',
'ca': 'ca: Català',
'cs': 'cs: Čeština',
'da': 'da: Dansk',
'de': 'de: Deutsch',
'el': 'el: Ελληνικά',
'en': 'en: English',
'es': 'es: Español',
'et': 'et: Eesti',
'fa': 'fa: فارسی',
'fi': 'fi: Suomi',
'fil': 'fil: Filipino',
'fr': 'fr: Français',
'gu': 'gu: ગુજરાતી',
'he': 'he: עברית',
'hi': 'hi: हिन्दी',
'hr': 'hr: Hrvatski',
'hu': 'hu: Magyar',
'id': 'id: Bahasa Indonesia',
'it': 'it: Italiano',
'ja': 'ja: 日本語',
//'jv': 'jv: Basa Jawa', //flutterのサポート外
'km': 'km: ខ្មែរ',
'kn': 'kn: ಕನ್ನಡ',
'ko': 'ko: 한국어',
'lt': 'lt: Lietuvių',
'lv': 'lv: Latviešu',
'ml': 'ml: മലയാളം',
'mr': 'mr: मराठी',
'ms': 'ms: Bahasa Melayu',
'my': 'my: မြန်မာ',
'ne': 'ne: नेपाली',
'nl': 'nl: Nederlands',
'or': 'or: ଓଡ଼ିଆ',
'pa': 'pa: ਪੰਜਾਬੀ',
'pl': 'pl: Polski',
'pt': 'pt: Português',
'ro': 'ro: Română',
'ru': 'ru: Русский',
'si': 'si: සිංහල',
'sk': 'sk: Slovenčina',
'sr': 'sr: Српски',
'sv': 'sv: Svenska',
'sw': 'sw: Kiswahili',
'ta': 'ta: தமிழ்',
'te': 'te: తెలుగు',
'th': 'th: ไทย',
'tl': 'tl: Tagalog',
'tr': 'tr: Türkçe',
'uk': 'uk: Українська',
'ur': 'ur: اردو',
'uz': 'uz: Oʻzbekcha',
'vi': 'vi: Tiếng Việt',
'zh': 'zh: 中文',
'zu': 'zu: isiZulu',
};
final TextTheme t = Theme.of(context).textTheme;
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
shadowColor: Colors.transparent,
surfaceTintColor: Colors.transparent,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: Row(
children: [
Expanded(
child: Text(
l.language,
style: t.bodyMedium,
),
),
DropdownButton<String?>(
value: _languageCode,
items: [
DropdownMenuItem(value: '', child: Text('Default')),
...languageNames.entries.map((entry) => DropdownMenuItem<String?>(
value: entry.key,
child: Text(entry.value),
)),
],
onChanged: (String? value) {
setState(() {
_languageCode = value ?? '';
});
},
),
],
),
),
);
}
Widget _buildReview(AppLocalizations l) {
final TextTheme t = Theme.of(context).textTheme;
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(l.reviewApp, style: t.bodyMedium),
const SizedBox(height: 8),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
OutlinedButton.icon(
icon: Icon(Icons.open_in_new, size: 16),
label: Text(l.reviewStore, style: t.bodySmall),
style: OutlinedButton.styleFrom(
padding: const EdgeInsets.symmetric(vertical: 1, horizontal: 12),
side: BorderSide(color: Theme.of(context).colorScheme.primary),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
),
),
onPressed: () async {
await _inAppReview.openStoreListing(
appStoreId: Secrets.appStoreId,
);
},
),
],
),
],
),
),
);
}
Widget _buildCmp(AppLocalizations l) {
final TextTheme t = Theme.of(context).textTheme;
final showButton = _adUmpState.privacyStatus == PrivacyOptionsRequirementStatus.required;
String statusLabel = l.cmpCheckingRegion;
IconData statusIcon = Icons.help_outline;
switch (_adUmpState.privacyStatus) {
case PrivacyOptionsRequirementStatus.required:
statusLabel = l.cmpRegionRequiresSettings;
statusIcon = Icons.privacy_tip_outlined;
break;
case PrivacyOptionsRequirementStatus.notRequired:
statusLabel = l.cmpRegionNoSettingsRequired;
statusIcon = Icons.check_circle_outline;
break;
case PrivacyOptionsRequirementStatus.unknown:
statusLabel = l.cmpRegionCheckFailed;
statusIcon = Icons.error_outline;
break;
}
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
l.cmpSettingsTitle,
style: t.bodyMedium,
),
const SizedBox(height: 8),
Text(
l.cmpConsentDescription,
style: t.bodySmall,
),
const SizedBox(height: 16),
Center(
child: Column(
children: [
Chip(
avatar: Icon(statusIcon, size: 18),
label: Text(statusLabel),
),
const SizedBox(height: 6),
Text(
'${l.cmpConsentStatusLabel} ${_adUmpState.consentStatus.localized(context)}',
style: t.bodySmall,
),
if (showButton) ...[
const SizedBox(height: 16),
ElevatedButton.icon(
onPressed: _adUmpState.isChecking
? null
: _onTapPrivacyOptions,
icon: const Icon(Icons.settings),
label: Text(
_adUmpState.isChecking
? l.cmpConsentStatusChecking
: l.cmpOpenConsentSettings,
),
),
const SizedBox(height: 12),
OutlinedButton.icon(
onPressed: _adUmpState.isChecking
? null
: _refreshConsentInfo,
icon: const Icon(Icons.refresh),
label: Text(l.cmpRefreshStatus),
),
const SizedBox(height: 12),
OutlinedButton.icon(
onPressed: () async {
final messenger = ScaffoldMessenger.of(context);
final message = l.cmpResetStatusDone;
await ConsentInformation.instance.reset();
await _refreshConsentInfo();
if (!mounted) {
return;
}
messenger.showSnackBar(
SnackBar(content: Text(message)),
);
},
icon: const Icon(Icons.delete_sweep_outlined),
label: Text(l.cmpResetStatus),
),
],
],
),
),
],
),
),
);
}
}
import 'package:flutter/material.dart';
import 'package:hourglass/model.dart';
class ThemeColor {
final int? themeNumber;
final BuildContext context;
ThemeColor({this.themeNumber, required this.context});
Brightness get _effectiveBrightness {
switch (themeNumber) {
case 1:
return Brightness.light;
case 2:
return Brightness.dark;
default:
return Theme.of(context).brightness;
}
}
Color _getRainbowAccentColor(int hue, double saturation) {
return HSVColor.fromAHSV(1.0, hue.toDouble(), saturation, 1.0).toColor();
}
bool get _isLight => _effectiveBrightness == Brightness.light;
//main page
Color get mainBackColor => _isLight ? Color.fromRGBO(106, 69, 51, 1.0) : Color.fromRGBO(40,20,20, 1.0);
Color get mainBack2Color => _isLight ? Color.fromRGBO(21, 11, 8, 1.0) : Color.fromRGBO(0, 0, 0, 1.0);
Color get mainCardColor => _isLight ? Color.fromRGBO(255, 255, 255, 1.0) : Color.fromRGBO(51, 51, 51, 1.0);
Color get mainForeColor => _isLight ? Color.fromRGBO(255, 255, 255, 0.7) : Color.fromRGBO(255, 255, 255, 0.7);
Color get mainAccentForeColor => _getRainbowAccentColor(Model.schemeColor,0.6);
String get backImage {
String hourglassBase = 'assets/image/hourglass_base0.webp';
if (Model.backImageId == 0) {
hourglassBase = 'assets/image/hourglass_base0.webp';
} else if (Model.backImageId == 1) {
hourglassBase = 'assets/image/hourglass_base1.webp';
} else if (Model.backImageId == 2) {
hourglassBase = 'assets/image/hourglass_base2.webp';
} else if (Model.backImageId == 3) {
hourglassBase = 'assets/image/hourglass_base3.webp';
} else if (Model.backImageId == 4) {
hourglassBase = 'assets/image/hourglass_base4.webp';
} else if (Model.backImageId == 5) {
hourglassBase = 'assets/image/hourglass_base5.webp';
} else if (Model.backImageId == 6) {
hourglassBase = 'assets/image/hourglass_base6.webp';
} else if (Model.backImageId == 7) {
hourglassBase = 'assets/image/hourglass_base7.webp';
}
return hourglassBase;
}
//setting page
Color get backColor => _isLight ? Colors.grey[200]! : Colors.grey[900]!;
Color get cardColor => _isLight ? Colors.white : Colors.grey[800]!;
Color get appBarForegroundColor => _isLight ? Colors.grey[700]! : Colors.white70;
Color get dropdownColor => cardColor;
Color get borderColor => _isLight ? Colors.grey[300]! : Colors.grey[700]!;
Color get inputFillColor => _isLight ? Colors.grey[50]! : Colors.grey[900]!;
}
import 'package:flutter/material.dart';
class ThemeModeNumber {
static ThemeMode numberToThemeMode(int value) {
switch (value) {
case 1:
return ThemeMode.light;
case 2:
return ThemeMode.dark;
default:
return ThemeMode.system;
}
}
}
このページのQRコード
便利ウェブサイト
便利 Steam アプリ
便利 Android アプリ
