Flutter实践之高仿有妖气漫画,从消息中间件看分布式系统的多种套路
这就是一个Widget,Container是Widget的一个子类,当然它里面有各种各样的子类供你使用。
Dart
Dart语言可以说对于移动端开发来说,都比较陌生,因为纯原生开发到现在,我只听说过可以用C#开发iOS,可能我知道的太少了,不过Dart的学习还是比较简单的,安卓开发人员用过Java,iOS开发人员用过Swift,所以再去看Dart都会有似曾相识的感觉。来看个例子:
void main() {
List list = [‘1’, ‘2’, ‘3’, ‘4’, “5”, “6”];
final str = list.join(" ").toString();
print(str);
print(list.skip(1).toList());
print(list.getRange(3, list.length).toList());
}
1 2 3 4 5 6
[2, 3, 4, 5, 6]
[4, 5, 6]
其实和Java和Swift的区别不大,一天差不多就可以入门。
怎么开发一个App
相信很多人已经接触了Flutter官方的教程,可是跟着写了一遍之后,还是一头雾水,不知道到底应该怎么写一个完整的App。下面看一个用Flutter模仿的有妖气漫画的实例:
屏幕快照
这个页面的整个布局都是Widget,在iOS里布局的话,这个必须是一个TableView或者CollectionView,在安卓里应该是ListView,在Flutter里这个Widget也是一个ListView,比较简单。
![Flutter实践之高仿有妖气漫画](https://upload-images.j
《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整内容开源分享
ianshu.io/upload_images/22861276-819a258b5a8a5b22?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
屏幕快照
这个是在一个ListView里套用了Column,就是垂直排列的意思,在iOS里其实可以用tableView解决,这整个页面可以用使用不同的Cell解决。
项目目录结构
结构
具体只有今日,发现这两个模块的实现,其他的还在学习研究中。
三方库
https://pub.dartlang.org 类似cocoapods.org. 第三方库里的图片加载有个(cached_network_image)还是比较好的,可以缓存,每次显示的时候有个Ease动画。具体可以在项目里运行查看。
网络获取:
/// 获取今日 模块的数据
static Future requestToday() async {
final response = await http.get(todayURL);
final map = jsonDecode(response.body);
final code = map[“code”];
final _data = map[“data”];
final stateCode = _data[“stateCode”];
final 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,
);
},
)
);
}
itemBuilder: (context, index){
final url = widget.images[index];
return Image(
image: CachedNetworkImageProvider(url),
fit: BoxFit.cover,
);
},
)
);
}
Flutter实践之高仿有妖气漫画,从消息中间件看分布式系统的多种套路相关推荐
- Flutter实践之高仿有妖气漫画,移动客户端开发工程师专业
Flutter是一个跨平台的框架,在iOS和Android端甚至以后的PC端都可以统一一套代码来实现.Flutter的性能高效,Dart语言的简易性和高效性,也使Flutter采用了Dart来开发跨平 ...
- Flutter实践之高仿有妖气漫画,2021大厂Android开发面试总结+解答
child: Text("Hello Flutter!") ); 这就是一个Widget,Container是Widget的一个子类,当然它里面有各种各样的子类供你使用. Dart ...
- 一款高仿腾讯漫画的漫画阅读类 APP
早上好,骚年,我是小菜,我的公众号「菜鸟翻身」会推荐 GitHub 上有用的项目,一分钟 get 一个优秀的开源项目,挖掘开源的价值. 我的引语 项目中成长是最快的,实践是王道,项目中成长是最快的,多 ...
- iOS仿写有妖气漫画、视频捕获框架、启动页广告页demo、多种动画效果等源码
iOS精选源码 以tableview的section为整体添加阴影效果/ta'b'le'vi'e'w顶部悬浮-. 一个可以轻松应用自定义过滤器的视频捕获框架. 基于UITableView的组件,旨在显 ...
- iOS仿写有妖气漫画、视频捕获框架、启动页广告页demo、多种动画效果等源码...
iOS精选源码 以tableview的section为整体添加阴影效果/ta'b'le'vi'e'w顶部悬浮.... 一个可以轻松应用自定义过滤器的视频捕获框架. 基于UITableView的组件,旨 ...
- Flutter开发实战 高仿微信(二)发现页
Flutter开发实战 高仿微信(二)发现页 Flutter开发实战 高仿微信(二)发现页 1.1 微信发现页面简述 1.2 APP框架优化 1.2.1 配置APP Logo和启动图片 1.2.2 配 ...
- Flutter开发实战 高仿微信(一)首页
Flutter开发实战 高仿微信(一)首页 Flutter开发实战 高仿微信(一)首页 flutter 开发微信项目 (一) 1. 开发HomePage页 2. 用到的知识点讲解 2.1 Bottom ...
- 精仿苹果x开机android,800元高仿iPhone X以假乱真!更可怕的是奸商套路
原标题:800元高仿iPhone X以假乱真!更可怕的是奸商套路 每一代iPhone产品都不乏仿冒者,而iPhone X这样的高(zhuang)贵(bi)巅峰之作,同样少不了被模仿.抄袭,而从目前的情 ...
- Flutter 10天高仿大厂App及小技巧积累总结
之前,也写过几篇关于 Flutter 的博文,最近,又花了一些时间学习研究 Flutter,完成了高仿大厂 App 项目 (项目使用的接口都是来自线上真实App抓包而来,可以做到和线上项目相同的效果) ...
最新文章
- linux 符号链接攻击防御简介
- JDK自带线程池介绍及使用环境
- 十大编程算法助程序员走上大神路
- Android Studio解决:Caused by: org.gradle.api.internal.plugins.PluginApplicationException: Failed
- 中国地图经纬度json
- Fedora CoreOS
- Deecamp考试给我的启发
- vehicle架构的想法
- 84键键盘没有insert键
- 安卓源码AOSP下载使用的正确姿势
- 视频拼接剪辑怎么弄?分享三个小妙招给你们
- 前端随录(SPA与MPA和PWA)
- Ubuntu18.04更换下载源时卡在waiting for unattended-upgr to exit(更换下载源 正在等待unattended-upgr 退出)问题的解决办法
- Http请求状态码:905
- 马家河子java,【JAVA】共同的森林
- 关于设置OkGo自定义回调JsonCallback的相关整理
- dma-buf 由浅入深(四) —— mmap
- 敷完面膜后要擦水乳吗_晚上敷完面膜还需要涂水乳吗
- (五)【数电】(门电路)基本概念| 半导体二极管/三极管门电路|MOS管
- MOS管驱动芯片 IX4426 IX4427 IX4428