MoodCanvas/lib/screens/settings/settings_screen.dart
fengshengxiong 91b7eebbf2 接入TopON
2026-01-22 16:34:55 +08:00

367 lines
10 KiB
Dart

import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:share_plus/share_plus.dart';
import 'package:aesthetica_wallpaper/models/app_settings.dart';
class SettingsScreen extends StatefulWidget {
const SettingsScreen({super.key});
@override
State<SettingsScreen> createState() => _SettingsScreenState();
}
class _SettingsScreenState extends State<SettingsScreen> {
AppSettings _settings = AppSettings();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Settings'),
backgroundColor: Colors.grey[900],
elevation: 0,
),
body: ListView(
padding: const EdgeInsets.fromLTRB(
16,
16,
16,
100,
), // 增加底部内边距避免被底部导航栏遮挡
children: [
// 应用信息卡片
_buildAppInfoCard(),
const SizedBox(height: 24),
// 壁纸设置
_buildSectionTitle('Wallpaper'),
_buildSettingsCard([
_buildSwitchTile(
title: 'Auto Save',
subtitle: 'Automatically save recipes',
value: _settings.autoSave,
onChanged: (value) {
setState(() {
_settings = _settings.copyWith(autoSave: value);
});
},
),
_buildDivider(),
_buildSliderTile(
title: 'Image Quality',
subtitle: '${(_settings.imageQuality * 100).toInt()}%',
value: _settings.imageQuality,
onChanged: (value) {
setState(() {
_settings = _settings.copyWith(imageQuality: value);
});
},
),
]),
const SizedBox(height: 24),
// 通知设置
_buildSectionTitle('Notifications'),
_buildSettingsCard([
_buildSwitchTile(
title: 'Push Notifications',
subtitle: 'Receive app notifications',
value: _settings.notifications,
onChanged: (value) {
setState(() {
_settings = _settings.copyWith(notifications: value);
});
},
),
]),
const SizedBox(height: 24),
// Other settings
_buildSectionTitle('Other'),
_buildSettingsCard([
_buildListTile(
title: 'Share App',
subtitle: 'Share MoodCanvas:Walls with friends',
trailing: const Icon(Icons.share, size: 16),
onTap: () => _shareApp(),
),
_buildDivider(),
_buildListTile(
title: 'About',
subtitle: 'Version 1.1.1',
trailing: const Icon(Icons.arrow_forward_ios, size: 16),
onTap: () => _showAboutDialog(),
),
_buildDivider(),
_buildListTile(
title: 'Privacy Policy',
subtitle: 'Read our privacy policy',
trailing: const Icon(Icons.open_in_new, size: 16),
onTap: () => _openPrivacyPolicy(),
),
_buildDivider(),
]),
],
),
);
}
Widget _buildAppInfoCard() {
return Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
gradient: const LinearGradient(
colors: [Colors.pinkAccent, Colors.purpleAccent],
begin: Alignment.topLeft,
end: Alignment.bottomRight,
),
borderRadius: BorderRadius.circular(16),
),
child: Row(
children: [
CircleAvatar(
radius: 30,
backgroundColor: Colors.white.withValues(alpha: 0.2),
child: const Icon(Icons.palette, size: 30, color: Colors.white),
),
const SizedBox(width: 16),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'MoodCanvas:Walls',
style: TextStyle(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 4),
Text(
'Wallpaper Creator v1.1.1',
style: TextStyle(
color: Colors.white.withValues(alpha: 0.8),
fontSize: 14,
),
),
],
),
),
IconButton(
onPressed: () => _showAboutDialog(),
icon: const Icon(Icons.info_outline, color: Colors.white),
),
],
),
);
}
Widget _buildSectionTitle(String title) {
return Padding(
padding: const EdgeInsets.only(left: 16, bottom: 8),
child: Text(
title,
style: TextStyle(
color: Colors.grey[400],
fontSize: 14,
fontWeight: FontWeight.w600,
letterSpacing: 0.5,
),
),
);
}
Widget _buildSettingsCard(List<Widget> children) {
return Container(
decoration: BoxDecoration(
color: Colors.grey[800],
borderRadius: BorderRadius.circular(12),
),
child: Column(children: children),
);
}
Widget _buildSwitchTile({
required String title,
required String subtitle,
required bool value,
required ValueChanged<bool> onChanged,
}) {
return SwitchListTile(
title: Text(
title,
style: const TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.w500,
),
),
subtitle: Text(
subtitle,
style: TextStyle(color: Colors.grey[400], fontSize: 14),
),
value: value,
onChanged: onChanged,
activeThumbColor: Colors.pinkAccent,
);
}
Widget _buildListTile({
required String title,
required String subtitle,
required Widget trailing,
required VoidCallback onTap,
}) {
return ListTile(
title: Text(
title,
style: const TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.w500,
),
),
subtitle: Text(
subtitle,
style: TextStyle(color: Colors.grey[400], fontSize: 14),
),
trailing: trailing,
onTap: onTap,
);
}
Widget _buildSliderTile({
required String title,
required String subtitle,
required double value,
required ValueChanged<double> onChanged,
}) {
return ListTile(
title: Text(
title,
style: const TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.w500,
),
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
subtitle,
style: TextStyle(color: Colors.grey[400], fontSize: 14),
),
Slider(
value: value,
onChanged: onChanged,
activeColor: Colors.pinkAccent,
inactiveColor: Colors.grey[600],
),
],
),
);
}
Widget _buildDivider() {
return Divider(
height: 1,
color: Colors.grey[700],
indent: 16,
endIndent: 16,
);
}
void _showAboutDialog() {
showDialog(
context: context,
builder: (context) => AlertDialog(
backgroundColor: Colors.grey[800],
title: const Text(
'About MoodCanvas:Walls',
style: TextStyle(color: Colors.white),
),
content: const Text(
'MoodCanvas:Walls v1.1.1\n\nCreate beautiful, mood-based wallpapers with our powerful editor and stay updated with real-time weather information. Express your creativity and personalize your device.',
style: TextStyle(color: Colors.white),
),
actions: [
TextButton(
onPressed: () => Navigator.of(context).pop(),
child: const Text('OK', style: TextStyle(color: Colors.pinkAccent)),
),
],
),
);
}
// Share app functionality
Future<void> _shareApp() async {
try {
await SharePlus.instance.share(
ShareParams(
text:
'Check out MoodCanvas:Walls! 🎨\n\nCreate beautiful, mood-based wallpapers with powerful editing tools and stay updated with real-time weather information. Express your creativity and personalize your device!\n\nDownload now: https://moodcanvas.app',
subject: 'MoodCanvas:Walls - Wallpaper Creator',
),
);
} catch (e) {
if (mounted) {
_showErrorSnackBar('Failed to share app: $e');
}
}
}
// Open privacy policy URL
Future<void> _openPrivacyPolicy() async {
final Uri url = Uri.parse('https://moodcanvas.bitbucket.io/privacy.html');
try {
if (await canLaunchUrl(url)) {
await launchUrl(url, mode: LaunchMode.externalApplication);
} else {
if (mounted) {
_showErrorSnackBar('Could not open privacy policy');
}
}
} catch (e) {
if (mounted) {
_showErrorSnackBar('Failed to open privacy policy: $e');
}
}
}
// Open terms of service URL
Future<void> _openTermsOfService() async {
final Uri url = Uri.parse('https://moodcanvas.bitbucket.io/terms.html');
try {
if (await canLaunchUrl(url)) {
await launchUrl(url, mode: LaunchMode.externalApplication);
} else {
if (mounted) {
_showErrorSnackBar('Could not open terms of service');
}
}
} catch (e) {
if (mounted) {
_showErrorSnackBar('Failed to open terms of service: $e');
}
}
}
// Show error snackbar
void _showErrorSnackBar(String message) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(message),
backgroundColor: Colors.red,
behavior: SnackBarBehavior.floating,
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
duration: const Duration(seconds: 3),
),
);
}
}