tsacdop-podcast-app-android/lib/home/homescroll.dart

349 lines
12 KiB
Dart
Raw Normal View History

2020-02-09 13:29:09 +01:00
import 'dart:convert';
2020-02-11 14:01:57 +01:00
import 'dart:io';
import 'dart:async';
2020-02-09 13:29:09 +01:00
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
2020-02-11 14:01:57 +01:00
import 'package:provider/provider.dart';
import 'package:path_provider/path_provider.dart';
2020-02-11 14:48:11 +01:00
import 'package:tsacdop/class/episodebrief.dart';
import 'package:tsacdop/class/podcastlocal.dart';
import 'package:tsacdop/class/importompl.dart';
import 'package:tsacdop/class/sqflite_localpodcast.dart';
2020-02-11 14:01:57 +01:00
2020-02-11 14:48:11 +01:00
import 'package:tsacdop/episodes/episodedetail.dart';
import 'package:tsacdop/podcasts/podcastdetail.dart';
import 'package:tsacdop/util/pageroute.dart';
2020-02-09 13:29:09 +01:00
class ScrollPodcasts extends StatefulWidget {
@override
_ScrollPodcastsState createState() => _ScrollPodcastsState();
}
class _ScrollPodcastsState extends State<ScrollPodcasts> {
2020-02-11 14:01:57 +01:00
var dir;
2020-02-09 13:29:09 +01:00
Future<List<PodcastLocal>> getPodcastLocal() async {
var dbHelper = DBHelper();
List<PodcastLocal> podcastList = await dbHelper.getPodcastLocal();
2020-02-11 14:01:57 +01:00
dir = await getApplicationDocumentsDirectory();
2020-02-09 13:29:09 +01:00
return podcastList;
}
2020-02-11 14:01:57 +01:00
ImportState importState;
didChangeDependencies() {
super.didChangeDependencies();
final importState = Provider.of<ImportOmpl>(context).importState;
if (importState == ImportState.complete) {
setState(() {});
}
}
2020-02-09 13:29:09 +01:00
@override
Widget build(BuildContext context) {
return FutureBuilder<List<PodcastLocal>>(
future: getPodcastLocal(),
builder: (context, snapshot) {
if (snapshot.hasData) {
return DefaultTabController(
length: snapshot.data.length,
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Container(
height: 70,
alignment: Alignment.centerLeft,
child: TabBar(
2020-02-11 14:01:57 +01:00
labelPadding: EdgeInsets.only(
top: 5.0, bottom: 10.0, left: 6.0, right: 6.0),
2020-02-09 13:29:09 +01:00
indicator:
CircleTabIndicator(color: Colors.blue, radius: 3),
isScrollable: true,
tabs: snapshot.data.map<Tab>((PodcastLocal podcastLocal) {
return Tab(
child: ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(25.0)),
child: LimitedBox(
maxHeight: 50,
maxWidth: 50,
2020-02-11 14:01:57 +01:00
child: Image.file(
File("${dir.path}/${podcastLocal.title}.png")),
2020-02-09 13:29:09 +01:00
),
),
);
}).toList(),
),
),
Container(
2020-02-11 14:01:57 +01:00
height: 195,
2020-02-09 13:29:09 +01:00
margin: EdgeInsets.only(left: 10, right: 10),
decoration: BoxDecoration(
color: Colors.white,
),
child: TabBarView(
children:
snapshot.data.map<Widget>((PodcastLocal podcastLocal) {
return Container(
decoration: BoxDecoration(color: Colors.grey[100]),
margin: EdgeInsets.symmetric(horizontal: 5.0),
key: ObjectKey(podcastLocal.title),
child: PodcastPreview(
podcastLocal: podcastLocal,
),
);
}).toList(),
),
),
],
),
);
}
2020-02-11 14:01:57 +01:00
return Container(
height: 250.0,
);
2020-02-09 13:29:09 +01:00
},
);
}
}
class PodcastPreview extends StatefulWidget {
final PodcastLocal podcastLocal;
PodcastPreview({this.podcastLocal, Key key}) : super(key: key);
@override
_PodcastPreviewState createState() => _PodcastPreviewState();
}
class _PodcastPreviewState extends State<PodcastPreview> {
String path;
2020-02-09 13:29:09 +01:00
Future<List<EpisodeBrief>> _getRssItemTop(PodcastLocal podcastLocal) async {
var dbHelper = DBHelper();
var dir = await getApplicationDocumentsDirectory();
path = dir.path;
2020-02-09 13:29:09 +01:00
Future<List<EpisodeBrief>> episodes =
dbHelper.getRssItemTop(podcastLocal.title);
return episodes;
}
Color _c;
@override
void initState() {
super.initState();
var color = json.decode(widget.podcastLocal.primaryColor);
(color[0] > 200 && color[1] > 200 && color[2] > 200)
? _c = Color.fromRGBO(
(255 - color[0]), 255 - color[1], 255 - color[2], 1.0)
: _c = Color.fromRGBO(color[0], color[1], color[2], 1.0);
}
@override
Widget build(BuildContext context) {
return Column(
children: <Widget>[
Expanded(
child: Container(
child: FutureBuilder<List<EpisodeBrief>>(
future: _getRssItemTop(widget.podcastLocal),
builder: (context, snapshot) {
if (snapshot.hasError) {
print(snapshot.error);
Center(child: CircularProgressIndicator());
}
return (snapshot.hasData)
? ShowEpisode(
podcast: snapshot.data,
podcastLocal: widget.podcastLocal,
path: path,
)
2020-02-09 13:29:09 +01:00
: Center(child: CircularProgressIndicator());
},
),
),
),
Container(
height: 40,
padding: EdgeInsets.symmetric(horizontal: 10.0),
alignment: Alignment.center,
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Text(widget.podcastLocal.title,
style: TextStyle(fontWeight: FontWeight.bold, color: _c)),
Spacer(),
Material(
color: Colors.transparent,
child: IconButton(
icon: Icon(Icons.arrow_forward),
splashColor: Colors.transparent,
tooltip: 'See All',
onPressed: () {
Navigator.push(
context,
SlideLeftRoute(
page: PodcastDetail(
podcastLocal: widget.podcastLocal,
)),
);
},
),
2020-02-09 13:29:09 +01:00
),
],
),
),
],
);
}
}
class ShowEpisode extends StatelessWidget {
final List<EpisodeBrief> podcast;
final PodcastLocal podcastLocal;
final String path;
ShowEpisode({Key key, this.podcast, this.podcastLocal, this.path})
: super(key: key);
2020-02-09 13:29:09 +01:00
@override
Widget build(BuildContext context) {
return CustomScrollView(
physics: const AlwaysScrollableScrollPhysics(),
primary: false,
slivers: <Widget>[
SliverPadding(
padding: const EdgeInsets.all(5.0),
sliver: SliverGrid(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
childAspectRatio: 1.0,
crossAxisCount: 3,
mainAxisSpacing: 6.0,
crossAxisSpacing: 6.0,
),
delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) {
Color _c;
var color = json.decode(podcast[index].primaryColor);
(color[0] > 200 && color[1] > 200 && color[2] > 200)
? _c = Color.fromRGBO(
(255 - color[0]), 255 - color[1], 255 - color[2], 1.0)
: _c = Color.fromRGBO(color[0], color[1], color[2], 1.0);
return InkWell(
onTap: () {
Navigator.push(
context,
ScaleRoute(
page: EpisodeDetail(
2020-02-11 14:01:57 +01:00
episodeItem: podcast[index],
heroTag: 'scroll',
//unique hero tag
2020-02-11 14:01:57 +01:00
)),
2020-02-09 13:29:09 +01:00
);
},
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(5.0)),
color: Theme.of(context).scaffoldBackgroundColor,
border: Border.all(
color: Colors.grey[100],
width: 3.0,
),
boxShadow: [
BoxShadow(
color: Colors.grey[100],
blurRadius: 1.0,
spreadRadius: 0.5,
),
]),
alignment: Alignment.center,
padding: EdgeInsets.all(10.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Expanded(
flex: 2,
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Hero(
tag: podcast[index].enclosureUrl + 'scroll',
child: Container(
child: ClipRRect(
borderRadius:
BorderRadius.all(Radius.circular(15.0)),
child: Container(
height: 30.0,
width: 30.0,
child: Image.file(File(
"$path/${podcastLocal.title}.png")),
2020-02-09 13:29:09 +01:00
),
),
),
),
Spacer(),
],
),
),
Expanded(
flex: 5,
child: Container(
padding: EdgeInsets.only(top: 2.0),
2020-02-11 14:01:57 +01:00
alignment: Alignment.topLeft,
2020-02-09 13:29:09 +01:00
child: Text(
podcast[index].title,
style: TextStyle(
fontSize: 15.0,
),
maxLines: 4,
),
),
),
Expanded(
flex: 1,
2020-02-11 14:01:57 +01:00
child: Container(
2020-02-09 13:29:09 +01:00
alignment: Alignment.bottomLeft,
child: Text(
podcast[index].pubDate.substring(4, 16),
style: TextStyle(
color: _c,
fontStyle: FontStyle.italic,
),
),
),
),
],
),
),
);
},
childCount: (podcast.length > 3) ? 3 : podcast.length,
),
),
),
],
);
}
}
//Circle Indicator
class CircleTabIndicator extends Decoration {
final BoxPainter _painter;
CircleTabIndicator({@required Color color, @required double radius})
: _painter = _CirclePainter(color, radius);
@override
BoxPainter createBoxPainter([onChanged]) => _painter;
}
class _CirclePainter extends BoxPainter {
final Paint _paint;
final double radius;
_CirclePainter(Color color, this.radius)
: _paint = Paint()
..color = color
..isAntiAlias = true;
@override
void paint(Canvas canvas, Offset offset, ImageConfiguration cfg) {
final Offset circleOffset =
offset + Offset(cfg.size.width / 2, cfg.size.height - radius);
canvas.drawCircle(circleOffset, radius, _paint);
}
}