鸿蒙HarmonyOS实战中,ArkUI组件Flex提供了弱小的弹性规划才干。
它让容器内的子元素能够依据屏幕尺寸变动进执行态调整,成功照应式设计。
Flex规划由容器和名目组成,其中主轴和交叉轴区分担任元素的陈列和尺寸调整。
主轴是规划的关键方向,子元素沿其陈列,终点和终点由JustifyContent属性选择。
交叉轴与主轴垂直,其对齐模式由AlignContent属性管理。
经过FlexDirection属性,可以设置主轴为水平(Row, RowReverse)或垂直(Column, ColumnReverse)。
在规划换行上,flex-wrap属性管理子元素能否换行,如Wrap准许换行,NoWrap则不换行。
对齐模式分为主轴对齐(如Start, Center, End等)和交叉轴对齐(如Auto, Start, Center等),提供了丰盛的规划选项。
案例中,多行内容对齐展现了Start、Center、End、SpaceBetween、SpaceAround和SpaceEvenly的不同成果。
同时,经过flexBasis设置子元素的基准尺寸,flexGrow调配残余空间,flexShrink管理紧缩比例,成功了自顺应拉伸的规划成果。
要了解更多关于鸿蒙HarmonyOS的Flex组件实战技巧,可以访问作者博客/14DjR1rEY。
h5就是html5,HTML5是用于取代1999年所制订的 HTML 4.01 和 XHTML 1.0 规范的 HTML 规范版本,如今仍处于开展阶段,但大局部阅读器曾经支持某些 HTML5 技术。
HTML 5有两大特点:首先,强化了 Web 网页的体现性能。
其次,追加了本地数据库等 Web 运行的配置。
狭义论及HTML5时,实践指的是包含HTML、CSS和JavaScript在内的一套技术组合。
它宿愿能够缩小阅读器关于须要插件的丰盛性网络运行服务(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,与Oracle JavaFX的需求,并且提供更多能有效增强网络运行的规范集h5的制造工具备:一、Adobe Edge目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发起态互动内容的设计工具。
内容可以同时兼容移动设施和桌面电脑。
Edge的一个关键配置是Web工具包界面,繁难确保页面在不同阅读器中的架构分歧性,此外Edge还将整合TypeKit这样的字体服务。
动画和图形可以增加到HTML元素中,程序也能经过Edge自身的代码片段库或许JavaScript代码启动裁减。
动画可以在独立的期间线上启动嵌套,还能成功互动配置。
合乎可以服用并经过API和代码片段管理。
经过Edge设计的内容可以兼容iOS和Android设施,也可以运转在火狐、Chrome、Safari和IE9等干流阅读器。
二、Adobe Dreamweaver CS6Adobe Dreamweaver CS6作为一个Web设计软件,提供了对HTML网站和移动程序的可视化编辑界面。
其Fluid Grid排版系统整合CSS样式表配置,提供自顺应版面的跨平台兼容性。
开发者可以齐全成功Web设计的可视化操作,无需为代码所困。
用户岂但还能在Live View中预览,还提供多屏幕预览配置。
开发者可以经过MultiScreen预览面板检查HTML5内容的渲染成果。
Live View经过WebKit渲染引擎支持HTML5。
三、Adobe ColdFusion 10ColdFusion是用来开发企业Web程序的主机端技术,经过Websockets、互动表单、视频和天文标签等HTML5技术创立富媒体用户体验。
四、Sencha Architect 2在开发移动和桌面运行的工具中,Sencha的定位是HTML5可视化运行开发。
开发团队可以在一个繁多集成的环境中成功运行的设计、开发和部署。
开发者还可以开发Sencha Touch2和Ext JS4 JavaScript运行,并实时预览。
五、Sencha Touch 2Sencha Touch2是移动运行框架,也被看作是Sencha的HTML5平台。
开发者可以用它开发面向iOS、Android和Blackberry、Kindle Fire等多种平台的移动运行。
六、Dojo Foundation Maqetta来自于IBM的一个名目,Dojo Foundation Maqetta是为桌面和移动设施开发HTML5运行的开源工具,支持在阅读器中检查HTML5界面。
用户体验设计师可以经过拖放组装UI样板七、微软Visual Studio 2010 ServicePack 1只管一开局并不支持HTML5,但微软在2011年三月颁布的Visual Studio 2010 SP1中提供了IntelliSense,追加了针对HTML5的一些元素。
八、JetBrains WebStorm 4.0作为领有HTML编辑器的JavaScript集成开发环境,WebStorm4.0提供了开发web运行的HTML5样板。
开发者可以在创立HTML文档时可取得对HTML5文件的支持。
例如砍伐者键入。
开发者还可以在chrome阅读器中实时预览HTML文档。
九、Google Web Toolkit该开发工具用于开发阅读器运行,但库中支持很多HTML5配置。
包含对客户端或web存储的支持。
其余HTML5配置还包含支持Canvas可视化,以及音频和视频widget。
十、DCloud HBuilderHBuilder是以后最快的HTML开发工具,弱小的代码助手帮你极速成功开发,最全的语法库和阅读器兼容性数据让阅读器碎片化不再头痛。
本文地址:http://www.hyyidc.com/article/28095.html