vvip/smarthelmet_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.테마/컬러 수정

Browse Source 
2. UI 텍스트 한국어 번역
3. SettingScreen(설정 페이지) -현재 페이지는 레이아웃만 완성되었으며, 토글 스위치 및 링크 연결 기능은 미완성 상태입니다.
This commit is contained in:
KIMGYEONGRAN
2025-12-01 17:55:38 +09:00
parent c1d8fc597d
commit acb297fec1
9 changed files with 1178 additions and 659 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
lib/control_screen.dart
View File

@@ -8,10 +8,20 @@ class ControlScreen extends StatefulWidget {
}
class _ControlScreenState extends State<ControlScreen> {
final Color _bgColor = const Color(0xFF27292B);
final Color _cardColor = const Color(0xFF30343B);
final Color _buttonDarkColor = const Color(0xFF212327);
final Color _errorColor = Colors.redAccent;
final Color _mainBlueColor = const Color(0xFF002FA7);
final Color _mainTextColor = const Color(0xFF1C1C1E);
final Color _subTextColor = const Color(0xFF6A717B);
final Color _pageBackgroundColor = const Color(0xFFF5F7F9);
final Color _cardBackgroundColor = Colors.white;
final Color _accentContainerColor = const Color(0xFFF0F2F5);
final Color _warningColor = Colors.redAccent;
static const BoxShadow _cleanShadow = BoxShadow(
color: Color.fromRGBO(0, 0, 0, 0.07),
blurRadius: 8,
offset: Offset(0, 4),
spreadRadius: 0,
);
bool _isSecurityLocked = true;
int _selectedDoorIndex = 0;
@@ -19,23 +29,24 @@ class _ControlScreenState extends State<ControlScreen> {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: _bgColor,
backgroundColor: _pageBackgroundColor,
appBar: AppBar(
title: const Text(
'CONTROL CENTER',
title: Text(
'제어 센터',
style: TextStyle(
fontWeight: FontWeight.w700,
fontSize: 16,
color: Colors.white,
fontSize: 18,
letterSpacing: 0.5,
color: _mainTextColor,
),
),
backgroundColor: _bgColor,
backgroundColor: _pageBackgroundColor,
scrolledUnderElevation: 0,
elevation: 0,
centerTitle: false,
actions: [
IconButton(
icon: const Icon(Icons.more_vert, color: Colors.white),
icon: Icon(Icons.more_vert, color: _mainTextColor),
onPressed: () {},
),
],
@@ -67,16 +78,17 @@ class _ControlScreenState extends State<ControlScreen> {
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: _cardColor,
borderRadius: BorderRadius.circular(12),
color: _cardBackgroundColor,
borderRadius: BorderRadius.circular(8),
boxShadow: [_cleanShadow],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'SYSTEM STATUS',
Text(
'보관함 상태',
style: TextStyle(
color: Colors.white,
color: _mainTextColor,
fontSize: 14,
fontWeight: FontWeight.w600,
),
@@ -92,7 +104,7 @@ class _ControlScreenState extends State<ControlScreen> {
height: double.infinity,
padding: const EdgeInsets.all(20.0),
decoration: BoxDecoration(
color: _buttonDarkColor,
color: _accentContainerColor,
borderRadius: BorderRadius.circular(8),
),
child: Image.asset(
@@ -105,10 +117,10 @@ class _ControlScreenState extends State<ControlScreen> {
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
Text(
'NOW',
style: TextStyle(
color: Colors.white,
color: _subTextColor,
fontSize: 11,
fontWeight: FontWeight.bold,
),
@@ -116,17 +128,17 @@ class _ControlScreenState extends State<ControlScreen> {
const SizedBox(height: 8),
Expanded(
child: _buildStatusButton(
text: 'ONLINE',
textColor: Colors.white,
bgColor: _buttonDarkColor,
text: '사용 중',
textColor: _mainBlueColor,
bgColor: _accentContainerColor,
),
),
const SizedBox(height: 10),
Expanded(
child: _buildStatusButton(
text: 'SENSOR ERROR:\nLock Failure',
textColor: _errorColor,
bgColor: _buttonDarkColor,
text: 'ERROR: 문 열림',
textColor: _warningColor,
bgColor: _accentContainerColor,
isError: true,
),
),
@@ -171,16 +183,17 @@ class _ControlScreenState extends State<ControlScreen> {
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: _cardColor,
borderRadius: BorderRadius.circular(12),
color: _cardBackgroundColor,
borderRadius: BorderRadius.circular(8),
boxShadow: [_cleanShadow],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'DOOR CONTROL',
Text(
'문 잠금 제어',
style: TextStyle(
color: Colors.white,
color: _mainTextColor,
fontSize: 14,
fontWeight: FontWeight.w600,
),
@@ -213,14 +226,14 @@ class _ControlScreenState extends State<ControlScreen> {
child: Container(
height: 80,
decoration: BoxDecoration(
color: isSelected ? Colors.white : _buttonDarkColor,
color: isSelected ? _mainBlueColor : _accentContainerColor,
borderRadius: BorderRadius.circular(8),
),
child: Center(
child: Text(
text,
style: TextStyle(
color: isSelected ? Colors.black : Colors.white,
color: isSelected ? Colors.white : _mainTextColor,
fontWeight: FontWeight.bold,
fontSize: 18,
),
@@ -235,16 +248,17 @@ class _ControlScreenState extends State<ControlScreen> {
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: _cardColor,
borderRadius: BorderRadius.circular(12),
color: _cardBackgroundColor,
borderRadius: BorderRadius.circular(8),
boxShadow: [_cleanShadow],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Control Results & Alerts',
Text(
'조작 기록 및 경고',
style: TextStyle(
color: Colors.white,
color: _mainTextColor,
fontSize: 14,
fontWeight: FontWeight.w600,
),
@@ -253,7 +267,7 @@ class _ControlScreenState extends State<ControlScreen> {
Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: _buttonDarkColor,
color: _accentContainerColor,
borderRadius: BorderRadius.circular(6),
),
child: Column(
@@ -262,24 +276,24 @@ class _ControlScreenState extends State<ControlScreen> {
Row(
children: [
Icon(Icons.warning_amber_rounded,
color: _errorColor, size: 16),
color: _warningColor, size: 16),
const SizedBox(width: 8),
Expanded(
child: RichText(
text: TextSpan(
children: [
TextSpan(
text: 'Sensor Alert: ',
text: '센서 경고: ',
style: TextStyle(
color: _errorColor,
color: _warningColor,
fontWeight: FontWeight.bold,
fontSize: 12,
),
),
const TextSpan(
text: 'Door Not Fully Closed',
TextSpan(
text: '문 닫힘 불완전',
style: TextStyle(
color: Colors.white,
color: _mainTextColor,
fontSize: 12,
fontWeight: FontWeight.bold,
),
@@ -295,8 +309,8 @@ class _ControlScreenState extends State<ControlScreen> {
borderRadius: BorderRadius.circular(4),
child: LinearProgressIndicator(
value: 0.6,
backgroundColor: Colors.grey[800],
valueColor: AlwaysStoppedAnimation<Color>(_errorColor),
backgroundColor: _pageBackgroundColor,
valueColor: AlwaysStoppedAnimation<Color>(_warningColor),
minHeight: 6,
),
),
@@ -312,16 +326,17 @@ class _ControlScreenState extends State<ControlScreen> {
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: _cardColor,
borderRadius: BorderRadius.circular(12),
color: _cardBackgroundColor,
borderRadius: BorderRadius.circular(8),
boxShadow: [_cleanShadow],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Alert & Logs',
Text(
'조작 기록 및 경고',
style: TextStyle(
color: Colors.white,
color: _mainTextColor,
fontSize: 14,
fontWeight: FontWeight.w600,
),
@@ -330,36 +345,36 @@ class _ControlScreenState extends State<ControlScreen> {
Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: _buttonDarkColor,
color: _accentContainerColor,
borderRadius: BorderRadius.circular(6),
),
child: const Column(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Icon(Icons.warning_amber_rounded,
color: Colors.redAccent, size: 14),
SizedBox(width: 8),
color: _warningColor, size: 14),
const SizedBox(width: 8),
Text(
'Sensor Alert: Door Not Fully Closed',
'센서 경고: 문 열림',
style: TextStyle(
color: Colors.white,
color: _mainTextColor,
fontSize: 12,
fontWeight: FontWeight.bold,
),
),
],
),
SizedBox(height: 8),
const SizedBox(height: 8),
Row(
children: [
Icon(Icons.bookmark, color: Colors.white70, size: 14),
SizedBox(width: 8),
Icon(Icons.bookmark, color: _subTextColor, size: 14),
const SizedBox(width: 8),
Text(
'2:02 PM - UV LED Activated',
'2:02 PM - UV LED 작동',
style: TextStyle(
color: Colors.white,
color: _mainTextColor,
fontSize: 12,
fontWeight: FontWeight.bold,
),
@@ -378,16 +393,17 @@ class _ControlScreenState extends State<ControlScreen> {
return Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: _cardColor,
borderRadius: BorderRadius.circular(12),
color: _cardBackgroundColor,
borderRadius: BorderRadius.circular(8),
boxShadow: [_cleanShadow],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Security Lock Mode',
Text(
'도난 방지 잠금',
style: TextStyle(
color: Colors.white,
color: _mainTextColor,
fontSize: 14,
fontWeight: FontWeight.w600,
),
@@ -397,7 +413,7 @@ class _ControlScreenState extends State<ControlScreen> {
padding:
const EdgeInsets.symmetric(horizontal: 22, vertical: 16),
decoration: BoxDecoration(
color: _buttonDarkColor,
color: _accentContainerColor,
borderRadius: BorderRadius.circular(6),
),
child: Row(
@@ -405,10 +421,10 @@ class _ControlScreenState extends State<ControlScreen> {
children: [
Text(
_isSecurityLocked
? 'ON (Activated)'
: 'OFF (Deactivated)',
style: const TextStyle(
color: Colors.white,
? 'ON'
: 'OFF',
style: TextStyle(
color: _mainTextColor,
fontSize: 16,
fontWeight: FontWeight.bold,
),
@@ -422,10 +438,10 @@ class _ControlScreenState extends State<ControlScreen> {
_isSecurityLocked = val;
});
},
activeThumbColor: Colors.white,
activeTrackColor: _errorColor,
activeThumbColor: _mainBlueColor,
activeTrackColor: _mainBlueColor.withOpacity(0.5),
inactiveThumbColor: Colors.white,
inactiveTrackColor: Colors.grey,
inactiveTrackColor: _accentContainerColor,
),
),
],