趣味程度で作成したごく簡単なFlutter開発のアプリを紹介しています。
下記アプリの主要なソースコードを公開しています。アプリ開発の参考になれば幸いです。
画像等が別途必要ですので下記情報のみでアプリが完成するものではありません。 アプリは少しずつ機能拡張していますのでストア公開されているアプリと内容が異なる場合があります。 コードはコピーして自由にお使いいただけます。ただし著作権は放棄しておりませんので全部の再掲載はご遠慮ください。部分的に再掲載したり、改変して再掲載するのは構いません。 自身のアプリ作成の参考として個人使用・商用問わず自由にお使いいただけます。 コード記述のお手本を示すものではありません。ミニアプリですので変数名などさほど気遣いしていない部分も有りますし間違いも有るかと思いますので参考程度にお考え下さい。 他の賢者の皆様が公開されているコードを参考にした箇所も含まれます。Flutter開発の熟練者が書いたコードではありません。 エンジニア向け技術情報共有サービスではありませんので説明は省いています。 GitHubなどへの公開は予定しておりません。
name: spiritlevel
description: "SpiritLevel"
# The following line prevents the package from being accidentally published to
# pub.dev using `flutter pub publish`. This is preferred for private packages.
publish_to: 'none' # Remove this line if you wish to publish to pub.dev
# The following defines the version and build number for your application.
# A version number is three numbers separated by dots, like 1.2.43
# followed by an optional build number separated by a +.
# Both the version and the builder number may be overridden in flutter
# build by specifying --build-name and --build-number, respectively.
# In Android, build-name is used as versionName while build-number used as versionCode.
# Read more about Android versioning at https://developer.android.com/studio/publish/versioning
# In iOS, build-name is used as CFBundleShortVersionString while build-number is used as CFBundleVersion.
# Read more about iOS versioning at
# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
# In Windows, build-name is used as the major, minor, and patch parts
# of the product and file versions while build-number is used as the build suffix.
version: 1.1.0+3
environment:
sdk: ^3.9.2
# Dependencies specify other packages that your package needs in order to work.
# To automatically upgrade your package dependencies to the latest versions
# consider running `flutter pub upgrade --major-versions`. Alternatively,
# dependencies can be manually updated by changing the version numbers below to
# the latest version available on pub.dev. To see which dependencies have newer
# versions available, run `flutter pub outdated`.
dependencies:
flutter:
sdk: flutter
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^1.0.8
package_info_plus: ^9.0.0
shared_preferences: ^2.5.3
flutter_localizations: # flutter gen-l10n
sdk: flutter
intl: ^0.20.2
google_mobile_ads: ^6.0.0
sensors_plus: ^7.0.0
dev_dependencies:
flutter_test:
sdk: flutter
flutter_launcher_icons: ^0.14.4 #flutter pub run flutter_launcher_icons
flutter_native_splash: ^2.3.6 #flutter pub run flutter_native_splash:create
# The "flutter_lints" package below contains a set of recommended lints to
# encourage good coding practices. The lint set provided by the package is
# activated in the `analysis_options.yaml` file located at the root of your
# package. See that file for information about deactivating specific lint
# rules and activating additional ones.
flutter_lints: ^6.0.0
# For information on the generic Dart part of this file, see the
# following page: https://dart.dev/tools/pub/pubspec
flutter_launcher_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: '#d4ff48'
image: 'assets/image/splash.png'
color_dark: '#d4ff48'
image_dark: 'assets/image/splash.png'
fullscreen: true
android_12:
icon_background_color: '#d4ff48'
image: 'assets/image/splash.png'
icon_background_color_dark: '#d4ff48'
image_dark: 'assets/image/splash.png'
# The following section is specific to Flutter packages.
flutter:
generate: true #自動生成フラグの有効化
# The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in
# the material Icons class.
uses-material-design: true
# To add assets to your application, add an assets section, like this:
# assets:
# - images/a_dot_burr.jpeg
# - images/a_dot_ham.jpeg
assets:
- assets/image/
# An image asset can refer to one or more resolution-specific "variants", see
# https://flutter.dev/to/resolution-aware-images
# For details regarding adding assets from package dependencies, see
# https://flutter.dev/to/asset-from-package
# To add custom fonts to your application, add a fonts section here,
# in this "flutter" section. Each entry in this list should have a
# "family" key with the font family name, and a "fonts" key with a
# list giving the asset and other descriptors for the font. For
# example:
# fonts:
# - family: Schyler
# fonts:
# - asset: fonts/Schyler-Regular.ttf
# - asset: fonts/Schyler-Italic.ttf
# style: italic
# - family: Trajan Pro
# fonts:
# - asset: fonts/TrajanPro.ttf
# - asset: fonts/TrajanPro_Bold.ttf
# weight: 700
#
# For details regarding fonts from package dependencies,
# see https://flutter.dev/to/font-from-package
import 'package:flutter/cupertino.dart';
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:spiritlevel/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 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();
}
},
),
);
}
}
/*
* mainへの記述
* void main() async {
* WidgetsFlutterBinding.ensureInitialized();
* if (!kIsWeb) {
* //AdMob初期化
* MobileAds.instance.initialize();
* //NPAポリシーの集中設定(将来拡張もここで) 現時点は使用していないので記述しなくても良い
* await AdManager.initForNPA();
* }
* runApp(const MyApp());
* }
*/
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';
class AdManager {
//Test IDs
//static const String _androidAdUnitId = "ca-app-pub-3940256099942544/6300978111";
//static const String _iosAdUnitId = "ca-app-pub-3940256099942544/2934735716";
//Production IDs
static const String _androidAdUnitId = "ca-app-pub-0/0";
static const String _iosAdUnitId = "ca-app-pub-0/0";
static String get _adUnitId => Platform.isIOS ? _iosAdUnitId : _androidAdUnitId;
BannerAd? _bannerAd;
int _lastWidthPx = 0;
VoidCallback? _onLoadedCb;
Timer? _retryTimer;
int _retryAttempt = 0;
BannerAd? get bannerAd => _bannerAd;
//(任意)アプリ起動時などに呼ぶ。将来のCMP/NPA関連設定を集中管理。
static Future<void> initForNPA() async {
if (kIsWeb) {
return;
}
//ここでグローバルなRequestConfigurationを設定しておく(必要に応じて拡張)
await MobileAds.instance.updateRequestConfiguration(
RequestConfiguration(
//例:最大コンテンツレーティング等を付けたい場合はここに追加
//maxAdContentRating: MaxAdContentRating.g, //例
//tagForChildDirectedTreatment: TagForChildDirectedTreatment.unspecified,
//tagForUnderAgeOfConsent: TagForUnderAgeOfConsent.unspecified,
),
);
}
Future<void> loadAdaptiveBannerAd(
int widthPx,
VoidCallback onAdLoaded,
) async {
if (kIsWeb) {
return;
}
_onLoadedCb = onAdLoaded;
_lastWidthPx = widthPx;
_retryAttempt = 0;
_retryTimer?.cancel();
_startLoad(widthPx);
}
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;
//常にNPAで配信(CMP対応)
const adRequest = AdRequest(
nonPersonalizedAds: true, //NPA Non-Personalized Ads(非パーソナライズ広告)指定
);
_bannerAd = BannerAd(
adUnitId: _adUnitId,
request: adRequest,
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();
// Exponential backoff: 3s, 6s, 12s, max 30s
_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();
}
}
/*
広告配信について
本アプリでは、Google AdMob を利用して広告を表示しています。
当アプリの広告はすべて「非パーソナライズ広告(NPA)」として配信しており、ユーザーの行動履歴や個人情報をもとにしたパーソナライズは一切行っていません。
Google AdMob によって、広告の表示のために以下の情報が利用される場合があります:
- 端末情報(例：OSの種類、画面サイズなど)
- おおまかな位置情報(国・地域レベル)
これらの情報は、パーソナライズを目的としたトラッキングやプロファイリングには使用されません。
詳しくは、Google のプライバシーポリシーをご覧ください:
https://policies.google.com/privacy
Advertising
This app uses Google AdMob to display advertisements.
All ads in this app are served as non-personalized ads (NPA).
This means that we do not use personal data or user behavior information to personalize the ads you see.
Google AdMob may use certain information in order to display ads properly, such as:
- Device information (e.g., OS type, screen size)
- Approximate location information (country/region level)
This information is not used for tracking or profiling for advertising purposes.
For more details, please refer to Google Privacy Policy:
https://policies.google.com/privacy
*/
/*
CMP(Consent Management Platform)「同意管理プラットフォーム」
UMP とは、Google AdMobでGDPRの同意を取得するために使用されるライブラリ User Messaging Platform (UMP) SDK
ad_manager.dart で NPA Non-Personalized Ads(非パーソナライズ広告)指定 している。
必要な変数
late final UmpConsentController _adUmp;
AdUmpState _adUmpState = AdUmpState.initial;
@override
void initState() {
super.initState();
_adUmp = UmpConsentController();
_refreshConsentInfo();
}
必要な関数
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) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('プライバシー設定画面を表示できませんでした: ${err.message}')),
);
}
}
*/
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:spiritlevel/l10n/app_localizations.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;
//埋め込みのテストデバイスID
static const List<String> _testDeviceIds = [
'608970392F100B87D62A1174996C952C', //arrows We2 (M07)
];
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 {
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(
privacyStatus: PrivacyOptionsRequirementStatus.unknown,
consentStatus: ConsentStatus.unknown,
privacyOptionsRequired: false,
isChecking: false,
),
);
},
);
state = await completer.future;
return state;
} 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;
}
}
}///
/// @author akira ohmachi
/// @copyright ao-system, Inc.
/// @date 2023-10-15
///
library;
import 'package:flutter/material.dart';
class ConstValue {
//image
static const List<String> imageStages = [
'assets/image/stage06.webp',
'assets/image/stage07.webp',
'assets/image/stage08.webp',
'assets/image/stage09.webp',
'assets/image/stage04.webp',
'assets/image/stage05.webp',
'assets/image/stage03.webp',
'assets/image/stage01.webp',
'assets/image/stage02.webp',
];
static const String imageNeedleX = 'assets/image/needle_x.webp';
static const String imageNeedleY = 'assets/image/needle_y.webp';
static const String imageNeedleXY = 'assets/image/needle_xy.webp';
//color
static const Color colorBack = Color.fromRGBO(21, 52, 0, 1.0);
static const Color colorHeader = Color.fromRGBO(34, 87, 0, 1);
static const Color colorSettingAccent = Color.fromRGBO(59, 145, 0, 1.0);
static const Color colorUiActiveColor = Color.fromRGBO(59, 145, 0,1);
static const Color colorUiInactiveColor = Color.fromRGBO(50,50,50,1);
//double
static const double sensitivityMin = 0.03;
static const double sensitivityMax = 0.3;
static const double needleLimit = 0.28;
}
///
/// @author akira ohmachi
/// @copyright ao-system, Inc.
/// @date 2023-10-02
///
library;
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:sensors_plus/sensors_plus.dart';
import 'package:spiritlevel/ad_manager.dart';
import 'package:spiritlevel/ad_banner_widget.dart';
import 'package:spiritlevel/l10n/app_localizations.dart';
import 'package:spiritlevel/const_value.dart';
import 'package:spiritlevel/setting_page.dart';
import 'package:spiritlevel/model.dart';
import 'package:spiritlevel/main.dart';
import 'package:spiritlevel/theme_mode_number.dart';
import 'package:spiritlevel/theme_color.dart';
import 'package:spiritlevel/parse_locale_tag.dart';
import 'loading_screen.dart';
class MainHomePage extends StatefulWidget {
const MainHomePage({super.key});
@override
State<MainHomePage> createState() => _MainHomePageState();
}
class _MainHomePageState extends State<MainHomePage> with SingleTickerProviderStateMixin {
late AdManager _adManager;
final GlobalKey _aspectRatioKey = GlobalKey(); //_stageのサイズ取得用
double _accelerometerEventX = 0;
double _accelerometerEventY = 0;
double _stageWidth = 0;
double _needleOffsetX = 0;
double _needleOffsetY = 0;
//
late ThemeColor _themeColor;
bool _isReady = false;
bool _isFirst = true;
@override
void initState() {
super.initState();
_initState();
}
void _initState() async {
_adManager = AdManager();
accelerometerEventStream().listen((AccelerometerEvent event) {
setState(() {
_accelerometerEventX = event.x + (Model.tweakX * 0.1);
_accelerometerEventY = event.y + (Model.tweakY * 0.1);
_needleOffsetX = _stageWidth * Model.sensitivity * _accelerometerEventX;
_needleOffsetY = _stageWidth * Model.sensitivity * _accelerometerEventY * -1;
if (_needleOffsetX < - _stageWidth * ConstValue.needleLimit) {
_needleOffsetX = - _stageWidth * ConstValue.needleLimit;
} else if (_needleOffsetX > _stageWidth * ConstValue.needleLimit) {
_needleOffsetX = _stageWidth * ConstValue.needleLimit;
}
if (_needleOffsetY < - _stageWidth * ConstValue.needleLimit) {
_needleOffsetY = - _stageWidth * ConstValue.needleLimit;
} else if (_needleOffsetY > _stageWidth * ConstValue.needleLimit) {
_needleOffsetY = _stageWidth * ConstValue.needleLimit;
}
});
});
if (mounted) {
setState(() {
_isReady = true;
});
}
}
@override
void dispose() {
_adManager.dispose();
super.dispose();
}
Future<void> _onOpenSetting() async {
final updated = await Navigator.push<bool>(
context,
MaterialPageRoute(builder: (_) => const SettingPage()),
);
if (!mounted) {
return;
}
if (updated == true) {
final mainState = context.findAncestorStateOfType<MainAppState>();
if (mainState != null) {
mainState
..themeMode = ThemeModeNumber.numberToThemeMode(Model.themeNumber)
..locale = parseLocaleTag(Model.languageCode)
..setState(() {});
}
_isFirst = true;
}
setState(() {});
}
@override
Widget build(BuildContext context) {
if (!_isReady) {
return Scaffold(
body: LoadingScreen(),
);
}
if (_isFirst) {
_isFirst = false;
_themeColor = ThemeColor(themeNumber: Model.themeNumber, context: context);
}
final l = AppLocalizations.of(context)!;
return Scaffold(
backgroundColor: _themeColor.mainBackColor,
appBar: AppBar(
backgroundColor: Colors.transparent,
actions: [
IconButton(
icon: const Icon(Icons.settings),
color: _themeColor.mainForeColor,
tooltip: l.setting,
onPressed: _onOpenSetting,
),
const SizedBox(width:10),
],
),
body: SafeArea(
child: Column(children: [
Expanded(
child: Stack(children:[
_preStageArea(),
_stage(),
_needleX(),
_needleY(),
_needleXY(),
_textXY(),
]),
),
])
),
bottomNavigationBar: AdBannerWidget(adManager: _adManager),
);
}
//_stageAreaのサイズ取得用
Widget _preStageArea() {
return AspectRatio(
key: _aspectRatioKey,
aspectRatio: 1,
);
}
Widget _stage() {
try {
RenderBox renderBox = _aspectRatioKey.currentContext?.findRenderObject() as RenderBox;
_stageWidth = renderBox.size.width;
} catch (_) {
return Container();
}
return Center(
child: Image.asset(ConstValue.imageStages[Model.scaleType],
width: _stageWidth,
height: _stageWidth,
),
);
}
Widget _needleX() {
return Center(
child: Transform.translate(
offset: Offset(_needleOffsetX,0),
child: Image.asset(ConstValue.imageNeedleX,
width: _stageWidth,
height: _stageWidth,
),
),
);
}
Widget _needleY() {
return Center(
child: Transform.translate(
offset: Offset(0,_needleOffsetY),
child: Image.asset(ConstValue.imageNeedleY,
width: _stageWidth,
height: _stageWidth,
),
),
);
}
Widget _needleXY() {
double offsetX = _needleOffsetX;
double offsetY = _needleOffsetY;
double length = sqrt(_needleOffsetX * _needleOffsetX + _needleOffsetY * _needleOffsetY);
if (length > _stageWidth * ConstValue.needleLimit) {
double scaleFactor = _stageWidth * ConstValue.needleLimit / length;
offsetX = _needleOffsetX * scaleFactor;
offsetY = _needleOffsetY * scaleFactor;
}
return Center(
child: Transform.translate(
offset: Offset(offsetX,offsetY),
child: Image.asset(ConstValue.imageNeedleXY,
width: _stageWidth,
height: _stageWidth,
),
),
);
}
Widget _textXY() {
double angleX = double.parse((_accelerometerEventX * 9).toStringAsFixed(1));
double angleY = double.parse((_accelerometerEventY * 9).toStringAsFixed(1));
return Center(
child: Column(children:[
const Spacer(),
Text('X: $angleX °',
style: TextStyle(
fontSize: _stageWidth * 0.06,
color: Colors.black,
)
),
SizedBox(height: _stageWidth * 0.2),
Text('Y: $angleY °',
style: TextStyle(
fontSize: _stageWidth * 0.06,
color: Colors.black,
)
),
const Spacer(),
])
);
}
}
import 'package:flutter/material.dart';
class LoadingScreen extends StatelessWidget {
const LoadingScreen({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.blueGrey,
body: const Center(
child: CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(Colors.grey),
backgroundColor: Colors.white,
),
),
);
}
}
///
/// @author akira ohmachi
/// @copyright ao-system, Inc.
/// @date 2023-10-02
///
library;
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:spiritlevel/l10n/app_localizations.dart';
import 'package:spiritlevel/home_page.dart';
import 'package:spiritlevel/model.dart';
import 'package:spiritlevel/theme_mode_number.dart';
import 'package:spiritlevel/parse_locale_tag.dart';
import 'package:spiritlevel/loading_screen.dart';
void main() {
WidgetsFlutterBinding.ensureInitialized();
SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
statusBarColor: Colors.transparent,
systemNavigationBarColor: Colors.transparent,
));
MobileAds.instance.initialize();
runApp(const MainApp());
}
class MainApp extends StatefulWidget {
const MainApp({super.key});
@override
State<MainApp> createState() => MainAppState();
}
class MainAppState extends State<MainApp> {
ThemeMode themeMode = ThemeMode.light;
Locale? locale;
bool _isReady = false;
@override
void initState() {
super.initState();
_initState();
}
void _initState() async {
await Model.ensureReady();
themeMode = ThemeModeNumber.numberToThemeMode(Model.themeNumber);
locale = parseLocaleTag(Model.languageCode);
setState(() {
_isReady = true;
});
}
@override
Widget build(BuildContext context) {
if (!_isReady) {
return MaterialApp(
home: Scaffold(
body: Center(
child: LoadingScreen(),
),
),
);
}
const seed = Colors.purple;
return MaterialApp(
debugShowCheckedModeBanner: false,
localizationsDelegates: AppLocalizations.localizationsDelegates,
supportedLocales: AppLocalizations.supportedLocales,
locale: locale,
themeMode: themeMode,
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: seed),
useMaterial3: true,
),
darkTheme: ThemeData(
colorScheme: ColorScheme.fromSeed(
seedColor: seed,
brightness: Brightness.dark,
),
useMaterial3: true,
),
home: const MainHomePage(),
);
}
}
///
/// @author akira ohmachi
/// @copyright ao-system, Inc.
/// @date 2023-10-26
///
library;
import 'package:shared_preferences/shared_preferences.dart';
import 'package:spiritlevel/const_value.dart';
class Model {
Model._();
static const String _prefSensitivity = 'sensitivity';
static const String _prefScaleType = 'scaleType';
static const String _prefTweakX = 'tweakX';
static const String _prefTweakY = 'tweakY';
static const String _prefThemeNumber = 'themeNumber';
static const String _prefLanguageCode = 'languageCode';
static bool _ready = false;
static double _sensitivity = ConstValue.sensitivityMin;
static int _scaleType = 0;
static double _tweakX = 0;
static double _tweakY = 0;
static String _languageCode = '';
static int _themeNumber = 0;
static double get sensitivity => _sensitivity;
static int get scaleType => _scaleType;
static double get tweakX => _tweakX;
static double get tweakY => _tweakY;
static String get languageCode => _languageCode;
static int get themeNumber => _themeNumber;
static Future<void> ensureReady() async {
if (_ready) {
return;
}
final SharedPreferences prefs = await SharedPreferences.getInstance();
//
_sensitivity = (prefs.getDouble(_prefSensitivity) ?? ConstValue.sensitivityMin).clamp(ConstValue.sensitivityMin, ConstValue.sensitivityMax);
_scaleType = (prefs.getInt(_prefScaleType) ?? 0).clamp(0, ConstValue.imageStages.length - 1);
_tweakX = (prefs.getDouble(_prefTweakX) ?? 0).clamp(-5.0, 5.0);
_tweakY = (prefs.getDouble(_prefTweakY) ?? 0).clamp(-5.0, 5.0);
_themeNumber = (prefs.getInt(_prefThemeNumber) ?? 0).clamp(0, 2);
_languageCode = prefs.getString(_prefLanguageCode) ?? '';
_ready = true;
}
static Future<void> setSensitivity(double value) async {
_sensitivity = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setDouble(_prefSensitivity, value);
}
static Future<void> setScaleType(int value) async {
_scaleType = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefScaleType, value);
}
static Future<void> setTweakX(double value) async {
_tweakX = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setDouble(_prefTweakX, value);
}
static Future<void> setTweakY(double value) async {
_tweakY = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setDouble(_prefTweakY, 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,
);
}
///
/// @author akira ohmachi
/// @copyright ao-system, Inc.
/// @date 2023-10-15
///
library;
import 'package:flutter/material.dart';
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:spiritlevel/theme_color.dart';
import 'package:spiritlevel/l10n/app_localizations.dart';
import 'package:spiritlevel/const_value.dart';
import 'package:spiritlevel/model.dart';
import 'package:spiritlevel/ad_manager.dart';
import 'package:spiritlevel/ad_banner_widget.dart';
import 'package:spiritlevel/ad_ump_status.dart';
import 'package:spiritlevel/loading_screen.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;
bool _isReady = false;
bool _isFirst = true;
//
double _sensitivity = ConstValue.sensitivityMin;
int _scaleType = 0;
double _tweakX = 0;
double _tweakY = 0;
@override
void initState() {
super.initState();
_initState();
}
void _initState() async {
_adManager = AdManager();
_sensitivity = Model.sensitivity;
_scaleType = Model.scaleType;
_tweakX = Model.tweakX;
_tweakY = Model.tweakY;
_themeNumber = Model.themeNumber;
_languageCode = Model.languageCode;
//
_adUmp = UmpConsentController();
_refreshConsentInfo();
//
setState(() {
_isReady = true;
});
}
@override
void 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}')),
);
}
}
Future<void> _onApply() async {
await Model.setSensitivity(_sensitivity);
await Model.setScaleType(_scaleType);
await Model.setTweakX(_tweakX);
await Model.setTweakY(_tweakY);
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,
elevation: 0,
leading: IconButton(
icon: const Icon(Icons.close),
onPressed: () => Navigator.of(context).pop(false),
),
title: Text(l.setting),
centerTitle: true,
actions: [
Padding(
padding: const EdgeInsets.only(right: 10),
child:IconButton(
icon: const Icon(Icons.check),
onPressed: _onApply,
)
),
],
),
body: 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: [
_buildSensitivity(l),
_buildScaleType(l),
_buildTweak(l),
_buildTheme(l),
_buildLanguage(l),
_buildCmp(l),
_buildUsage(l),
]),
),
),
),
),
]),
bottomNavigationBar: AdBannerWidget(adManager: _adManager),
);
}
Widget _buildSensitivity(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.sensitivity),
const Spacer(),
],
),
),
Padding(
padding: const EdgeInsets.only(left: 16, right: 16),
child: Row(
children: <Widget>[
Text(_sensitivity.toStringAsFixed(2)),
Expanded(
child: Slider(
value: _sensitivity.toDouble(),
min: ConstValue.sensitivityMin,
max: ConstValue.sensitivityMax,
divisions: 27,
label: _sensitivity.toStringAsFixed(2),
onChanged: (double value) {
setState(() {
_sensitivity = double.parse(value.toStringAsFixed(2));
});
}
),
),
],
),
),
],
)
);
}
Widget _buildScaleType(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.scaleType),
const Spacer(),
],
),
),
Padding(
padding: const EdgeInsets.only(left: 16, right: 16),
child: Row(
children: <Widget>[
Text(_scaleType.toStringAsFixed(0)),
Expanded(
child: Slider(
value: _scaleType.toDouble(),
min: 0,
max: ConstValue.imageStages.length - 1,
divisions: ConstValue.imageStages.length - 1,
label: _scaleType.toString(),
onChanged: (double value) {
setState(() {
_scaleType = value.toInt();
});
}
),
),
],
),
),
],
)
);
}
Widget _buildTweak(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.tweakX),
const Spacer(),
],
),
),
Padding(
padding: const EdgeInsets.only(left: 16, right: 16),
child: Row(
children: <Widget>[
Text(_tweakX.toStringAsFixed(1)),
Expanded(
child: Slider(
value: _tweakX.toDouble(),
min: -5.0,
max: 5.0,
divisions: 20,
label: _tweakX.toStringAsFixed(1),
onChanged: (double value) {
setState(() {
_tweakX = 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.tweakY),
const Spacer(),
],
),
),
Padding(
padding: const EdgeInsets.only(left: 16, right: 16),
child: Row(
children: <Widget>[
Text(_tweakY.toStringAsFixed(1)),
Expanded(
child: Slider(
value: _tweakY.toDouble(),
min: -5.0,
max: 5.0,
divisions: 20,
label: _tweakY.toStringAsFixed(1),
onChanged: (double value) {
setState(() {
_tweakY = value;
});
}
),
),
],
),
),
],
)
)
]
);
}
Widget _buildTheme(AppLocalizations l) {
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: 8),
child: Row(
children: [
Expanded(
child: Text(
l.theme,
style: Theme.of(context).textTheme.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 = {
'en': 'English',
'bg': 'Bulgarian',
'cs': 'Čeština',
'da': 'Dansk',
'de': 'Deutsch',
'el': 'Ελληνικά',
'es': 'Español',
'et': 'Eesti',
'fi': 'Suomi',
'fr': 'Français',
'hu': 'Magyar',
'id': 'Indonesia',
'it': 'Italiano',
'ja': '日本語',
'ko': '한국어',
'lt': 'Lietuvių',
'lv': 'Latviešu',
'nb': 'Norsk Bokmål',
'nl': 'Nederlands',
'no': 'Norsk',
'pl': 'Polski',
'pt': 'Português',
'ro': 'Română',
'ru': 'Русский',
'sk': 'Slovenčina',
'sv': 'Svenska',
'th': 'ไทย',
'tr': 'Türkçe',
'uk': 'Українська',
'vi': 'Tiếng Việt',
'zh': '中文',
};
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: Theme.of(context).textTheme.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 _buildCmp(AppLocalizations l) {
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: Theme.of(context).textTheme.bodyMedium,
),
const SizedBox(height: 8),
Text(
l.cmpConsentDescription,
style: Theme.of(context).textTheme.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: Theme.of(context).textTheme.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),
),
],
],
),
),
],
),
),
);
}
Widget _buildUsage(AppLocalizations l) {
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.usage1,
style: Theme.of(context).textTheme.bodySmall,
),
const SizedBox(height: 12),
Text(
l.usage2,
style: Theme.of(context).textTheme.bodySmall,
),
],
),
),
);
}
}
import 'package:flutter/material.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;
//main page
Color get mainBackColor => _isLight ? Color.fromRGBO(170, 170, 170, 1.0) : Color.fromRGBO(17, 17, 17, 1.0);
Color get mainForeColor => _isLight ? Colors.grey[200]! : Colors.grey[500]!;
//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 アプリ
