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.
328 lines
12 KiB
328 lines
12 KiB
import 'dart:ui';
|
|
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:oktoast/oktoast.dart';
|
|
import 'package:recook/constants/api.dart';
|
|
import 'package:recook/constants/header.dart';
|
|
import 'package:recook/manager/http_manager.dart';
|
|
import 'package:recook/manager/user_manager.dart';
|
|
import 'package:recook/pages/live/models/live_exit_model.dart';
|
|
import 'package:recook/pages/live/models/live_stream_info_model.dart';
|
|
import 'package:recook/utils/date/recook_date_util.dart';
|
|
import 'package:recook/widgets/toast.dart';
|
|
|
|
class LiveBlurPage extends StatefulWidget {
|
|
final bool isLive;
|
|
final LiveExitModel exitModel;
|
|
final BuildContext context;
|
|
final int look;
|
|
final int praise;
|
|
final bool isFansWhenLive;
|
|
final LiveStreamInfoModel streamModel;
|
|
|
|
LiveBlurPage(
|
|
{Key key,
|
|
this.isLive = false,
|
|
this.exitModel,
|
|
@required this.context,
|
|
this.look,
|
|
this.praise,
|
|
this.streamModel,
|
|
this.isFansWhenLive = false})
|
|
: super(key: key);
|
|
|
|
@override
|
|
_LiveBlurPageState createState() => _LiveBlurPageState();
|
|
}
|
|
|
|
class _LiveBlurPageState extends State<LiveBlurPage> {
|
|
bool _isAttention = false;
|
|
bool _saveVideo = false;
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_isAttention = widget.isFansWhenLive;
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
Navigator.pop(widget.context);
|
|
super.dispose();
|
|
}
|
|
|
|
String get liveDuration => RecookDateUtil(
|
|
DateTime.fromMillisecondsSinceEpoch(widget.exitModel.duration * 1000)
|
|
.toUtc())
|
|
.detailDateWithSecond;
|
|
|
|
String get allDuration => RecookDateUtil(DateTime.fromMillisecondsSinceEpoch(
|
|
widget.exitModel.monthDuration * 1000)
|
|
.toUtc())
|
|
.detailDateWithSecond;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return BackdropFilter(
|
|
filter: ImageFilter.blur(sigmaX: 15, sigmaY: 15),
|
|
child: Scaffold(
|
|
backgroundColor: Color(0xFF232323).withOpacity(0.78),
|
|
appBar: AppBar(
|
|
elevation: 0,
|
|
backgroundColor: Colors.transparent,
|
|
leading: SizedBox(),
|
|
actions: [
|
|
IconButton(
|
|
icon: Icon(Icons.clear),
|
|
onPressed: () {
|
|
Navigator.pop(context);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
body: widget.isLive
|
|
? Center(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
'直播已结束',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: rSP(20),
|
|
),
|
|
),
|
|
rHBox(40),
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(rSize(80 / 2)),
|
|
child: FadeInImage.assetNetwork(
|
|
placeholder: R.ASSETS_PLACEHOLDER_NEW_1X1_A_PNG,
|
|
image: Api.getImgUrl(
|
|
UserManager.instance.user.info.headImgUrl),
|
|
height: rSize(80),
|
|
width: rSize(80),
|
|
),
|
|
),
|
|
rHBox(30),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
'本次直播 ',
|
|
style: TextStyle(
|
|
fontSize: rSP(14),
|
|
color: Color(0xFF999999),
|
|
),
|
|
),
|
|
Text(
|
|
'$liveDuration',
|
|
style: TextStyle(
|
|
fontSize: rSP(14),
|
|
color: Color(0xFFCCCCCC),
|
|
),
|
|
),
|
|
rWBox(30),
|
|
Text(
|
|
'本月共累计 ',
|
|
style: TextStyle(
|
|
fontSize: rSP(14),
|
|
color: Color(0xFF999999),
|
|
),
|
|
),
|
|
Text(
|
|
'$allDuration',
|
|
style: TextStyle(
|
|
fontSize: rSP(14),
|
|
color: Color(0xFFCCCCCC),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Divider(
|
|
height: rSize(40),
|
|
thickness: rSize(1),
|
|
color: Colors.white.withOpacity(0.06),
|
|
indent: rSize(16),
|
|
endIndent: rSize(16),
|
|
),
|
|
GridView(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: rSize(54), vertical: 0),
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
crossAxisCount: 3),
|
|
children: [
|
|
_buildColumn('${widget.exitModel.salesVolume}', '销售金额'),
|
|
_buildColumn(
|
|
'${widget.exitModel.anticipatedRevenue}', '预计收入'),
|
|
_buildColumn('${widget.exitModel.buy}', '购买人数'),
|
|
_buildColumn('${widget.exitModel.look}', '观看'),
|
|
_buildColumn('${widget.exitModel.praise}', '获赞'),
|
|
_buildColumn('${widget.exitModel.fans}', '新增粉丝'),
|
|
],
|
|
physics: NeverScrollableScrollPhysics(),
|
|
shrinkWrap: true,
|
|
),
|
|
Divider(
|
|
height: rSize(40),
|
|
thickness: rSize(1),
|
|
color: Colors.white.withOpacity(0.06),
|
|
indent: rSize(16),
|
|
endIndent: rSize(16),
|
|
),
|
|
Row(
|
|
children: [
|
|
Spacer(),
|
|
Text(
|
|
'直播保存',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: rSP(16),
|
|
),
|
|
),
|
|
rWBox(20),
|
|
CupertinoSwitch(
|
|
value: _saveVideo,
|
|
onChanged: widget.exitModel.duration<60?
|
|
(state){
|
|
Toast.showError('直播时长过短，禁止录制',align: Alignment.center);
|
|
}
|
|
:(state) {
|
|
setState(() {
|
|
_saveVideo = !_saveVideo;
|
|
});
|
|
},
|
|
activeColor: Color(0xFFDB2D2D),
|
|
trackColor: Color(0x99D8D8D8),
|
|
),
|
|
rWBox(45),
|
|
],
|
|
),
|
|
rHBox(32),
|
|
MaterialButton(
|
|
height: rSize(40),
|
|
minWidth: rSize(209),
|
|
child: Text(
|
|
'确定',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: rSP(18),
|
|
),
|
|
),
|
|
onPressed: () {
|
|
if (_saveVideo)
|
|
HttpManager.post(LiveAPI.recordLive, {
|
|
'liveItemId': widget.streamModel.id,
|
|
}).then((result) {
|
|
print(result);
|
|
});
|
|
Navigator.pop(context);
|
|
},
|
|
color: Color(0xFFDB2D2D),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(rSize(20)),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
)
|
|
: Center(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
'直播已结束',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: rSP(20),
|
|
),
|
|
),
|
|
rHBox(40),
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(rSize(80 / 2)),
|
|
child: FadeInImage.assetNetwork(
|
|
placeholder: R.ASSETS_PLACEHOLDER_NEW_1X1_A_PNG,
|
|
image: Api.getImgUrl(widget.streamModel.headImgUrl),
|
|
height: rSize(80),
|
|
width: rSize(80),
|
|
),
|
|
),
|
|
rHBox(55),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
_buildColumn('${widget.look}', '观看人数'),
|
|
_buildColumn('${widget.praise}', '获赞'),
|
|
],
|
|
),
|
|
rHBox(50),
|
|
MaterialButton(
|
|
height: rSize(40),
|
|
minWidth: rSize(209),
|
|
child: Text(
|
|
_isAttention ? '已关注' : '关注',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: rSP(18),
|
|
),
|
|
),
|
|
onPressed: _isAttention
|
|
? () {}
|
|
: () {
|
|
setState(() {
|
|
_isAttention = true;
|
|
});
|
|
HttpManager.post(
|
|
LiveAPI.addFollow,
|
|
{'followUserId': widget.streamModel.userId},
|
|
);
|
|
},
|
|
color: _isAttention
|
|
? Colors.red.withOpacity(0.4)
|
|
: Color(0xFFDB2D2D),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(rSize(20)),
|
|
),
|
|
),
|
|
rHBox(16),
|
|
_isAttention
|
|
? SizedBox()
|
|
: Text(
|
|
'关注主播，不错过更多精彩内容',
|
|
style: TextStyle(
|
|
color: Color(0xFF999999),
|
|
fontSize: rSP(12),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
_buildColumn(String title, String subTitle) {
|
|
return Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.white,
|
|
fontSize: rSP(20),
|
|
),
|
|
),
|
|
rHBox(10),
|
|
Text(
|
|
subTitle,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.white.withOpacity(0.62),
|
|
fontSize: rSP(14),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|