导语：今天在巴塞罗那召开的2019世界移动通信大会（MWC）上，Google正式发布了Flutter跨平台UI框架的1.2版本。Flutter是什么？优势在哪里？基于什么代码实现？本文将为您一一解答。 自从2018年春Flutter技术最早在谷歌大会上亮相，到 12月Flutter1.0的正式发布，再到如今的1.2版本，Flutter这个全新的技术在前端领域曝光越来越多，＂Flutter是什么？优势在哪里？基于什么代码实现？未来前景如何？新手入门难吗？……＂带着这样的问题小伙伴们想必不在少数。 今天我们有请到Flutter技术的高手，国内首本Flutter出版书籍《Flutter技术入门与实战》作者，捷智云视频会议系统联合创始人亢少军老师为我们讲解Flutter技术，带领大家轻松入门！ Flutter简介 Flutter制作的精美界面 渲染引擎Skia Skia是Google研发的包括图形、文本、图像、动画等多方面的图形引擎，不仅用于Google Chrome浏览器，Android系统也采用Skia作为绘图处理引擎。 Androis iOS Mac Win Linux 一致的UI Android效果图 iOS 效果图 Mac效果图 Win效果图 移动端跨平台开发技术演进 移动端从Hybird Cordova —> ReactNative —> Flutter 几个方面详细的分析了跨平台开发所使用的技术，如下图： 上图中ReactNative使用了OEM的组件，所以在不同平台上UI表现很难一致,但Flutter使用自己的一套原生控件，就很容易得到一致的体验。假设你全部使用Material风格的组件，不管是在iOS还是在Android，甚至在Win Mac Linux上展示都是一样的。Flutter商用情况 Flutter动画官方示例 Flutter系统架构 下面的图片是Flutter框架结构图，对大部分开发者而言，最常用的是Widgets层，也就是UI组件。其中有两套风格的一个是Material，一个是Cupertino。然后是渲染层Rendering，然后是动画，绘制，及手势层。底层是Engine层使用C++语言编写，保证其性能，其中Skia是它的图形处理技术，Dart指Dart语言解析，Text指纹理渲染。 GPU渲染 下图展示了Flutter的绘图原理，Flutter框架直接使用Skia引擎来渲染，因此能够控制渲染帧数，从而实现高帧速率。 状态控制 下图展示了Flutter的状态变化情况，从图中可以看出，当状态发生变化时会调用build方法使得界面重写渲染，所以这里大家需要改变一下思路，想控制界面的变化，可以在组件上编写一个变量，当需要改变这个界面时，调用setState方法改为这个变量即可。 一切皆为Widget Flutter一切皆为组件，包括布局控件，手势，动画等内容。从下图可以看到Widget主要分为两大类，StatefulWidget有状态的及StatelessWidget无状态的组件。 布局思路如何布局 下图是Flutter官方的一个示例，首先把界面拆分成按垂直方向拆分成四大块，垂直使用Column布局，然后分别实现每一部分内容即可。第一步：使用图片Image组件第二步：使用水平布局Row添加标题及图标文字第三步：使用水平布局Row添加图标及文字第四步：使用文本区域组件添加简介 细节拆分 下面两部分均采用了水平及垂直嵌套布局。首先从横向上看采用水平布局，均分成三块。第一张图左侧标题部分采用了垂直布局添加两行标题。第二图可以把图标加文字抽象出一个方法来，采用垂直布局，传入图标及文字内容即可。 Flutter插件通讯原理 下图是平台通道的结构概述，使用MethodChannel在上层和底层之间传递消息。MethodChannel就类似一个方法通道的功能，所以MethodChannel的name上下层一定要保持一致，上层调用底层的方法，底层处理好后返回给上层数据。注意这个过程是异步的，所以一定要采用async/await关键字。 H5与Flutter对照 H5和Flutter可以找到很多的相同点，如下图所示。大致可以这么类比: Div —> Container padding —> Padding margin —> Margin 同时Flutter采用CSS里的Flex布局，非常灵活。 由亢少军老师编写的国内首本Flutter相关书籍，《Flutter技术入门与实战》现已上线！从实战角度讲解Flutter，从基础组件到综合案例，从工具使用到插件开发，包含大量精选案例和详细实操步骤，还有配套视频课程可帮助读者快速入门。 《Flutter技术入门与实战》
破解特斯拉的那些产品难题飞凡R7干掉了特斯拉？飞凡R7正式开启预订作为智能汽车领域的优等生，特斯拉正的领先优势正在逐渐丢失。特斯拉的失落一方面来自同行业内其它对手的步步紧逼，另一面则纯碎是因为自身问题实在有点多。以美国政府前卫拆不动了？华为向瑞典索赔203亿，华为一分都不能少关注我，了解更多的科技力量指甲盖大小的芯片，却给我们制造了很大的麻烦。就拿华为来说，由于芯片规则被修改，导致华为手机业务损失惨重，沦为Other，而造成这个情况出现的主要原因就是，华为Nova10Pro遭曝光天玑90004G鸿蒙OS，价格比较感人我们都知道华为的手机只能选择Mate系列和P系列，旗下的Nova系列畅享系列等机型都没有特别大的选择价值，甚至还有些低配高价。不过随着时间的发展，华为Nova系列已经获得了很大幅度2022年，华为Mate40Pro还值得入手吗？2020年10月30日，华为Mate40系列国行版本正式开售，销售情况十分火爆，华为官方平台几乎是瞬间售罄，而现货市场也是同样一机难求，直到现在，华为Mate40Pro依然是供不应台积电正式作出决定，和华为越走越远华为作为我国国内的主流手机生产商，是少有的能够做到芯片自主研发的企业，虽说是自主研发的芯片但是华为自身并不参与芯片的生产制造，芯片都是交由台积电代工。台积电作为全球最大的芯片代工厂华为无孔屏手机外观专利获授权，华为也要有屏下摄像头手机了？对于大有可为的华为来讲，自身的技术实力非常足，大的技术方面有芯片技术和5G技术。小的方面也有很多，例如方舟编译器针对底层流畅度的优化技术！但是极少听说华为获得某一项技术的授权的，看电脑没有网线怎么连接WiFi？很简单，一部闲置的手机就可以搞定想要电脑接入网络，就需要通过网卡接入网线，或通过无线网卡连接WiFi。那么在没有网线及无线网卡的情况下，如何让一台电脑快速接入WiFi网络呢？本文就来重点讨论一下这个问题。电脑没有苹果将发布全新一代的iPhoneSE苹果公司在2020年春季展示了其改进后的iPhoneSE，但去年这款小巧的iPhone并未亮相。分析师预计，苹果可能会开发两款iPhoneSE机型，一款2022年，另一款2023年深度解析，苹果8lus是否还可以继续一战？2017年9月13日凌晨，在世界的期待和瞩目中，发布了新的iPhone数字系列，一年一款已经成为了苹果的习惯，那么在2017年发布的那一款搭配A11的iPhone8系列在2022年史上首次，苹果为什么要放下身段发布2000元机型？苹果春季发布会举办在即，根据此前一些博主的爆料，在今年的春季发布会上，或能看到全新的iPhoneSEiPadAir5以及搭载M2芯片的MacBook产品出现，其中新款的iPhone雄起3个月后，苹果还是输了，国产机抢回了第一名近日，专业机构CINNOResearch发布了2022年1月份中国智能手机市场数据。据数据显示，1月中国市场智能手机销量约3087万部，同比增长0。4，环比增长38。6。当然，这并