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.9.6+23
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_settings: ^7.0.0
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
config:
enable-swift-package-manager: true
assets:
- assets/icon/
- assets/image/
- assets/sound/
/// Copyright© ao-system, Inc.
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();
}
},
),
);
}
}
/// Copyright© ao-system, Inc.
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();
_retryTimer = null;
_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();
_retryTimer = null;
_retryAttempt = 0;
final cb = _onLoadedCb;
if (cb != null) {
cb();
}
},
onAdFailedToLoad: (ad, err) {
ad.dispose();
_scheduleRetry();
},
),
)..load();
}
void _scheduleRetry() {
if (kIsWeb) return;
_retryTimer?.cancel();
_retryTimer = null;
_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();
_retryTimer = null;
}
}
/// Copyright© ao-system, Inc.
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 AdUmpConsentController {
//デバッグ用：同意フォームの表示テスト：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;
}
}
class AdUmpService {
final AdUmpConsentController _adUmpConsentController = AdUmpConsentController();
Future<AdUmpState> updateConsentInfo(AdUmpState current) async {
return await _adUmpConsentController.updateConsentInfo(current: current);
}
Future<void> requestConsentInfoUpdate(ConsentRequestParameters params) async {
final completer = Completer<void>();
ConsentInformation.instance.requestConsentInfoUpdate(
params,
() => completer.complete(),
(FormError error) => completer.completeError(error),
);
return completer.future;
}
Future<FormError?> showPrivacyOptions() async {
return await _adUmpConsentController.showPrivacyOptions();
}
}
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;
}
}
}
/// Copyright© ao-system, Inc.
import 'package:flutter/services.dart';
///App Tracking Transparency サービス
///iOS 14以降で広告トラッキングの許可をリクエストする
class AttService {
//チャンネル名をiOS側と一致させる
static const _channel = MethodChannel('aosystem.att');
static final AttService _instance = AttService._internal();
factory AttService() => _instance;
AttService._internal();
///トラッキング許可をリクエスト
///戻り値: AttStatus (enum)
Future<AttStatus> requestTracking() async {
try {
//iOS側からInt値を受け取る
final result = await _channel.invokeMethod<int>('requestTracking');
//enumに変換して返却
return parseAttStatus(result);
} on MissingPluginException catch (_) {
//ハンドラ未登録(iOS以外/旧バイナリ等)はアプリ全体を落とさない
return AttStatus.unknown;
} on PlatformException catch (_) {
return AttStatus.unknown;
}
}
///現在のトラッキング許可状態を取得
///戻り値:AttStatus(enum)
Future<AttStatus> getTrackingStatus() async {
try {
//iOS側からInt値を受け取る
final result = await _channel.invokeMethod<int>('getTrackingStatus');
//enumに変換して返却
return parseAttStatus(result);
} on MissingPluginException catch (_) {
return AttStatus.unknown;
} on PlatformException catch (_) {
return AttStatus.unknown;
}
}
///トラッキングが許可されているか
Future<bool> isTrackingAuthorized() async {
final status = await getTrackingStatus();
return status == AttStatus.authorized;
}
}
//一緒に利用する enum とヘルパー関数
enum AttStatus {
notDetermined, // 0
restricted, // 1
denied, // 2
authorized, // 3
unknown, // 4
}
AttStatus parseAttStatus(int? value) {
switch (value) {
case 0:
return AttStatus.notDetermined;
case 1:
return AttStatus.restricted;
case 2:
return AttStatus.denied;
case 3:
return AttStatus.authorized;
default:
return AttStatus.unknown;
}
}
/// Copyright© ao-system, Inc.
import 'package:flutter/material.dart';
class ConstValue {
ConstValue._();
static 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'},
];
static final List<Map<String, dynamic>> hourglassImages = [
{ 'key': 0, 'name': 'Retro', 'file': 'hourglass_base0.webp'},
{ 'key': 1, 'name': 'Flower', 'file': 'hourglass_base1.webp'},
{ 'key': 2, 'name': 'Leaf', 'file': 'hourglass_base2.webp'},
{ 'key': 3, 'name': 'Water', 'file': 'hourglass_base3.webp'},
{ 'key': 4, 'name': 'Starry Sky', 'file': 'hourglass_base4.webp'},
{ 'key': 5, 'name': 'Grassland', 'file': 'hourglass_base5.webp'},
{ 'key': 6, 'name': 'Sandy Beach', 'file': 'hourglass_base6.webp'},
{ 'key': 7, 'name': 'Dark Forest', 'file': 'hourglass_base7.webp'},
{ 'key': 8, 'name': 'Snowy Mountain', 'file': 'hourglass_base8.webp'},
{ 'key': 9, 'name': 'Green Mountain', 'file': 'hourglass_base9.webp'},
{ 'key': 10, 'name': 'Autumn Mountain', 'file': 'hourglass_base10.webp'},
{ 'key': 11, 'name': 'Sea Cruiser', 'file': 'hourglass_base11.webp'},
{ 'key': 12, 'name': 'Cosmos Hill', 'file': 'hourglass_base12.webp'},
{ 'key': 13, 'name': 'White Lily Hill', 'file': 'hourglass_base13.webp'},
{ 'key': 14, 'name': 'Rocky Mountain', 'file': 'hourglass_base14.webp'},
{ 'key': 15, 'name': 'Sea Shore', 'file': 'hourglass_base15.webp'},
{ 'key': 16, 'name': 'Mountain Stream', 'file': 'hourglass_base16.webp'},
{ 'key': 17, 'name': 'Forest Bird', 'file': 'hourglass_base17.webp'},
{ 'key': 18, 'name': 'Forest Cat', 'file': 'hourglass_base18.webp'},
{ 'key': 19, 'name': 'House Cat', 'file': 'hourglass_base19.webp'},
{ 'key': 20, 'name': 'Rose Garden', 'file': 'hourglass_base20.webp'},
];
static final List<Map<String, dynamic>> controlTextColors = [
{ 'key': 0, 'name': 'White', 'color': Colors.white},
{ 'key': 1, 'name': 'Black', 'color': Colors.black},
{ 'key': 2, 'name': 'Yellow', 'color': Colors.yellowAccent},
{ 'key': 3, 'name': 'Orange', 'color': Colors.orangeAccent},
];
}/// Copyright© ao-system, Inc.
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/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 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 {
_themeColor = ThemeColor(themeNumber: Model.themeNumber, context: context);
_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 = ConstValue.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);
WakelockPlus.disable();
_animationController.dispose();
_audioPlayer.stop();
_audioPlayer.dispose();
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;
}
}
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();
_themeColor = ThemeColor(themeNumber: Model.themeNumber, context: context);
_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,
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);
}
}
/// Copyright© ao-system, Inc.
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';
import 'package:hourglass/const_value.dart';
import 'package:hourglass/main.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;
final Color controlTextColor = ConstValue.controlTextColors.firstWhere((item) => item['key'] == Model.controlsTextColorId)['color'];
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: Align(
alignment: Alignment.centerLeft,
child: IntrinsicWidth(
child: Container(
decoration: BoxDecoration(
color: Colors.black.withValues(alpha: Model.controlsTextShadowOpacity),
borderRadius: const BorderRadius.only(
topRight: Radius.circular(20),
bottomRight: Radius.circular(20),
),
),
child: Padding(
padding: const EdgeInsets.only(left: 10, right: 10, top: 10, bottom: 10),
child: _buildDigitTimerSet(screenHeight,controlTextColor),
)
)
)
),
bottomNavigationBar: AdBannerWidget(adManager: MainApp.of(context).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, required Color controlTextColor}) {
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: controlTextColor),
),
),
),
),
);
}
Widget _buildDigitTimerSet(double fittedH, Color controlTextColor) {
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: controlTextColor,
side: BorderSide(color: controlTextColor.withValues(alpha: 0.5)),
backgroundColor: Colors.transparent,
padding: const EdgeInsets.symmetric(horizontal: 8),
);
return Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Opacity(
opacity: Model.controlButtonsOpacity,
child: Row(
children: [
_buildDigitPicker(
value: layoutData.digitHundreds,
onSelectedItemChanged: (v) => layoutData.onHundredsChanged(v),
controlTextColor: controlTextColor,
),
_buildDigitPicker(
value: layoutData.digitTens,
onSelectedItemChanged: (v) => layoutData.onTensChanged(v),
controlTextColor: controlTextColor,
),
_buildDigitPicker(
value: layoutData.digitOnes,
onSelectedItemChanged: (v) => layoutData.onOnesChanged(v),
controlTextColor: controlTextColor,
),
]
)
),
const SizedBox(height: 10),
SizedBox(
width: 120,
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Opacity(
opacity: Model.controlButtonsOpacity,
child: Column(
children:[
Text(
'$selectedMinutes min.',
style: TextStyle(
fontSize: 16,
color: controlTextColor,
),
),
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,controlTextColor),
_buildMinuteSign(remain,controlTextColor),
],
),
),
],
);
}
Widget _buildPercentSign(double progressPercent, Color controlTextColor) {
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: controlTextColor,
fontSize: 26,
fontWeight: FontWeight.bold,
),
),
const WidgetSpan(child: SizedBox(width: 4)),
TextSpan(
text: "%",
style: GoogleFonts.shareTechMono(
color: controlTextColor,
fontSize: 20,
fontWeight: FontWeight.bold,
)
)
]
)
)
)
);
}
Widget _buildMinuteSign(Map<String, int> remain, Color controlTextColor) {
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: controlTextColor,
fontSize: 26,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: ":",
style: GoogleFonts.shareTechMono(
color: controlTextColor,
fontSize: 28,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: remain['seconds'].toString().padLeft(2, '0'),
style: GoogleFonts.shareTechMono(
color: controlTextColor,
fontSize: 26,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: ".${remain['fraction']}",
style: GoogleFonts.shareTechMono(
color: controlTextColor,
fontSize: 22,
fontWeight: FontWeight.bold,
)
)
]
)
)
)
);
}
}
/// Copyright© ao-system, Inc.
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';
import 'package:hourglass/const_value.dart';
import 'package:hourglass/main.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;
final Color mainBackColor = Color.alphaBlend(Colors.black.withValues(alpha: Model.controlsTextShadowOpacity), layoutData.themeColor.mainBackColor);
final Color mainBack2Color = Color.alphaBlend(Colors.black.withValues(alpha: Model.controlsTextShadowOpacity), layoutData.themeColor.mainBack2Color);
final Color controlTextColor = ConstValue.controlTextColors.firstWhere((item) => item['key'] == Model.controlsTextColorId)['color'];
return Scaffold(
backgroundColor: mainBackColor,
body: Stack(children:[
Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [mainBack2Color, 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.7)),
),
],
)
),
Expanded(
child: SingleChildScrollView(
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Opacity(
opacity: Model.controlButtonsOpacity,
child: _buildDigitTimerSet(controlTextColor),
),
AnimatedBuilder(
animation: layoutData.animationController,
builder: (context, child) {
return _buildAnimatedWidget(controlTextColor);
}
),
const SizedBox(height: 50),
],
),
),
),
),
]
),
),
]),
bottomNavigationBar: AdBannerWidget(adManager: MainApp.of(context).adManager),
);
}
Widget _buildDigitPicker({required int value,required ValueChanged<int> onSelectedItemChanged, required Color controlTextColor}) {
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: controlTextColor),
),
),
),
),
);
}
Widget _buildDigitTimerSet(Color controlTextColor) {
return Center(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
_buildDigitPicker(
value: layoutData.digitHundreds,
onSelectedItemChanged: (v) => layoutData.onHundredsChanged(v),
controlTextColor: controlTextColor,
),
const SizedBox(width: 2),
_buildDigitPicker(
value: layoutData.digitTens,
onSelectedItemChanged: (v) => layoutData.onTensChanged(v),
controlTextColor: controlTextColor,
),
const SizedBox(width: 2),
_buildDigitPicker(
value: layoutData.digitOnes,
onSelectedItemChanged: (v) => layoutData.onOnesChanged(v),
controlTextColor: controlTextColor,
),
],
),
const SizedBox(width: 24),
Column(
children: [
Text('${layoutData.digitHundreds * 100 + layoutData.digitTens * 10 + layoutData.digitOnes} min.',
style: TextStyle(fontSize: 16,color: controlTextColor)
),
SizedBox(
width: 140,
child: ElevatedButton.icon(
style: ElevatedButton.styleFrom(
backgroundColor: controlTextColor
),
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(
style: ElevatedButton.styleFrom(
backgroundColor: controlTextColor
),
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(
style: ElevatedButton.styleFrom(
backgroundColor: controlTextColor
),
onPressed: layoutData.animationController.isAnimating
? () {}
: () => layoutData.onResume?.call(),
child: const Icon(Icons.play_circle_outline),
),
),
)
],
),
],
),
],
),
);
}
Widget _buildAnimatedWidget(Color controlTextColor) {
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: controlTextColor,
fontSize: 42,
fontWeight: FontWeight.bold,
),
),
WidgetSpan(child: SizedBox(width: 4)),
TextSpan(
text: "%",
style: GoogleFonts.shareTechMono(
color: controlTextColor,
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: controlTextColor,
fontSize: 42,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: ":",
style: GoogleFonts.shareTechMono(
color: controlTextColor,
fontSize: 36,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: remain['seconds'].toString().padLeft(2, '0'),
style: GoogleFonts.shareTechMono(
color: controlTextColor,
fontSize: 42,
fontWeight: FontWeight.bold,
),
),
TextSpan(
text: ".${remain['fraction']}",
style: GoogleFonts.shareTechMono(
color: controlTextColor,
fontSize: 36,
fontWeight: FontWeight.bold,
),
),
],
),
)
)
)
]
)
);
}
}
/// Copyright© ao-system, Inc.
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 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.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,
});
}
/// Copyright© ao-system, Inc.
import 'dart:math';
import 'package:flutter/material.dart';
class LoadingScreen extends StatefulWidget {
const LoadingScreen({super.key});
@override
State<LoadingScreen> createState() => _LoadingScreenState();
}
class _LoadingScreenState extends State<LoadingScreen> with SingleTickerProviderStateMixin {
late AnimationController _animationController;
@override
void initState() {
super.initState();
final randomStart = Random().nextDouble();
_animationController = AnimationController(
vsync: this,
duration: const Duration(seconds: 6),
value: randomStart,
)..repeat();
}
@override
void dispose() {
_animationController.dispose();
super.dispose();
}
Color _rainbowColor(double value) {
final hue = _animationController.value * 360;
return HSVColor.fromAHSV(1, hue, 1, value).toColor();
}
@override
Widget build(BuildContext context) {
final barHeight = MediaQuery.of(context).size.height * 0.4;
return AnimatedBuilder(
animation: _animationController,
builder: (context, _) {
final foreColor = _rainbowColor(1.0);
final backColor = _rainbowColor(0.08);
return Scaffold(
backgroundColor: backColor,
body: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
SizedBox(
height: barHeight,
child: RotatedBox(
quarterTurns: -1,
child: LinearProgressIndicator(
minHeight: 1,
valueColor: AlwaysStoppedAnimation(foreColor),
backgroundColor: Colors.transparent,
),
),
),
const SizedBox(height: 5),
Text(
'LOADING',
style: TextStyle(
color: foreColor,
fontSize: 18,
letterSpacing: 16,
),
),
const SizedBox(height: 5),
SizedBox(
height: barHeight,
child: RotatedBox(
quarterTurns: 1,
child: LinearProgressIndicator(
minHeight: 1,
valueColor: AlwaysStoppedAnimation(foreColor),
backgroundColor: Colors.transparent,
),
),
),
],
),
),
);
},
);
}
}
/// Copyright© ao-system, Inc.
import 'dart:async';
import 'dart:io';
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/att_service.dart';
import 'package:hourglass/ad_manager.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
//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> {
late final AdManager adManager;
ThemeMode _themeMode = ThemeMode.system;
Locale? _locale;
bool _hasError = false;
bool _isReady = false;
@override
void initState() {
super.initState();
_initState();
}
void _initState() async {
try {
//ad
adManager = AdManager();
//アプリの基本データ
await Model.ensureReady();
//ATT
//iOSは「アプリがactive/resumed状態」でないとrequestTrackingがダイアログを出さず即座にnotDeterminedを返すため、ライフサイクルがresumedになるまで待つ。
//(iOSは「設定→トラッキング」でトグルを変えるとアプリプロセスをkillして再起動するので、起動時にgetTrackingStatusを読めば常に最新の値が手に入る)
if (!kIsWeb && Platform.isIOS) {
if (await _waitForResumed()) {
final attService = AttService();
//未決定(初回起動)のときだけダイアログ表示。既に決定済みならスキップ。
if (await attService.getTrackingStatus() == AttStatus.notDetermined) {
await attService.requestTracking();
}
}
}
//UMP(ATTの後)
final adUmpConsentController = AdUmpConsentController();
await adUmpConsentController.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;
});
}
}
}
@override
void dispose() {
adManager.dispose();
super.dispose();
}
//アプリがactive/resumed状態になるまで待つ。すでにresumedならすぐにtrueを返す。タイムアウト時はfalse。
Future<bool> _waitForResumed({
Duration timeout = const Duration(seconds: 5),
}) async {
final binding = WidgetsBinding.instance;
if (binding.lifecycleState == AppLifecycleState.resumed) {
return true;
}
final completer = Completer<bool>();
late final AppLifecycleListener listener;
listener = AppLifecycleListener(
onStateChange: (state) {
if (state == AppLifecycleState.resumed && !completer.isCompleted) {
completer.complete(true);
}
},
);
try {
return await completer.future.timeout(timeout, onTimeout: () => false);
} finally {
listener.dispose();
}
}
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) {
final colorScheme = ColorScheme.fromSeed(seedColor: seed, brightness: brightness);
return ThemeData(
useMaterial3: true,
colorScheme: colorScheme,
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,
),
),
outlinedButtonTheme: OutlinedButtonThemeData(
style: OutlinedButton.styleFrom(
side: BorderSide(color: colorScheme.primary),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
),
),
);
}
@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,
),
),
),
),
);
}
}
/// Copyright© ao-system, Inc.
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 _prefBackImageId = 'backImageId';
static const String _prefControlsTextColorId = 'controlsTextColorId';
static const String _prefControlsTextShadowOpacity = 'controlsTextShadowOpacity';
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 _prefControlButtonsOpacity = 'controlButtonsOpacity';
static const String _prefPercentDisplayOpacity = 'percentDisplayOpacity';
static const String _prefTimeDisplayOpacity = 'timeDisplayOpacity';
static const String _prefWakelockEnabled = 'wakelockEnabled';
static const String _prefSchemeColor = 'schemeColor';
static const String _prefThemeNumber = 'themeNumber';
static const String _prefLanguageCode = 'languageCode';
static bool _ready = false;
static int _minute = 3;
static int _backImageId = 0;
static int _controlsTextColorId = 0;
static double _controlsTextShadowOpacity = 0.0;
static bool _soundEnabled = true;
static double _soundVolume = 1.0;
static int _soundSelect = 0;
static bool _vibrateEnabled = true;
static int _layoutId = 1;
static double _controlButtonsOpacity = 1.0;
static double _percentDisplayOpacity = 1.0;
static double _timeDisplayOpacity = 1.0;
static bool _wakelockEnabled = true;
static int _schemeColor = 30;
static int _themeNumber = 0;
static String _languageCode = '';
static int get minute => _minute;
static int get backImageId => _backImageId;
static int get controlsTextColorId => _controlsTextColorId;
static double get controlsTextShadowOpacity => _controlsTextShadowOpacity;
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 double get controlButtonsOpacity => _controlButtonsOpacity;
static double get percentDisplayOpacity => _percentDisplayOpacity;
static double get timeDisplayOpacity => _timeDisplayOpacity;
static bool get wakelockEnabled => _wakelockEnabled;
static int get schemeColor => _schemeColor;
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);
_backImageId = (prefs.getInt(_prefBackImageId) ?? 0).clamp(0, ConstValue.hourglassImages.length - 1);
_controlsTextColorId = (prefs.getInt(_prefControlsTextColorId) ?? 0).clamp(0, ConstValue.controlTextColors.length - 1);
_controlsTextShadowOpacity = (prefs.getDouble(_prefControlsTextShadowOpacity) ?? 0.0).clamp(0.0, 1.0);
_soundEnabled = prefs.getBool(_prefSoundEnabled) ?? true;
_soundVolume = (prefs.getDouble(_prefSoundVolume) ?? 1.0).clamp(0.0, 1.0);
_soundSelect = (prefs.getInt(_prefSoundSelect) ?? 0).clamp(0, ConstValue.finishSounds.length - 1);
_vibrateEnabled = prefs.getBool(_prefVibrateEnabled) ?? true;
_layoutId = (prefs.getInt(_prefLayoutId) ?? 1).clamp(1, 2);
_controlButtonsOpacity = (prefs.getDouble(_prefControlButtonsOpacity) ?? 1.0).clamp(0.0, 1.0);
_percentDisplayOpacity = (prefs.getDouble(_prefPercentDisplayOpacity) ?? 1.0).clamp(0.0, 1.0);
_timeDisplayOpacity = (prefs.getDouble(_prefTimeDisplayOpacity) ?? 1.0).clamp(0.0, 1.0);
_wakelockEnabled = prefs.getBool(_prefWakelockEnabled) ?? true;
_schemeColor = (prefs.getInt(_prefSchemeColor) ?? 30).clamp(0, 360);
_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> setBackImageId(int value) async {
_backImageId = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefBackImageId, value);
}
static Future<void> setControlsTextColorId(int value) async {
_controlsTextColorId = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefControlsTextColorId, value);
}
static Future<void> setControlsTextShadowOpacity(double value) async {
_controlsTextShadowOpacity = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setDouble(_prefControlsTextShadowOpacity, 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> setControlButtonsOpacity(double value) async {
_controlButtonsOpacity = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setDouble(_prefControlButtonsOpacity, 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> setWakelockEnabled(bool value) async {
_wakelockEnabled = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setBool(_prefWakelockEnabled, value);
}
static Future<void> setSchemeColor(int value) async {
_schemeColor = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefSchemeColor, 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);
}
}
/// Copyright© ao-system, Inc.
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,
);
}
/// Copyright© ao-system, Inc.
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;
}
/// Copyright© ao-system, Inc.
import 'package:flutter/material.dart';
import 'package:hourglass/theme_color.dart';
import 'package:hourglass/model.dart';
/// 設定画面専用のカスタムCardウィジェット
class SettingCard extends StatelessWidget {
final Widget child;
final ShapeBorder shape;
final EdgeInsetsGeometry margin;
const SettingCard({
super.key,
required this.child,
this.margin = const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
}) : shape = const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(12)),
);
const SettingCard.top({
super.key,
required this.child,
this.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),
),
);
const SettingCard.flat({
super.key,
required this.child,
this.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(0),
bottomRight: Radius.circular(0),
),
);
const SettingCard.bottom({
super.key,
required this.child,
this.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),
),
);
@override
Widget build(BuildContext context) {
final themeColor = ThemeColor(
themeNumber: Model.themeNumber,
context: context,
);
return SizedBox(
width: double.infinity,
child: Card(
elevation: 0,
margin: margin,
surfaceTintColor: Colors.transparent,
shadowColor: Colors.transparent,
color: themeColor.cardColor,
shape: shape,
child: child,
),
);
}
}/// Copyright© ao-system, Inc.
import "dart:async";
import "dart:io";
import "package:app_settings/app_settings.dart";
import "package:audioplayers/audioplayers.dart";
import "package:flutter/foundation.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/setting_card.dart";
import "package:hourglass/l10n/app_localizations.dart";
import "package:hourglass/ad_banner_widget.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';
import "package:hourglass/main.dart";
import 'package:hourglass/att_service.dart';
class SettingPage extends StatefulWidget {
const SettingPage({super.key});
@override
State<SettingPage> createState() => _SettingPageState();
}
class _SettingPageState extends State<SettingPage> {
AdUmpState _adUmpState = AdUmpState.initial;
late final AdUmpService _adUmpService;
late ThemeColor _themeColor;
final _inAppReview = InAppReview.instance;
late final AudioPlayer _audioPlayer;
bool _isReady = false;
int _backImageId = 0;
int _controlsTextColorId = 0;
double _controlsTextShadowOpacity = 0.0;
bool _soundEnabled = true;
double _soundVolume = 1.0;
int _soundSelect = 0;
bool _vibrateEnabled = true;
int _layoutId = 1;
double _controlButtonsOpacity = 1.0;
double _percentDisplayOpacity = 1.0;
double _timeDisplayOpacity = 1.0;
bool _wakelockEnabled = true;
int _schemeColor = 0;
Color _accentColor = Colors.red;
int _themeNumber = 0;
String _languageCode = '';
@override
void initState() {
super.initState();
_initState();
}
void _initState() async {
//ump
_adUmpService = AdUmpService();
await _refreshConsentInfo();
//
_audioPlayer = AudioPlayer();
//model
_backImageId = Model.backImageId;
_controlsTextColorId = Model.controlsTextColorId;
_controlsTextShadowOpacity = Model.controlsTextShadowOpacity;
_soundEnabled = Model.soundEnabled;
_soundVolume = Model.soundVolume;
_soundSelect = Model.soundSelect;
_vibrateEnabled = Model.vibrateEnabled;
_layoutId = Model.layoutId;
_controlButtonsOpacity = Model.controlButtonsOpacity;
_percentDisplayOpacity = Model.percentDisplayOpacity;
_timeDisplayOpacity = Model.timeDisplayOpacity;
_wakelockEnabled = Model.wakelockEnabled;
_schemeColor = Model.schemeColor;
_accentColor = _getRainbowAccentColor(_schemeColor);
_themeNumber = Model.themeNumber;
_languageCode = Model.languageCode;
setState(() {
_isReady = true;
});
}
@override
void dispose() {
_audioPlayer.stop();
_audioPlayer.dispose();
super.dispose();
}
@override
void didChangeDependencies() {
super.didChangeDependencies();
_themeColor = ThemeColor(themeNumber: Model.themeNumber, context: context);
}
Future<void> _refreshConsentInfo() async {
final AdUmpState newState = await _adUmpService.updateConsentInfo(_adUmpState);
if (mounted) {
setState(() { _adUmpState = newState; });
}
}
Color _getRainbowAccentColor(int hue) {
return HSVColor.fromAHSV(1.0, hue.toDouble(), 1.0, 1.0).toColor();
}
void _onApply() async {
await Model.setBackImageId(_backImageId);
await Model.setControlsTextColorId(_controlsTextColorId);
await Model.setControlsTextShadowOpacity(_controlsTextShadowOpacity);
await Model.setSoundEnabled(_soundEnabled);
await Model.setSoundVolume(_soundVolume);
await Model.setSoundSelect(_soundSelect);
await Model.setVibrateEnabled(_vibrateEnabled);
await Model.setLayoutId(_layoutId);
await Model.setControlButtonsOpacity(_controlButtonsOpacity);
await Model.setPercentDisplayOpacity(_percentDisplayOpacity);
await Model.setTimeDisplayOpacity(_timeDisplayOpacity);
await Model.setWakelockEnabled(_wakelockEnabled);
await Model.setSchemeColor(_schemeColor);
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();
}
final AppLocalizations l = AppLocalizations.of(context)!;
final TextTheme t = Theme.of(context).textTheme;
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: [
_buildBackImageId(l, t),
_buildTextColorId(l, t),
_buildTextShadowOpacity(l, t),
_buildOpacity(l, t),
_buildLayoutId(l, t),
_buildSound(l, t),
_buildVibrateEnabled(l, t),
_buildWakelockEnabled(l, t),
_buildSchemeColor(l, t),
_buildTheme(l, t),
_buildLanguage(l, t),
_buildReview(l, t),
_buildCmp(l, t),
_buildAtt(l, t),
]),
),
),
),
),
])
),
bottomNavigationBar: AdBannerWidget(adManager: MainApp.of(context).adManager),
);
}
Widget _buildBackImageId(AppLocalizations l, TextTheme t) {
return SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.backImage, style: t.bodyMedium),
trailing: DropdownButton<int>(
value: _backImageId,
items: ConstValue.hourglassImages.map((img) {
return DropdownMenuItem<int>(
value: img['key'],
child: Text(img['name']),
);
}).toList(),
onChanged: (value) {
if (value != null) {
setState(() => _backImageId = value);
}
},
),
),
);
}
Widget _buildTextColorId(AppLocalizations l, TextTheme t) {
return SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.controlsTextColor, style: t.bodyMedium),
trailing: DropdownButton<int>(
value: _controlsTextColorId,
items: ConstValue.controlTextColors.map((col) {
return DropdownMenuItem<int>(
value: col['key'],
child: Text(col['name']),
);
}).toList(),
onChanged: (value) {
if (value != null) {
setState(() => _controlsTextColorId = value);
}
},
),
),
);
}
Widget _buildTextShadowOpacity(AppLocalizations l, TextTheme t) {
return SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.controlsTextShadowOpacity, style: t.bodyMedium),
subtitle: Row(
children: <Widget>[
Text(_controlsTextShadowOpacity.toStringAsFixed(2), style: t.bodyMedium),
Expanded(
child: Slider(
value: _controlsTextShadowOpacity,
min: 0.0,
max: 1.0,
divisions: 20,
label: _controlsTextShadowOpacity.toStringAsFixed(2),
onChanged: (double value) {
setState(() {
_controlsTextShadowOpacity = value;
});
},
),
),
],
),
),
);
}
Widget _buildOpacity(AppLocalizations l, TextTheme t) {
return Column(
children: [
SettingCard.top(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.controlButtonsOpacity, style: t.bodyMedium),
subtitle: Row(
children: <Widget>[
Text(_controlButtonsOpacity.toStringAsFixed(2), style: t.bodyMedium),
Expanded(
child: Slider(
value: _controlButtonsOpacity,
min: 0.0,
max: 1.0,
divisions: 20,
label: _controlButtonsOpacity.toStringAsFixed(2),
onChanged: (double value) {
setState(() {
_controlButtonsOpacity = value;
});
},
),
),
],
),
),
),
SettingCard.flat(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.percentDisplayOpacity, style: t.bodyMedium),
subtitle: Row(
children: <Widget>[
Text(_percentDisplayOpacity.toStringAsFixed(2), style: t.bodyMedium),
Expanded(
child: Slider(
value: _percentDisplayOpacity,
min: 0.0,
max: 1.0,
divisions: 20,
label: _percentDisplayOpacity.toStringAsFixed(2),
onChanged: (double value) {
setState(() {
_percentDisplayOpacity = value;
});
},
),
),
],
),
),
),
SettingCard.bottom(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.timeDisplayOpacity, style: t.bodyMedium),
subtitle: Row(
children: <Widget>[
Text(_timeDisplayOpacity.toStringAsFixed(2), style: t.bodyMedium),
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, TextTheme t) {
return SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.layout, style: t.bodyMedium),
trailing: 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 _buildSound(AppLocalizations l, TextTheme t) {
return Column(
children:[
SettingCard.top(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.soundEnabled, style: t.bodyMedium),
trailing: Switch(
value: _soundEnabled,
onChanged: (value) => setState(() => _soundEnabled = value),
),
),
),
SettingCard.flat(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.soundVolume, style: t.bodyMedium),
subtitle: 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;
});
},
),
),
],
),
),
),
SettingCard.bottom(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
minVerticalPadding: 0,
title: Text(l.soundSelect, style: t.bodyMedium),
trailing: DropdownButton<int>(
value: _soundSelect,
items: ConstValue.finishSounds.map((sound) {
return DropdownMenuItem<int>(
value: sound['key'],
child: Text(sound['name']),
);
}).toList(),
onChanged: (value) {
if (value != null) {
setState(() => _soundSelect = value);
final selected = ConstValue.finishSounds.firstWhere((s) => s['key'] == value);
_audioPlayer.play(AssetSource('sound/${selected['file']}'));
}
},
),
)
),
]
);
}
Widget _buildVibrateEnabled(AppLocalizations l, TextTheme t) {
return SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.vibrateEnabled, style: t.bodyMedium),
trailing: Switch(
value: _vibrateEnabled,
onChanged: (value) => setState(() => _vibrateEnabled = value),
),
),
);
}
Widget _buildWakelockEnabled(AppLocalizations l, TextTheme t) {
return SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.wakelockEnabled, style: t.bodyMedium),
trailing: Switch(
value: _wakelockEnabled,
onChanged: (value) => setState(() => _wakelockEnabled = value),
),
),
);
}
Widget _buildSchemeColor(AppLocalizations l, TextTheme t) {
return SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.colorScheme, style: t.bodyMedium),
subtitle: Row(
children: <Widget>[
Text(_schemeColor.toStringAsFixed(0), style: t.bodyMedium),
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, TextTheme t) {
return SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.theme, style: t.bodyMedium),
trailing: 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, TextTheme t) {
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',
};
return SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.language, style: t.bodyMedium),
trailing: 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, TextTheme t) {
return SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.reviewApp, style: t.bodyMedium),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
const SizedBox(height: 8),
OutlinedButton.icon(
icon: const Icon(Icons.open_in_new, size: 16),
label: Text(l.reviewStore, style: t.bodySmall),
onPressed: () async {
await _inAppReview.openStoreListing(
appStoreId: Secrets.appStoreId,
);
},
),
],
),
),
);
}
Widget _buildCmp(AppLocalizations l, TextTheme t) {
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 SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.cmpSettingsTitle, style: t.bodyMedium),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
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 (_adUmpState.consentStatus == ConsentStatus.obtained) ...[
const SizedBox(height: 6),
Text(l.cmpConsentStatusObtainedNote, style: t.bodySmall),
],
if (showButton) ...[
const SizedBox(height: 8),
ElevatedButton.icon(
onPressed: _adUmpState.isChecking
? null
: () async {
try {
await _adUmpService.showPrivacyOptions();
} catch (e) {
//debugPrint('Privacy options error ignored: $e');
}
await _refreshConsentInfo();
},
icon: const Icon(Icons.settings),
label: Text(
_adUmpState.isChecking
? l.cmpConsentStatusChecking
: l.cmpOpenConsentSettings,
),
),
const SizedBox(height: 8),
OutlinedButton.icon(
onPressed: _adUmpState.isChecking ? null : _refreshConsentInfo,
icon: const Icon(Icons.refresh),
label: Text(l.cmpRefreshStatus),
),
const SizedBox(height: 8),
OutlinedButton.icon(
onPressed: () async {
final messenger = ScaffoldMessenger.of(context);
final message = l.cmpResetStatusDone;
await ConsentInformation.instance.reset();
if (!mounted) {
return;
}
setState(() {
_adUmpState = _adUmpState.copyWith(
consentStatus: ConsentStatus.unknown,
);
});
messenger.showSnackBar(SnackBar(content: Text(message)));
},
icon: const Icon(Icons.delete_sweep_outlined),
label: Text(l.cmpResetStatus),
),
],
],
),
),
],
),
),
);
}
Widget _buildAtt(AppLocalizations l, TextTheme t) {
if (kIsWeb || !Platform.isIOS) {
return const SizedBox.shrink();
}
return SettingCard(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
title: Text(l.attSettingsTitle, style: t.bodyMedium),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 8),
Text(l.attDescription, style: t.bodySmall),
const SizedBox(height: 8),
FutureBuilder<AttStatus>(
future: AttService().getTrackingStatus(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return Center(
child: Column(
children: [
Chip(
avatar: const Icon(Icons.hourglass_empty),
label: Text(l.attStatusChecking),
),
const SizedBox(height: 8),
OutlinedButton.icon(
onPressed: null,
icon: const Icon(Icons.open_in_new),
label: Text(l.attOpenSettings),
),
],
),
);
}
final status = snapshot.data ?? AttStatus.unknown;
final label = status.name;
return Center(
child: Column(
children: [
Chip(
avatar: const Icon(Icons.track_changes),
label: Text('${l.attStatusLabel} $label'),
),
const SizedBox(height: 8),
OutlinedButton.icon(
onPressed: () => AppSettings.openAppSettings(),
icon: const Icon(Icons.open_in_new, size: 16),
label: Text(l.attOpenSettings, style: t.bodySmall),
),
],
),
);
},
),
],
),
),
);
}
}
/// Copyright© ao-system, Inc.
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;
}
}
bool get _isLight => _effectiveBrightness == Brightness.light;
Color _getRainbowAccentColor(int hue, double saturation, double value) {
return HSVColor.fromAHSV(1.0, hue.toDouble(), saturation, value).toColor();
}
//main page
Color get mainBackColor => _getRainbowAccentColor(Model.schemeColor,1.0,0.3);
Color get mainBack2Color => _getRainbowAccentColor(Model.schemeColor,1.0,0.1);
Color get mainForeColor => Color.fromRGBO(255, 255, 255, 0.9);
Color get mainAccentForeColor => _getRainbowAccentColor(Model.schemeColor,0.6,1.0);
String get backImage => 'assets/image/hourglass_base${Model.backImageId}.webp';
//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]!;
}
/// Copyright© ao-system, Inc.
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 アプリ
