You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

261 lines
8.0 KiB

import 'package:aku_community_manager/ui/sub_pages/activity_manager/activity_manager_page.dart';
import 'package:aku_ui/common_widgets/aku_material_button.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:provider/provider.dart';
import 'package:aku_community_manager/const/resource.dart';
import 'package:aku_community_manager/provider/app_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/widgets/common/aku_back_button.dart';
import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
class AppApplication {
String name;
String assetPath;
Widget page;
AppApplication(
this.name,
this.assetPath,
this.page,
);
}
class ApplicationPage extends StatefulWidget {
ApplicationPage({Key key}) : super(key: key);
@override
_ApplicationPageState createState() => _ApplicationPageState();
}
class _ApplicationPageState extends State<ApplicationPage>
with SingleTickerProviderStateMixin {
PageController _pageController = PageController();
int _nowSelectedIndex = 0;
List<AppApplication> _recommandApplications = [
AppApplication(
'活动管理', R.ASSETS_HOME_IC_ACTIVITY_PNG, ActivityManagerPage()),
AppApplication('访客管理', R.ASSETS_HOME_IC_VISITORS_PNG, Scaffold()),
AppApplication('便民电话', '', Scaffold()),
AppApplication('借还管理', R.ASSETS_HOME_IC_BORROW_PNG, Scaffold()),
AppApplication('工单管理', '', Scaffold()),
AppApplication('语音管家', '', Scaffold()),
AppApplication('一键报警', R.ASSETS_HOME_IC_POLICE_PNG, Scaffold()),
AppApplication('问卷调查', '', Scaffold()),
];
@override
Widget build(BuildContext context) {
final appProvider = Provider.of<AppProvider>(context);
return AkuScaffold(
appBar: AppBar(
brightness: Brightness.light,
elevation: 0,
backgroundColor: Colors.white,
leading: SizedBox(
width: 89.w,
child: AkuBackButton(),
),
titleSpacing: 0,
title: Container(
margin: EdgeInsets.only(right: 37.w),
padding: EdgeInsets.symmetric(horizontal: 32.w),
height: 72.w,
child: Row(
children: [
Image.asset(
R.ASSETS_HOME_IC_SEARCH_PNG,
height: 40.w,
width: 40.w,
),
AkuBox.w(16),
Text(
'搜索应用',
style: TextStyle(
color: AppStyle.minorTextColor,
fontSize: 28.sp,
),
),
],
),
decoration: BoxDecoration(
color: Color(0xFFF9F9F9),
borderRadius: BorderRadius.circular(8.w),
),
),
),
body: Column(
children: [
AkuBox.h(16),
_buildRecentUsed(),
appProvider.recentUsedApp.isEmpty ? SizedBox() : AkuBox.h(16),
_buildBottomApps(),
],
),
);
}
///最近使用
_buildRecentUsed() {
final appProvider = Provider.of<AppProvider>(context);
return appProvider.recentUsedApp.isEmpty
? SizedBox()
: Material(
color: Colors.white,
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Row(
children: [
Padding(
child: Text(
'最近使用',
style: TextStyle(
color: AppStyle.primaryTextColor,
fontSize: 28.w,
fontWeight: FontWeight.bold,
),
),
padding: EdgeInsets.symmetric(
vertical: 18.w,
horizontal: 32.w,
),
),
Spacer(),
AkuMaterialButton(
onPressed: () {
appProvider.clearRecentApp();
},
child: Text(
'清除',
style: TextStyle(
color: AppStyle.secondaryColor,
fontSize: 28.w,
fontWeight: FontWeight.bold,
),
),
padding: EdgeInsets.symmetric(
vertical: 18.w,
horizontal: 32.w,
),
),
],
),
GridView(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 4,
),
children: appProvider.recentUsedApp
.map((e) => _buildBottomAppCard(e))
.toList(),
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
),
],
),
);
}
///应用组
_buildBottomApps() {
final appProvider = Provider.of<AppProvider>(context);
return Expanded(
child: Row(
children: [
SizedBox(
width: 172.w,
child: ListView(
children: [
_buildBottomTypeCard(0, '为您推荐'),
_buildBottomTypeCard(1, '智慧管家'),
],
),
),
Expanded(
child: Material(
color: Colors.white,
child: PageView(
controller: _pageController,
scrollDirection: Axis.vertical,
onPageChanged: (index) {
setState(() {
_nowSelectedIndex = index;
});
},
children: [
GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
),
physics: NeverScrollableScrollPhysics(),
itemBuilder: (context, index) {
final application = _recommandApplications[index];
return _buildBottomAppCard(application);
},
itemCount: _recommandApplications.length,
),
Text('23'),
],
),
),
),
],
),
);
}
///应用组分类卡片
_buildBottomTypeCard(int index, String title) {
final bool isSelected = _nowSelectedIndex == index;
return AkuMaterialButton(
color: isSelected ? Colors.white : Colors.transparent,
onPressed: () {
if (!isSelected)
setState(() {
_pageController.animateToPage(
index,
duration: Duration(milliseconds: 300),
curve: Curves.easeInOutCubic,
);
_nowSelectedIndex = index;
});
},
child: Text(
title,
style: TextStyle(
color:
isSelected ? AppStyle.primaryTextColor : AppStyle.minorTextColor,
fontSize: 28.sp,
fontWeight: FontWeight.bold,
),
),
);
}
Widget _buildBottomAppCard(AppApplication application) {
final appProvider = Provider.of<AppProvider>(context);
return AkuMaterialButton(
onPressed: () {
appProvider.addRecentApp(application);
Get.to(application.page);
},
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image.asset(
application.assetPath,
height: 72.w,
width: 72.w,
),
AkuBox.h(8),
Text(application.name),
],
),
);
}
}