Flutter实践之高仿有妖气漫画,狂刷200道数据结构与算法

本文通过Flutter实战,详细介绍了如何高仿有妖气漫画应用的界面和数据处理。从JSON解析到数据结构的构建,包括Banner滚动效果的实现,以及卡片Widget的生成方法,为移动开发提供了实用的示例代码。
摘要由CSDN通过智能技术生成

final code = map[“code”];
final _data = map[“data”];
final stateCode = _data[“stateCode”];
fi
nal message = _data[“message”];
final result = TodayResult(
code: code,
stateCode: stateCode,
message: message,
dayDataList: List()
);
final _returnData = _data[“returnData”];
final _dayDataList = _returnData[“dayDataList”];
if (_dayDataList.length == 0) {
return result;
}
for (int i = 0; i < _dayDataList.length; i++) {
final _dayItemDataList = _dayDataList[i][“dayItemDataList”];
final publish = TodayPublishDate.fromJSON(_dayDataList[i]);
result.dayDataList.add(publish);
for (int j = 0; j < _dayItemDataList.length; j++) {
final _dayItemData = _dayItemDataList[j];
if (j != _dayItemDataList.length-1) {
final dayItemData = DayItemData.fromJSON(_dayItemData);
result.dayDataList.add(dayItemData);
} else {
final dayItemData2 = DayItemData2.fromJSON(_dayItemData);
result.dayDataList.add(dayItemData2);
}
}
}
return result;

Banner滚动:

class BannerWidget extends StatefulWidget {
final List images;
BannerWidget(this.images, {Key key}): super(key: key);
_BannerWidgetState createState() => _BannerWidgetState();
}

class _BannerWidgetState extends State {
final pageController = PageController(initialPage: 0);
Timer timer;

void resetTimer() {
clearTimer();
timer = Timer.periodic(Duration(seconds: 3), (timer) {
if (pageController.positions.isNotEmpty) {
var i = pageController.page.toInt() + 1;
pageController.animateToPage(
i,
duration: Duration(milliseconds: 100),
curve: Curves.linear
);
if (i == widget.images.length-1) {
pageController.jumpToPage(0);
i = 0;
}
}
});
}

void clearTimer() {
if (timer != null) {
timer.cancel();
timer = null;
}
}

@override
void initState() {
// TODO: implement initState
super.initState();
resetTimer();
}

@override
Widget build(BuildContext context){
if (widget.images.length == 0) {
return null;
}
return SizedBox(
height: 231.0,
width: MediaQuery.of(context).size.width,
child: PageView.builder(
controller: pageController,
physics: PageScrollPhysics(parent: ClampingScrollPhysics()),
itemCount: widget.images.length,
itemBuilder: (context, index){
final url = widget.images[index];
return Image(
image: CachedNetworkImageProvider(url),
fit: BoxFit.cover,
);
},
)
);
}

@override
void dispose() {
// TODO: implement dispose
clearTimer();
super.dispose();
}
}

生成一个卡片的Widget:

Widget _generatorCardWidget(BuildContext context, List list) {
return Container(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: list.map((comic){
return Container(
width: (MediaQuery.of(context).size.width-20.0) / 3,
child: Card(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Image(
image: CachedNetworkImageProvider(comic.cover),
fit: BoxFit.cover,
),
Container(
padding: EdgeInsets.all(5.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(comic.name, style: TextStyle(fontSize: 15.0)),
hild: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(comic.name, style: TextStyle(fontSize: 15.0)),

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值