写点什么

移动端开发

0 人感兴趣 · 50 次引用

  • 最新
  • 推荐

阿里云 EMAS & 魔笔:3 月产品动态

阿里云移动研发平台EMAS & 低代码开发平台魔笔(Mobi)3月产品动态已更新:云发布支持发布单版本校验规则动态配置;移动测试支持录制脚本使用appium 2.0框架;移动推送支持vivo和华为的消息/通知类型参数;魔笔发布 v1.6 版本,让用户拥有更好的体验!

https://static001.geekbang.org/infoq/15/157bbb1e1ef46ee465da87afa47597a2.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 使用 CustomPaint 绘制基本图形

本篇介绍了 CustomPaint 绘制基本图形的方法和示例,实际上 Flutter 的 Canvas 提供了很多其他绘制图形的方法,如绘制线条,绘制圆角矩形,绘制文本等等

https://static001.geekbang.org/infoq/93/93ea136b75d2589f4e2ce23d24951efc.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

初识 Flutter 的绘图组件 — CustomPaint

本篇介绍了 CustomPaint 的基本使用,可以看到 CustomPaint 使用起来并不复杂,但是真正复杂的是如何绘制图形,这个需要有比较好的数学知识支撑(当然,如果确实不会也可以搜索相关资料)。接下来的一篇我们来绘制一些常见的图形。

5 大移动应用开发平台推荐

​从国内的移动应用开发平台来看,其中不乏阿里、腾讯这样的头部大厂借助自己在产研中的优势,将内部的开发平台逐渐孵化为直接面向市场的标准化产品,另外也有很多小厂也专门针对移动研发中的一系列问题推出了移动开发平台,产品小而美可靠性也不错。

推荐几款实用的移动开发平台

用户头像
FinFish
01-31

开年找解决方案的时候接触了一批移动开发平台,猛然发现近几年移动开发平台如雨后春笋般出现,于是乎就想针对市场上越来越多的移动开发平台做一次盘点对比,看看他们的基本情况和自身特点优势,也希望能够对有需要的开发者有一定的参考价值。

https://static001.geekbang.org/infoq/3e/3e1d02ccf6d2b5cfe801102bccfa7a6d.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

移动开发平台真的能提升 App 开发效率吗?

用户头像
Onegun
01-31

开年找解决方案的时候接触了一批移动开发平台,猛然发现近几年移动开发平台如雨后春笋般出现,于是乎就想针对市场上越来越多的移动开发平台做一次盘点对比,看看他们的基本情况和自身特点优势,也希望能够对有需要的开发者有一定的参考价值。

https://static001.geekbang.org/infoq/95/95c02bc8a526b3eae2b1f19f1c3ab885.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

丢掉丑陋的 toast,会动的 toast 更有趣!

大多数 App的 toast 都很简单,简单的半透明黑底加上白色文字草草了事。相比之下,我们要介绍的 motion_toast就有趣多了!

https://static001.geekbang.org/infoq/40/40c3851572e4d9741fedcf56703c2404.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Hero 动画应用之列表详情页切换

在一些应用中,列表的元素和详情的内容是一致的,这个时候利用 Hero 动画切换到详情会感觉无缝过渡,用户体验会更好。

https://static001.geekbang.org/infoq/50/5028eed69c4564d69cc8f0f12a002933.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter Hero 动画组件的飞行过程显示控制

本篇介绍了 Hero 组件的flightShuttleBuilder的使用,以及 iOS 和安卓平台在Hero 组件的差异化处理。

https://static001.geekbang.org/infoq/e1/e16657834f01f449e859afbb50a765a3.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

GaiaX 开源解读 | 跨端动态化模板引擎详解,看完你也能写一个

GaiaX跨端模板引擎,是在阿里优酷、淘票票、大麦内广泛使用的Native动态化方案,其核心优势是性能、稳定和易用。本系列文章《GaiaX开源解读》,带大家看看过去三年GaiaX的发展过程。

GaiaX 开源解读 | 基于优酷业务特色的跨平台技术

本文从优酷的业务特色、客户端研发效能的瓶颈问题、提出解决研发效能问题的思路这三个方面分别来进行介绍,带大家进一步了解GaiaX的起源。

https://static001.geekbang.org/infoq/84/847d2f3306687a10fab1a0de78ff1f38.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

自定义 Hero 动画的路径

用户头像
岛上码农
2022-08-28

本篇介绍了 Hero 动画组件的 createRectTween 属性实现自定义路径效果的动画。实际使用的时候,可以根据自己需要构建一些有趣的路径提升用户体验或增加趣味性。

https://static001.geekbang.org/infoq/8b/8b1dbd8a079192c69815c70102ea09da.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

页面切换转场动画,英雄救场更有趣!

用户头像
岛上码农
2022-08-26

借助 Hero 动画,对于我们很多场景可以让转场效果更好,比如说从商品列表切换到商品详情,从资讯列表到资讯详情。都可以给用户带来更好的体验。

https://static001.geekbang.org/infoq/83/83540a74a3de09c4d013732c03165ac1.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

规范代码命名,让你的代码阅读起来更愉悦!

用户头像
岛上码农
2022-08-25

拥有良好且一致的命名风格能够让你的代码看起来更加舒服愉悦。其实也是个人软实力的一个特征。记住一条,代码是写给人看的!

https://static001.geekbang.org/infoq/bb/bba28634e610491f71687a7a5e9dd2f5.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 动画组件那么多,记不住不会用怎么办?我都给你整理好了,收藏吧!

用户头像
岛上码农
2022-08-15

收藏吧!12个常用的 Flutter 动画组件,包括示例和解读,你的 Flutter 应用一定用得上!

