
本文导读
学习电梯一键直达:人人都可快速掌握的可视化编程语言。
往期系列文章:
UI 组件位于 iVX 编辑器的左侧的组件栏中;

当我们将鼠标悬停至某一个组件时,会出现提示框,展示该组件的属性、动作以及事件;

如果想要详细了解该组件的使用方法,点击提示框右上角的 “查看详情” 即可直接跳转至该组件对应的文档中心。

图片组件用于在当前页面中插入图片,可支持 jpg 、jpeg 、png 、gif 格式。鼠标点击图片组件后会弹出图片选择框,然后选择图片进行上传;

上传后默认显示为该图片的原始宽高。点击图片选中,可以在左侧属性栏设置它的宽高等各项属以及排版、旋转、边框圆角、阴影、滤镜等效果。

此外还有自定义样式,即可以自己编写的 CSS 样式。选中图片,点击自定义样式后面的 “+”为图片添加自定义样式。如下操作,初始图片边框为黑色,然后添加自定义样式<当鼠标悬停时,边框颜色变为红色>;

效果如下:

想要替换图片,双击此图片即可弹出图片选择框;也可以通过属性“素材资源地址”,直接上传在线图片,如下我们在复制百度的一张图片地址,粘贴至素材资源地址,即可切换。

图片序列组件用于展示一组有序排列的图片,依序播放。任意时间内仅展示一张图片,经过若干时间间隔后移除该图片,展示下一张或上一张图片。如果图片前后相接则将形成近似于动画、视频的效果。
点击图片序列组件,可以看到提示我们上传多图或者是 Gif 动图;

我们上传一张 GIF 动态图,选中图片后点击图片列表,就可以看到 GIF 动图的所有切割图。接下来可以调整某一切割图的时长进而控制整个动图播放。

文本组件用于插入文本对象,以记录并显示一段文本,这个用的也应该是最多的。除一些基本样式属性之外,还包括各类排版功能。

还有一个组件叫做中文字体组件,它与文本组件的区别在于提供了多种字体供我们选择。要知道在浏览器中是无法指定特殊中文字体的,而中文字体组件的作用就是在后台实时将输入的文本转换为图片,以实现特殊文字的展示。所以说中文字体 本质上是图片,并不是文本。

输入框组件可通过键盘输入或粘贴的方式自主输入内容,与用户进行数据交互和数据收集。输入框同文本对象类似,允许自主定义输入框外观和文字样式并进行排版,也可定义提示文字。
不得不提的是输入框组件的限制输入类型功能,比如设置为数字,那么在预览时就会强行弹出手机的数字键盘且无法输入文字;设置为密码时则会自动用“*”隐藏。这都是内置已经做了限制的功能,直接使用即可。

此外还可以为输入框添加图标,可使用预设,也可在线搜索自己想要的图标。

富文本组件是一款功能强大的文本工具,它比纯文本对象支持更丰富的文本格式。在编辑状态下,可以通过文本编辑区域进行文本编辑,并通过上方属性控制条修改字体样式、对齐方式等,实现快速的文本编辑。如下图;

如果说富文本是让开发者在开发时进行文本的编辑,与网页的用户并不会发生交互。那么富文本编辑器则可内嵌于浏览器,在案例非编辑状态(即已上线状态)下开放富文本编辑界面,容许用户进行富文本的排版和编辑。比如在社区博主帖子下的评论区内置一个富文本编辑器,则可容许用户对自己的评论内容进行样式、格式排版等编辑。
开发者视角

用户视角

地图组件有高德、和腾讯两个地图 API,会在案例中插入一个地图控件,具有腾讯/高德地图的基本功能。不仅可以对地图控件进行各项样式编辑,还可以确定中心点、中心位置、缩放、类型等属性。

二维码组件用于在案例中动态生成二维码,除样式的编辑外,我们可以在“二维码数据”数据中指定二维码目标地址,也可以选择图片嵌入二维码。如下图:

