章文轩
4 years ago
parent
52e968477c
commit
3b24d5c572
|
After Width: | Height: | Size: 558 KiB |
@ -0,0 +1,27 @@
|
||||
|
||||
|
||||
import 'package:recook/constants/api_v2.dart';
|
||||
import 'package:recook/manager/http_manager.dart';
|
||||
import 'package:recook/pages/home/model/aku_video_list_model.dart';
|
||||
|
||||
class HomeFuc {
|
||||
|
||||
//视频列表
|
||||
static Future<AkuVideoListModel> getAkuVideoList(
|
||||
String title,int page
|
||||
) async {
|
||||
ResultData result = await HttpManager.post(
|
||||
APIV2.userAPI.getAkuVideoList, {'title': title,
|
||||
'page':{
|
||||
'limit':10,
|
||||
'page':page,
|
||||
}
|
||||
});
|
||||
|
||||
if (result.data != null) {
|
||||
if (result.data['data'] != null) {
|
||||
return AkuVideoListModel.fromJson(result.data['data']);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,79 @@
|
||||
class AkuVideoListModel {
|
||||
List<AkuVideo> list;
|
||||
int total;
|
||||
|
||||
AkuVideoListModel({this.list, this.total});
|
||||
|
||||
AkuVideoListModel.fromJson(Map<String, dynamic> json) {
|
||||
if (json['list'] != null) {
|
||||
list = new List<AkuVideo>();
|
||||
json['list'].forEach((v) {
|
||||
list.add(new AkuVideo.fromJson(v));
|
||||
});
|
||||
}
|
||||
total = json['total'];
|
||||
}
|
||||
|
||||
Map<String, dynamic> toJson() {
|
||||
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||
if (this.list != null) {
|
||||
data['list'] = this.list.map((v) => v.toJson()).toList();
|
||||
}
|
||||
data['total'] = this.total;
|
||||
return data;
|
||||
}
|
||||
}
|
||||
|
||||
class AkuVideo {
|
||||
int id;
|
||||
String title;
|
||||
String subTitle;
|
||||
int type;//1为视频 2为图文
|
||||
int isDraft;
|
||||
String createDTime;
|
||||
String textBody;
|
||||
String coverUrl;
|
||||
String videoUrl;
|
||||
num numberOfHits;
|
||||
|
||||
AkuVideo(
|
||||
{this.id,
|
||||
this.title,
|
||||
this.subTitle,
|
||||
this.type,
|
||||
this.isDraft,
|
||||
this.createDTime,
|
||||
this.textBody,
|
||||
this.coverUrl,
|
||||
this.videoUrl,
|
||||
this.numberOfHits,
|
||||
});
|
||||
|
||||
AkuVideo.fromJson(Map<String, dynamic> json) {
|
||||
id = json['id'];
|
||||
title = json['title'];
|
||||
subTitle = json['sub_title'];
|
||||
type = json['type'];
|
||||
isDraft = json['is_draft'];
|
||||
createDTime = json['create_d_time'];
|
||||
textBody = json['text_body'];
|
||||
coverUrl = json['cover_url'];
|
||||
videoUrl = json['video_url'];
|
||||
numberOfHits = json['number_of_hits'];
|
||||
}
|
||||
|
||||
Map<String, dynamic> toJson() {
|
||||
final Map<String, dynamic> data = new Map<String, dynamic>();
|
||||
data['id'] = this.id;
|
||||
data['title'] = this.title;
|
||||
data['sub_title'] = this.subTitle;
|
||||
data['type'] = this.type;
|
||||
data['is_draft'] = this.isDraft;
|
||||
data['create_d_time'] = this.createDTime;
|
||||
data['text_body'] = this.textBody;
|
||||
data['cover_url'] = this.coverUrl;
|
||||
data['video_url'] = this.videoUrl;
|
||||
data['number_of_hits'] = this.numberOfHits;
|
||||
return data;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,172 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:recook/base/base_store_state.dart';
|
||||
import 'package:recook/constants/api.dart';
|
||||
import 'package:recook/constants/constants.dart';
|
||||
import 'package:recook/constants/header.dart';
|
||||
import 'package:recook/constants/styles.dart';
|
||||
import 'package:recook/pages/home/function/home_fuc.dart';
|
||||
import 'package:recook/pages/home/model/aku_video_list_model.dart';
|
||||
import 'package:recook/widgets/custom_app_bar.dart';
|
||||
import 'package:recook/widgets/custom_cache_image.dart';
|
||||
import 'package:recook/widgets/progress/re_toast.dart';
|
||||
import 'package:recook/widgets/refresh_widget.dart';
|
||||
import 'package:recook/widgets/webView.dart';
|
||||
import 'package:velocity_x/velocity_x.dart';
|
||||
import 'package:flustars/flustars.dart';
|
||||
import 'package:chewie/chewie.dart';
|
||||
import 'package:video_player/video_player.dart';
|
||||
import 'package:webview_flutter/webview_flutter.dart';
|
||||
|
||||
class AkuCollegeDetailPage extends StatefulWidget {
|
||||
final AkuVideo akuVideo;
|
||||
|
||||
const AkuCollegeDetailPage({Key key, @required this.akuVideo})
|
||||
: super(key: key);
|
||||
@override
|
||||
State<StatefulWidget> createState() {
|
||||
return _AkuCollegeDetailPageState();
|
||||
}
|
||||
}
|
||||
|
||||
class _AkuCollegeDetailPageState extends BaseStoreState<AkuCollegeDetailPage> {
|
||||
//final FijkPlayer player = FijkPlayer();
|
||||
|
||||
VideoPlayerController _videoPlayerController;
|
||||
ChewieController _chewieController;
|
||||
WebViewController _webViewController;
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
if (widget.akuVideo.type == 1) {
|
||||
_videoPlayerController = VideoPlayerController.network(
|
||||
Api.getImgUrl(widget.akuVideo.videoUrl));
|
||||
_videoPlayerController.initialize().then((_) {
|
||||
_chewieController = ChewieController(
|
||||
videoPlayerController: _videoPlayerController,
|
||||
aspectRatio: _videoPlayerController.value.aspectRatio,
|
||||
autoPlay: false,
|
||||
showControls: true,
|
||||
);
|
||||
|
||||
setState(() {});
|
||||
});
|
||||
}
|
||||
|
||||
// player.setDataSource(Api.getImgUrl(widget.akuVideo.videoUrl),
|
||||
// autoPlay: false);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_videoPlayerController?.dispose();
|
||||
_chewieController?.dispose();
|
||||
super.dispose();
|
||||
//player.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget buildContext(BuildContext context, {store}) {
|
||||
return Scaffold(
|
||||
backgroundColor: Color(0xFFFFFFFF),
|
||||
appBar: CustomAppBar(
|
||||
title: "".text.bold.size(18.rsp).make(),
|
||||
themeData: AppThemes.themeDataGrey.appBarTheme,
|
||||
),
|
||||
body: _bodyWidget(),
|
||||
);
|
||||
}
|
||||
|
||||
_bodyWidget() {
|
||||
return ListView(
|
||||
children: [
|
||||
40.hb,
|
||||
Row(
|
||||
children: [
|
||||
30.wb,
|
||||
Text(
|
||||
widget.akuVideo.title,
|
||||
maxLines: 2,
|
||||
softWrap: true,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
fontSize: 20.rsp,
|
||||
color: Color(0xFF333333),
|
||||
fontWeight: FontWeight.bold),
|
||||
).expand(),
|
||||
30.wb,
|
||||
],
|
||||
),
|
||||
20.hb,
|
||||
Row(
|
||||
children: [
|
||||
30.wb,
|
||||
Text(
|
||||
widget.akuVideo.subTitle,
|
||||
softWrap: true,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
fontSize: 12.rsp,
|
||||
color: Color(0xFF333333),
|
||||
),
|
||||
),
|
||||
40.wb,
|
||||
Container(
|
||||
padding: EdgeInsets.only(top: 3.rw),
|
||||
child: Text(
|
||||
_getDateTime(widget.akuVideo.createDTime),
|
||||
softWrap: true,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
fontSize: 12.rsp,
|
||||
color: Color(0xFF999999),
|
||||
),
|
||||
),
|
||||
),
|
||||
40.wb,
|
||||
Text(
|
||||
widget.akuVideo.numberOfHits.toString() + '人已学习',
|
||||
softWrap: true,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
fontSize: 12.rsp,
|
||||
color: Color(0xFF999999),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
widget.akuVideo.type == 1 ? _playVideo() : _playImagText()
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
_getDateTime(String date) {
|
||||
if (date.isEmpty) {
|
||||
return date;
|
||||
} else {
|
||||
DateTime dateTime = DateUtil.getDateTime(date);
|
||||
return DateUtil.formatDate(dateTime, format: 'yyyy-MM-dd');
|
||||
}
|
||||
}
|
||||
|
||||
_playVideo() {
|
||||
return Container(
|
||||
padding: EdgeInsets.only(top: 20.rw, left: 15.rw, right: 15.rw),
|
||||
height: 230.rw,
|
||||
child: _chewieController != null
|
||||
? Chewie(
|
||||
controller: _chewieController,
|
||||
)
|
||||
: SizedBox(),
|
||||
);
|
||||
}
|
||||
|
||||
// _playImagText() {
|
||||
// return Container(
|
||||
// height: 300.rw,
|
||||
// width: 500.rw,
|
||||
// child: HtmlWidget(),
|
||||
// );
|
||||
// }
|
||||
|
||||
}
|
||||
@ -0,0 +1,260 @@
|
||||
import 'package:flutter/cupertino.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:recook/base/base_store_state.dart';
|
||||
import 'package:recook/constants/api.dart';
|
||||
import 'package:recook/constants/constants.dart';
|
||||
import 'package:recook/constants/header.dart';
|
||||
import 'package:recook/constants/styles.dart';
|
||||
import 'package:recook/pages/home/function/home_fuc.dart';
|
||||
import 'package:recook/pages/home/model/aku_video_list_model.dart';
|
||||
import 'package:recook/widgets/custom_app_bar.dart';
|
||||
import 'package:recook/widgets/custom_cache_image.dart';
|
||||
import 'package:recook/widgets/progress/re_toast.dart';
|
||||
import 'package:recook/widgets/refresh_widget.dart';
|
||||
import 'package:velocity_x/velocity_x.dart';
|
||||
|
||||
|
||||
import 'aku_college_detail_page.dart';
|
||||
|
||||
class AkuCollegePage extends StatefulWidget {
|
||||
@override
|
||||
State<StatefulWidget> createState() {
|
||||
return _AkuCollegePageState();
|
||||
}
|
||||
}
|
||||
|
||||
class _AkuCollegePageState extends BaseStoreState<AkuCollegePage> {
|
||||
GSRefreshController _refreshController =
|
||||
GSRefreshController(initialRefresh: true);
|
||||
TextEditingController _textEditController;
|
||||
AkuVideoListModel _akuVideoListModel;
|
||||
List<AkuVideo> _akuVideoList;
|
||||
String _searchText;
|
||||
int page = 1;
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget buildContext(BuildContext context, {store}) {
|
||||
return Scaffold(
|
||||
backgroundColor: Color(0xFFFFFFFF),
|
||||
appBar: CustomAppBar(
|
||||
title: "阿库学院".text.bold.size(18.rsp).make(),
|
||||
themeData: AppThemes.themeDataGrey.appBarTheme,
|
||||
),
|
||||
body: _bodyWidget(),
|
||||
);
|
||||
}
|
||||
|
||||
_bodyWidget() {
|
||||
return Column(
|
||||
children: [
|
||||
GestureDetector(
|
||||
onTap: () {},
|
||||
child: Container(
|
||||
width: double.infinity,
|
||||
height: 160.rw,
|
||||
child: Image.asset(
|
||||
R.ASSETS_AKU_COLLEGE_PNG,
|
||||
fit: BoxFit.fill,
|
||||
),
|
||||
),
|
||||
),
|
||||
50.hb,
|
||||
Container(
|
||||
alignment: Alignment.center,
|
||||
width: 190.rw,
|
||||
height: 26.rw,
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
offset: Offset(0, 2),
|
||||
color: Color(0x45B4B1B1),
|
||||
blurRadius: 4.rw,
|
||||
)
|
||||
],
|
||||
borderRadius: BorderRadius.all(Radius.circular(13.rw)),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: CupertinoTextField(
|
||||
keyboardType: TextInputType.text,
|
||||
controller: _textEditController,
|
||||
//textInputAction: TextInputAction.search,
|
||||
onChanged: (text) {},
|
||||
placeholder: "搜一下是否有您想要的内容",
|
||||
placeholderStyle: TextStyle(
|
||||
color: Color(0xFF999999),
|
||||
fontSize: 10.rsp,
|
||||
fontWeight: FontWeight.w300),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.all(Radius.circular(13.rw)),
|
||||
),
|
||||
style: TextStyle(color: Colors.black, fontSize: 14.rsp),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
width: 1.rw,
|
||||
height: 27.rw,
|
||||
color: Color(0xFFEEEDED),
|
||||
),
|
||||
Container(
|
||||
width: 37.rw,
|
||||
padding: EdgeInsets.symmetric(horizontal: 5),
|
||||
child: Icon(
|
||||
Icons.search,
|
||||
size: 15.rw,
|
||||
color: Color(0xFFC92219),
|
||||
),
|
||||
),
|
||||
],
|
||||
)),
|
||||
_buildListView(),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
_buildListView() {
|
||||
return Container(
|
||||
margin: EdgeInsets.only(left: 8.rw, right: 8.rw, top: 26.rw),
|
||||
child: RefreshWidget(
|
||||
controller: _refreshController,
|
||||
noData: '没有找到您想要的内容',
|
||||
onRefresh: () async {
|
||||
Function cancel = ReToast.loading();
|
||||
|
||||
_akuVideoListModel =
|
||||
await HomeFuc.getAkuVideoList(_searchText, page);
|
||||
|
||||
setState(() {});
|
||||
_refreshController.refreshCompleted();
|
||||
cancel();
|
||||
},
|
||||
onLoadMore: () async {
|
||||
if (_akuVideoListModel.list.length >=
|
||||
_akuVideoListModel.total) {
|
||||
_refreshController.loadComplete();
|
||||
_refreshController.loadNoData();
|
||||
} else {
|
||||
_akuVideoListModel =
|
||||
await HomeFuc.getAkuVideoList(_searchText, page++);
|
||||
_refreshController.loadComplete();
|
||||
}
|
||||
},
|
||||
body: _akuVideoListModel?.list != null
|
||||
? GridView.builder(
|
||||
shrinkWrap: true,
|
||||
padding: EdgeInsets.zero,
|
||||
gridDelegate:
|
||||
const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 2,
|
||||
childAspectRatio: 170 / 162,
|
||||
mainAxisSpacing: 10,
|
||||
crossAxisSpacing: 17),
|
||||
itemCount: _akuVideoListModel.list.length,
|
||||
itemBuilder: (BuildContext context, int index) {
|
||||
return
|
||||
// Container(
|
||||
// color: Colors.red,
|
||||
// );
|
||||
_akuVideoItem(_akuVideoListModel.list[index]);
|
||||
},
|
||||
)
|
||||
: noDataView('没有找到您想要的内容')))
|
||||
.expand();
|
||||
}
|
||||
|
||||
_akuVideoItem(AkuVideo akuVideo) {
|
||||
return Container(
|
||||
margin: EdgeInsets.only(left: 4.rw, right: 4.rw, top: 4.rw),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(4.rw),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: Color(0xFFDBDBDB),
|
||||
blurRadius: 4,
|
||||
offset: Offset(0, 2),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
//跳转页面
|
||||
Get.to(AkuCollegeDetailPage(akuVideo: akuVideo));
|
||||
},
|
||||
child: Stack(
|
||||
alignment: Alignment.center,
|
||||
children: [
|
||||
Positioned(
|
||||
child: Container(
|
||||
child: CustomCacheImage(
|
||||
imageUrl: Api.getImgUrl(akuVideo.coverUrl),
|
||||
height: 90.rw,
|
||||
fit: BoxFit.fitWidth,
|
||||
),
|
||||
),
|
||||
),
|
||||
akuVideo.type == 1
|
||||
? Positioned(
|
||||
top: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
child: Icon(CupertinoIcons.play_circle,
|
||||
size: 50, color: Colors.white),
|
||||
)
|
||||
: SizedBox()
|
||||
],
|
||||
),
|
||||
),
|
||||
10.hb,
|
||||
Row(
|
||||
children: [
|
||||
16.wb,
|
||||
Text(
|
||||
akuVideo.title,
|
||||
maxLines: 2,
|
||||
softWrap: true,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: TextStyle(
|
||||
fontSize: 12.rsp,
|
||||
color: Color(0xFF333333),
|
||||
fontWeight: FontWeight.bold),
|
||||
).expand(),
|
||||
16.wb,
|
||||
],
|
||||
),
|
||||
Spacer(),
|
||||
Row(
|
||||
children: [
|
||||
16.wb,
|
||||
Text(akuVideo.subTitle,
|
||||
style: TextStyle(fontSize: 10.rsp, color: Color(0xFF333333))),
|
||||
Spacer(),
|
||||
Text(akuVideo.numberOfHits.toString() + '人看过',
|
||||
style: TextStyle(fontSize: 10.rsp, color: Color(0xFF999999))),
|
||||
16.wb,
|
||||
],
|
||||
),
|
||||
20.hb,
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
_getNum(int num) {}
|
||||
}
|
||||
@ -0,0 +1,97 @@
|
||||
import 'dart:convert';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter/widgets.dart';
|
||||
import 'package:webview_flutter/webview_flutter.dart';
|
||||
|
||||
class WebViewLocalPage extends StatefulWidget {
|
||||
|
||||
String url;
|
||||
final String title;
|
||||
final bool isLocalUrl;
|
||||
|
||||
WebViewController _webViewController;
|
||||
|
||||
WebViewLocalPage({this.url, this.isLocalUrl = false, this.title});
|
||||
|
||||
@override
|
||||
_WebViewLocalPage createState() => _WebViewLocalPage();
|
||||
|
||||
|
||||
}
|
||||
|
||||
class _WebViewLocalPage extends State<WebViewLocalPage> {
|
||||
|
||||
JavascriptChannel jsBridge(BuildContext context) => JavascriptChannel(
|
||||
name: 'jsbridge', // 与h5 端的一致 不然收不到消息
|
||||
onMessageReceived: (JavascriptMessage message) async{
|
||||
debugPrint(message.message);
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: _buildAppbar(),
|
||||
body: _buildBody()
|
||||
);
|
||||
}
|
||||
|
||||
_buildAppbar() {
|
||||
return AppBar(
|
||||
elevation: 0,
|
||||
backgroundColor: Color(0xccd0d7),
|
||||
title: Text(widget.title, style: TextStyle(color: Colors.black),),
|
||||
centerTitle: true,
|
||||
leading: IconButton(icon: Icon(Icons.arrow_back, color: Color(0xFF23ADE5),), onPressed: () {
|
||||
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
_buildBody() {
|
||||
return Column(
|
||||
children: <Widget>[
|
||||
SizedBox(
|
||||
height: 1,
|
||||
width: double.infinity,
|
||||
child: const DecoratedBox(decoration: BoxDecoration(color: Color(0xFFEEEEEE))),
|
||||
),
|
||||
Expanded(
|
||||
flex: 1,
|
||||
child: WebView(
|
||||
initialUrl: widget.isLocalUrl ? Uri.dataFromString(widget.url, mimeType: 'text/html', encoding: Encoding.getByName('utf-8'))
|
||||
.toString(): widget.url,
|
||||
javascriptMode: JavascriptMode.unrestricted,
|
||||
javascriptChannels: <JavascriptChannel>[
|
||||
jsBridge(context)
|
||||
].toSet(),
|
||||
onWebViewCreated: (WebViewController controller){
|
||||
widget._webViewController = controller;
|
||||
if(widget.isLocalUrl){
|
||||
_loadHtmlAssets(controller);
|
||||
}else{
|
||||
controller.loadUrl(widget.url);
|
||||
}
|
||||
controller.canGoBack().then((value) => debugPrint(value.toString()));
|
||||
controller.canGoForward().then((value) => debugPrint(value.toString()));
|
||||
controller.currentUrl().then((value) => debugPrint(value));
|
||||
},
|
||||
onPageFinished: (String value){
|
||||
widget._webViewController.evaluateJavascript('document.title')
|
||||
.then((title) => debugPrint(title));
|
||||
},
|
||||
),
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
//加载本地文件
|
||||
_loadHtmlAssets(WebViewController controller) async {
|
||||
String htmlPath = await rootBundle.loadString(widget.url);
|
||||
controller.loadUrl(Uri.dataFromString(htmlPath,mimeType: 'text/html', encoding: Encoding.getByName('utf-8'))
|
||||
.toString());
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
Reference in new issue