https://static001.geekbang.org/infoq/29/297755a0fd38df3e192ff2de7b087508.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

超人飞来!Flutter 实现满屏的力量感动画!

用户头像
岛上码农
2022-08-08

本篇介绍了使用 SizeTransition 控制组件尺寸更改来实现飞入或展开的动画效果。SizeTransition 也可以用于下滑入,上滑出这类动画的实现。

https://static001.geekbang.org/infoq/74/74cc075ad80a2d4fa3ffa63806e06c28.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

👈🏻👈🏻👈🏻你来追我呀!Flutter 实现追逐动画

用户头像
岛上码农
2022-07-19

本篇介绍了利用 AnimatedPositioned 实现追逐球动画的效果,通过改变位置、尺寸或颜色都可以做一些有趣的动画来。

https://static001.geekbang.org/infoq/71/71c106fb29a882dfb480107985f21331.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 模拟火箭发射动画

用户头像
岛上码农
2022-07-15

通过Flutter 模拟火箭动画是不是挺有趣?通过 AnimatedPositioned可以实现很多层叠组件的相对移动变化效果,比如进度条的滑块,滑动开关等。各位 Flutter 玩家也可以利用 AnimatedPositioned 这个组件自己来玩一下好玩的动画效果哦!

https://static001.geekbang.org/infoq/2b/2bbff6310119128ab6f50ecfbe78e712.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

用 AnimatedBuilder 分离组件和动画,实现动效复用

用户头像
岛上码农
2022-07-13

分离动画实现逻辑和 UI 组件,实现动效复用 —— 这才是 AnimatedBuilder 的正确打开方式。

https://static001.geekbang.org/infoq/e0/e05e40411025d104be9dba43fbd7d291.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 实现爱心三连动画效果

用户头像
岛上码农
2022-07-09

本篇介绍了Flutter 动画构建类 Animation 和 AnimationController 的使用,通过这两个类可以实现很多基础动画效果,例如常见的进度条、缩放、旋转、移动等。

https://static001.geekbang.org/infoq/72/724401e114fbfbbd5281a8756ef1628d.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 RepositoryProvider 简化父子组件的传值

用户头像
岛上码农
2022-07-05

RepositoryProvider 借用Provider 实现了一个组件树上的局部共享对象容器。通过这个容器,为RepositoryProvider的子组件树注入了共享对象,使得子组件可以获取共享对象。通过这种方式避免了组件树的层层传值,使得代码更为简洁和易于维护。

https://static001.geekbang.org/infoq/50/50795bfdf0ab7e4719fd5f2e2a784b79.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 BlocConsumer 同时构建响应式组件和监听状态

用户头像
岛上码农
2022-07-04

BlocConsumer 这种聚合了 BlocBuilder 和 BlocListener 的方式在这种场景下的代码层级更清晰,也易于维护。

https://static001.geekbang.org/infoq/0b/0bde1a5a4684427317ada0283555871a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 退出当前操作二次确认怎么做才更优雅?

用户头像
岛上码农
2022-07-03

有了BlocListener,我们可以实现类似后置拦截器的效果,在状态改变后做一些额外的的处理,比如提示信息,或者是做数据的上传、离线存储等。通过这种方式处理,可以降低业务代码的耦合度。

https://static001.geekbang.org/infoq/8a/8a64688061ef12d571cafee972286f07.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

使用 BLoC 构建 Flutter 的页面实例

用户头像
岛上码农
2022-07-02

BlocBuilder的使用还是挺简洁的,通过用户行为触发事件,然后响应事件,在状态管理中返回一个新的数据对象来触发界面刷新。

https://static001.geekbang.org/infoq/c3/c39769d36c332b8031a6ce92af3638e6.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

BlocProvider 为什么感觉和 Provider 很相似?

用户头像
岛上码农
2022-07-01

本篇介绍了 BlocProvider 的使用,从写法上来看,感觉不到太多的优势,个人估计这是作者想让 Provider 的用户可以直接切换到 BlocProvider 才提供了这么一个 Provider的替代品。

https://static001.geekbang.org/infoq/8d/8d2c9094ba92bf30fdbc1a6d4a1372fe.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

不到 40 行代码手撸一个 BlocProvider

用户头像
岛上码农
2022-06-26

本篇使用 BLoC 实现简单状态管理的 SimpleBLocProvider,这个自定义的 BlocProvider不到40行,当然这个代码距离实际使用还有差距,但是对于了解一下这些第三方状态管理插件的实现机制非常有帮助。

https://static001.geekbang.org/infoq/99/991992f0e0c54cab93da8148cfcc1501.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Flutter 中的 GetX 状态管理用起来真的那么香吗?

用户头像
岛上码农
2022-06-23

GetX 不论是在 pub 上还是在 Github 上都非常受欢迎,作为一个功能丰富的插件,它真的那么好吗?本篇来一个客观的分析。

https://static001.geekbang.org/infoq/59/59cfb79429e2e91f8385e8956ac3b648.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

APICloud 可视化开发新手图文教程

本教程主要面向初次使用APICloud Studio3 中可视化工具的新手开发者,旨在通过简单清晰的图文描述,让新手开发者快速掌握可视化工具的使用。

https://static001.geekbang.org/infoq/f1/f1db8880592d146c278caa5a1fec47c0.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

APICloud 可视化开发丨一键生成专业级源码

低代码正在从广泛讨论迈入深度应用阶段。在巨大的移动应用缺口下,YonBuilder移动低代码开发平台(APICloud)致力于让企业通过低代码方式,快速实现移动战略落地,轻松应对创新性数字化挑战。

移动端开发_移动端开发技术文章_InfoQ写作社区