篇幅原因,本文只对部分组件做介绍,好用的组件还有很多,如网页、图标、计数器、视频、直播窗等,其余各组件用法基本一致,操作也相同,这里不再赘述。
我正在使用i18n从头开始构建一个多语言网络应用程序,虽然我自己可以处理一大堆yml文件,但我说的语言(非常)有限,最终我想寻求外部帮助帮助。我想知道这里是否有人在使用UI插件/gem(与django上的django-rosetta不同)来处理多个翻译器,其中一些翻译器不愿意或无法处理存储库中的100多个文件,处理语言数据。谢谢&问候,安德拉斯(如果您已经在rubyonrails-talk上遇到了这个问题,我们深表歉意) 最佳答案 有一个rails3branchofthetolkgem在github上。您可以通过在Gemfi
我正在编写一个包含C扩展的gem。通常当我写一个gem时,我会遵循TDD的过程,我会写一个失败的规范,然后处理代码直到它通过,等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb,如何运行我的规范并仍然加载我的C扩展?当我更改C代码时,我需要采取哪些步骤来重新编译代码?这可能是个愚蠢的问题,但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时,我确实得到了一个Makefile(在整个项目的根目录中),然后当
我已经在Sinatra上创建了应用程序,它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择,是开发还是生产,一些方法的逻辑应该改变,这取决于部署类型。是否有任何想法,如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现? 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm
我们的git存储库中目前有一个Gemfile。但是,有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它,我必须将它添加到我们的Gemfile中,但每次我checkout到我们的master/dev主分支时,由于与跟踪的gemfile冲突,我必须删除它。我想要的是类似Gemfile.local的东西,它将继承从Gemfile导入的gems,但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗? 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI
这似乎非常适得其反,因为太多的gem会在window上破裂。我一直在处理很多mysql和ruby-mysqlgem问题(gem本身发生段错误,一个名为UnixSocket的类显然在Windows机器上不能正常工作,等等)。我只是在浪费时间吗?我应该转向不同的脚本语言吗? 最佳答案 我在Windows上使用Ruby的经验很少,但是当我开始使用Ruby时,我是在Windows上,我的总体印象是它不是Windows原生系统。因此,在主要使用Windows多年之后,开始使用Ruby促使我切换回原来的系统Unix,这次是Linux。Rub
我正在玩HTML5视频并且在ERB中有以下片段:mp4视频从在我的开发环境中运行的服务器很好地流式传输到chrome。然而firefox显示带有海报图像的视频播放器,但带有一个大X。问题似乎是mongrel不确定ogv扩展的mime类型,并且只返回text/plain,如curl所示:$curl-Ihttp://0.0.0.0:3000/pr6.ogvHTTP/1.1200OKConnection:closeDate:Mon,19Apr201012:33:50GMTLast-Modified:Sun,18Apr201012:46:07GMTContent-Type:text/plain
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。问题1)我想知道rubyonrails是否有功能类似于primefaces的gem。我问的原因是如果您使用primefaces(http://www.primefaces.org/showcase-labs/ui/home.jsf),开发人员无需担心javascript或jquery的东西。据我所知,JSF是一个规范,基于规范的各种可用实现,prim
无论您是想搭建桌面端、WEB端或者移动端APP应用,HOOPSPlatform组件都可以为您提供弹性的3D集成架构,同时,由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台(桌面/WEB/APP,而且某些客户端是“瘦”客户端)快速、方便地将数据接入到3D应用系统的解决方案,并且当访问数据时,在各个平台上的性能和用户体验保持一致,HOOPSPlatform将帮助您完成。利用HOOPSPlatform,您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品,HOOPSSDK包含的技术有:快速且准确的CAD
在应用开发中,有时候我们需要获取系统的设备信息,用于数据上报和行为分析。那在鸿蒙系统中,我们应该怎么去获取设备的系统信息呢,比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况,一种是设备信息的获取,一种是系统信息的获取。1.1、获取设备信息获取设备信息,鸿蒙的SDK包为我们提供了DeviceInfo类,通过该类的一些静态方法,可以获取设备信息,DeviceInfo类的包路径为:ohos.system.DeviceInfo.具体的方法如下:ModifierandTypeMethodDescriptionstatic StringgetAbiList()Obt
?博客主页:https://xiaoy.blog.csdn.net?本文由呆呆敲代码的小Y原创,首发于CSDN??学习专栏推荐:Unity系统学习专栏?游戏制作专栏推荐:游戏制作?Unity实战100例专栏推荐:Unity实战100例教程?欢迎点赞?收藏⭐留言?如有错误敬请指正!?未来很长,值得我们全力奔赴更美好的生活✨------------------❤️分割线❤️-------------------------