import 'package:aku_community_manager/provider/user_provider.dart'; import 'package:aku_community_manager/style/app_style.dart'; import 'package:aku_community_manager/tools/screen_tool.dart'; import 'package:aku_community_manager/tools/widget_tool.dart'; import 'package:aku_community_manager/ui/home/messages/message.dart'; import 'package:aku_community_manager/ui/home/application/applications_page.dart'; import 'package:aku_community_manager/ui/home/personal_draw.dart'; import 'package:aku_community_manager/ui/tool_pages/scan_page.dart'; import 'package:aku_ui/aku_ui.dart'; import 'package:aku_ui/common_widgets/aku_material_button.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:get/get.dart'; import 'package:provider/provider.dart'; class HomePage extends StatefulWidget { HomePage({Key key}) : super(key: key); @override _HomePageState createState() => _HomePageState(); } class _HomePageState extends State { //自定义bar的菜单按钮 Widget _menuButton(IconData iconData, String text, Widget page) { return Expanded( child: AkuButton( radius: 8.w, height: 75.w + 8.w + 33.w, onPressed: () { Get.to(page); }, child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon( iconData, size: 75.w, ), SizedBox(height: 8.w), Text( text, style: TextStyle( color: Color(0xFF4A4B51), fontSize: 24.sp, fontWeight: FontWeight.bold, ), ) ], ), ), ); } //底部信息栏卡片 Widget _card(String number, String text, Color color) { return AkuButton( radius: 8.w, onPressed: () {}, color: Color(0xFFFFFFFF), child: Container( width: 342.5.w, height: 166.w, alignment: Alignment.center, child: Column( children: [ SizedBox( height: 32.w, ), Text( number, style: TextStyle( color: color, fontSize: 40.sp, fontFamily: 'Bebas', ), ), SizedBox( height: 16.w, ), Text(text, style: TextStyle( color: AppStyle.minorTextColor, fontSize: 24.sp, fontWeight: FontWeight.bold)), Spacer(), ], )), ); } @override void initState() { super.initState(); SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle( statusBarColor: Colors.transparent, )); } @override Widget build(BuildContext context) { final userProvider = Provider.of(context); ScreenUtil.init(context, designSize: Size(750, 1334), allowFontScaling: true); return AnnotatedRegion( child: Scaffold( drawer: PersonalDraw(), backgroundColor: Color(0xFFF9F9F9), //自定义bar appBar: PreferredSize( preferredSize: Size(375.w, 430.w - 40.w + statusBarHeight), child: Container( height: 430.w - 40.w + ScreenUtil().statusBarHeight, width: double.infinity, decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [ Color(0xFFFFDC6F), Color(0xFFFFC40C), ], ), borderRadius: BorderRadius.only(bottomRight: Radius.circular(32.w)), ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ SizedBox(height: ScreenUtil().statusBarHeight), Container( height: 88.w, child: Row(children: [ SizedBox( width: 16.w, ), Container( margin: EdgeInsets.only(top: 8.w, bottom: 8.w), width: 72.w, height: 72.w, //头像按钮 child: Builder( builder: (BuildContext context) { return GestureDetector( onTap: () { Scaffold.of(context).openDrawer(); }, child: CircleAvatar( radius: 36.w, backgroundColor: Colors.grey, child: userProvider.isSigned ? null : null, ), ); }, ), ), SizedBox(width: 16.w), Expanded( child: Container( margin: EdgeInsets.only(top: 8.w, bottom: 8.w), alignment: Alignment.center, height: 72.w, child: AkuButton( //搜索框按钮 color: Color(0xFFFFFFFF), onPressed: () {}, radius: 8.w, child: Row(children: [ Container( child: Column( children: [ SizedBox(height: 18.w), Icon( Icons.zoom_in_sharp, size: 38.w, ), ], ), ), SizedBox(width: 19.w), Text( '搜索工单订单号、手机', style: TextStyle( color: AppStyle.minorTextColor, fontSize: 28.sp, ), ), ]), ), ), ), SizedBox(width: 15.w), Container( margin: EdgeInsets.only(top: 5.w, bottom: 5.w), child: MaterialButton( materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, //扫一扫按钮 height: double.infinity, minWidth: 78.w, padding: EdgeInsets.zero, onPressed: () { Get.to(ScanPage()); }, child: Column(children: [ Image.asset( R.ASSETS_HOME_IC_SCAN_PNG, height: 48.w, width: 48.w, ), Text( '扫一扫', style: TextStyle( color: AppStyle.primaryTextColor, fontSize: 20.sp, fontWeight: FontWeight.normal, ), ), ]), ), ), Container( margin: EdgeInsets.only(top: 5.w, bottom: 5.w), child: AkuMaterialButton( minWidth: 78.w, //消息按钮 height: double.infinity, onPressed: () {}, child: Column(children: [ Image.asset( R.ASSETS_HOME_IC_NEWS_PNG, height: 48.w, width: 48.w, ), Text( '消息', style: TextStyle( color: AppStyle.primaryTextColor, fontSize: 20.sp, ), ), ]), ), ), SizedBox(width: 17.w), ]), ), SizedBox(height: 24.w), Container( margin: EdgeInsets.only( left: 32.w, ), height: 67.w, child: Text( 'HI，李大海', style: TextStyle( color: AppStyle.primaryTextColor, fontWeight: FontWeight.bold, fontSize: 48.sp), ), ), SizedBox(height: 16.w), Container( margin: EdgeInsets.only(left: 32.w, right: 32.w), width: double.infinity, height: 163.w, decoration: BoxDecoration( color: Color(0xFFFFFFFF), borderRadius: BorderRadius.circular(8.w), ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: [ _menuButton(Icons.wysiwyg, '一键报警', HomePage()), _menuButton(Icons.work, '访客管理', HomePage()), _menuButton(Icons.accessibility, '报事报修', HomePage()), _menuButton( Icons.account_balance, '全部应用', ApplicationPage()), ], ), ), ], ), ), ), body: ListView( padding: EdgeInsets.all(32.w), children: [ Container( //公告标题行 width: double.infinity, height: 45.w, child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Text( '今日公告', style: TextStyle( color: Color(0xFF4A4B51), fontSize: 32.sp, fontWeight: FontWeight.bold, ), ), Spacer(), AkuButton( //全部公告按钮 onPressed: () {}, child: Row( children: [ Text( '全部公告', style: TextStyle( color: AppStyle.minorTextColor, fontSize: 24.sp, fontWeight: FontWeight.bold, ), ), Icon( Icons.arrow_forward_ios, size: 22.w, color: AppStyle.minorTextColor, ) ], ), ), ], ), ), SizedBox(height: 16.w), //公告栏 Container( color: Color(0xFFFFFFFF), //公告栏 width: double.infinity, height: 172.w, //TODO listview ), SizedBox(height: 32.w), //待办事项标题行 Container( width: double.infinity, height: 45.w, child: Row( children: [ Text( '待办事项', style: TextStyle( color: Color(0xFF4A4B51), fontSize: 32.sp, fontWeight: FontWeight.bold, ), ), Spacer(), AkuButton( onPressed: () {}, child: Row( children: [ Text( '全部事项', style: TextStyle( color: AppStyle.minorTextColor, fontSize: 24.sp, fontWeight: FontWeight.bold), ), Icon( Icons.arrow_forward_ios, size: 22.w, color: AppStyle.minorTextColor, ), ], ), ), ], ), ), SizedBox(height: 16.w), //待办事项栏 Container( width: double.infinity, height: 449.w, //TODO listview ), SizedBox(height: 24.w), //底部信息栏 Container( width: double.infinity, decoration: BoxDecoration( borderRadius: BorderRadius.circular(8.w), color: Colors.white, ), child: Column( children: [ Row( children: [ _card('25', '未处理事项', Color(0xFFFF4E0D)), AkuDiveder().verticalDivider(166.5.w), _card('22', '处理中事项', Color(0xFFFFC40C)), ], ), Row(children: [ AkuDiveder().horizontalDivider(343.w), AkuDiveder(isReverse: true).horizontalDivider(343.w) ]), Row( children: [ _card('25', '已处理事项', Color(0xFF3F8FFE)), AkuDiveder(isReverse: true).verticalDivider( 166.5.w, ), _card('72', '全部事项', Color(0xFF333333)), ], ), ], ), ), ], ), ), value: SystemUiOverlayStyle.dark, ); } }