粉丝3868获赞1.1万

再点开就可以弹出,而且这边是可以拉伸的,左右都可以。 具体操作看你设计页面的时候对这块区域尺寸要求多大,我们中间这块面板就是页面区域,可以看到有页面的标题 都是可以切换的,这边就是标尺。这节课就为大家简单的介绍一下 x o 面板。

这种常见的开关在 ax 要怎么画?首先把它画出来, 然后把它做成动态面板,最后给它加上加固效果。记得勾选这个 boss, 完成了 是不是很简单?当然还有一种很简单的,这是张图片,这也是一张图片,然后你把两张图片都贴进去,还可以复用一下。当当当当,随你喜欢喽!


啊,本节课呢,我们来学习艾克的文本框组件,那对于这个组件呢,他的使用频次也是比较高的,本节课我们的计划学习时长呢是一到三分钟,然后重要程度是两颗星,学习难度是两颗星,我们来一块看一下本节课的学习内容。 首先呢我们还是把我们的目光就是聚焦在左侧上方这个位置,我们看到这个就是一个文本框,然后我们可以在文本框中输入啊这个文字内容。 那么无美框在实际工作中他有哪些使用场景呢?我们在用无美框的时候,我们主要是用他的一些属性啊,比如说他的基础属性,我们可以用无美框去输入啊,账户名,密码等等,任何的一些输入场景我们都可以用无美框来实现。那么对于 他的特殊属性呢,我们可以用文本框来做搜索框,来做那个时间框啊,来做上传文件框等等。好,下方呢,我们列出了这样四个案例,我们一块来打开 apple 实现一下。 首先呢账户名,账户名我们就啊鼠标右键,然后选择这个啊文本的输入类型,我们直接选择文本就可以了,那么对于密码呢,我们需要输入类型呢,选择这个密码 给日期呢,我们输入类型需要选择日期,然后上传文件的话,我们输入类型需要选择文件。 好,那这样的话我们就完成了他的一些啊属性的设置,我们来看一下账户名,我们这里面既可以输数字,也可以输汉字,因为他是文本,那么密码的话, 输入之后他直接就是用这个遮掩起来了,那么对于日期呢,我们可以就是说在这里直接进行这个日期的一个选择啊,比较方便。那么对于上传文件呢,我们可以直接啊点击从电脑中就是选择这个文件进行上传, 那这些呢就是我本框的一些基础的用法,当然的话我们还有其他的一些输入类型啊,这个之后呢,大家可以啊下去之后自己就是挨个尝试一下。 然后呢对于文本框呢,我们再讲一下他其他的一些属性啊,比如说我们就拿这个密码框来说,我们右键之后呢,我们可以看到他有一个编辑最大的一个长度, 比如说我设置成六,那设置完之后呢,会有什么变化呢?我们再来数一下三四五, 我再输就输不进去了啊,就说他最大只能输六个啊,这是我本框的一个啊,其他的一些那个用法和属性。本节课呢,我们就到这里,然后下节课呢我们一块来学习一下那个下下列表。

这节课讲一下自制作 action 原件,装好这个软件是默认只有这些原件的, 他这里还有一些分类,那么怎么添加字的原件呢?打开这原件,这里有个文件菜单,在这里新建原件库。原件库有个工作区域在这里,比如你把你 组合的一些图形啊,把它定义成为一个原件库,左边这里有个原件库的名字,比如三个图案嘛,还会新建多个原件,在这点一个加号,原件一,原件二,在里面就画好你一些图形 在这里面,对也是一样,你编辑好图形的时候呢,就保存一下,为整个原件起个名字,也叫我的原件吧,我的原件 上面已经有了,把之前的删掉,就叫我的原件库吧,点一下保存,保存好,然后怎么让他出现在这里呢?点这个加号,这里有个添加原件库,再导入我的原件库, 这里就有刚才加了三个图案,原件一,原件二,就你新建一个文档之后,你就可以把你之前的原件拖在这里来了,进行网页的设计。当然你也可以把别人做好的原件导入啊,比如我下载了一些原件库,这里面有一些阿里巴巴的,还有腾讯的 一些软件库,看下这腾讯,你可以从这里面下载他的那个软件库,当然也可以在我这的一个网站上面 这个网址在资源下载,这里面有我上传的二十七款这原件库,打包给你们,你可以在这里面下载其他那些资源,你也不要问我了,在这个网站上面去查找好这个原件库的制作就分享到这里吧,谢谢大家的观看。

现在我们来制作一个圆环,我们先画两个圆 改变一下, 然后按着两个圆上下居中,走入居中。 调整好之后呢,我们给 底下的底下这一层的圆设置一个颜色,然后现在这个形状是看上去就是个圆环,实际上他中间 还是有填充的,现在我们要做的就是一个真正的圆环,让中间这个填充去,把中间这个填充去掉,全部选中 点,点击去除,点击去除之后呢,他就是一个一个圆环,一个真正的圆环了,大家可以发现中间是比较透明的, 然后可以试着改变它的颜色, 它的边框颜色也是可以改的, 可以将边框去掉, 这个圆环就做好 一个全圆环,然后呢我们可以再做一个半圆环,与刚才的也类似, 左右居中, 这个圆环是这样做的,选中其中一个,单击右键有一个选择形状,选择 这种带缺口的圆的这个形状,然后按住黄颜色的,可以调整黄颜色的点, 调整到自己认为平衡的比例, 保证两个点在一个水平面上,然后另一个也是这样的操作方式, 保障在同一个水平面。 调整好之后呢,选中两个都选中, 然后在变换形状,这里面选中驱除 啊,这个半圆环就做好了, 大家可以看一看,这是半圆环,这是全圆环。

如何使用 x 画流程图?今天我们主要讲解流程图原件的使用方法。首先我们打开 x 软件,在原件面板中选择 flow 原件, 在面板中我们可以看到与流程图相关的原件。在画流程图时,我们通常使用矩形菱形箭头来进行描述一个流程的过程。选择圆角矩形,拖入画布中,双击原件,编辑文本为开始。 选择矩形,拖入画布中,双击原件,编辑文本为下一步。选择菱形,拖入画布中,双击原件,编辑文本为条件。选择画布中的矩形原件,按 shift 键加 ct rl 键拖动鼠标进行复制,双击原件,编辑文本为结束。 现在我们看到四个原件排列在画布中,结合上节课我们学习的连接器原件, 把画布中的原件进行连接起来。选择连接器原件,鼠标移入到开始这个矩形上的一个端点上,端点显示红色圆圈,点击端点,按住鼠标左键拖动到下一步上, 此时会在顶部端点出行一个红色圆圈,鼠标移动到端点上,开始和下一步通过连接器就连接起来了。用同样的方法选择对条件 结束进行按实际流程进行连接。用 x 画流程图时,这些基本图形其实并没有形象地表明他们是什么,更多的还是需要使用者根据自身的流程实际情况多加注视。再画一般的流程图中我们就用矩形菱形箭头就可以了。 菱形我们作为条件判定使用。点击连接器线段,双击线段编辑文本为 我们对条件到结束。这里编辑文本为是说明条件成立条件到下一步。这里我们编辑文本为否说明条件不成立?返回到上一步操作,可对连接器的线段进行填充,线段颜色为蓝色,大小为二, 线段类型和箭头方向根据实际需求可以继续编辑。用 action 画流程图就已经完成。 用 action 绘制流程图,好处是可以随时预览,比较灵活,不过就是没有 wesiel 那么多模板和强大的功能。 action 画流程图你学会了吗?请点赞关注我!

第三节我们讲解下如何利用终极器制作编辑和删除表单数据。 我们首先画出一个编辑弹窗,并设为隐藏,然后我们双击终极器给操作下方添加编辑和删除按钮。 我们给编辑按钮添加交 户事件。先添加点击编辑显示编辑弹窗,再添加标记行,即点击编辑为编辑本行数据。 再添加标记行,即点击编辑为编辑本行数据,然后添加设置文本,让编辑弹窗输入框填充本行数据。这里需要注意的是,文本框要和函数一一对应起来,避免出错。 我们继续对删除添加删除行交互事件及点击删除删除该行数据。 最后我们对编辑弹窗中确定按钮添加更新行交互事件,即点击确定之后更新本行数据并隐藏弹窗。 如果有不懂函数的小伙伴可以看我的前期视频哦。 全部添加完毕之后,我们点击预览看下效果吧。

如何使用标记原件制作页面之间的流程图?今天我们主要接着上一课快照原件,结合箭头便签标记原件的使用方法。课程以多个原件进行设计,原型图内容有点多, 请先点关注,便于一起学习。首先打开 action 软件上节课制作的快照文件,对页面进行进行重新布局,排列为上下两列,选择所有快照原件进行填充,线段颜色和线段大小为二、 选择表单表格中的水平箭头原件拖入画布中,放置在两个快照原件直接适当位置。 选择垂直箭头原件拖入画布中,放置在两列中间的适当位置。选择水平箭头。按 shift 加 c、 t、 r、 l 键 选择水平箭头,按 shift 键拖动端点即可以四十五度角变化让箭头方向向左边,也可以调整线段箭头方向来实现拖动。圆形标记放置在第一个文本框的顶部,双击圆形标记原件输入一、 选择文本标签,拖入到画布编辑文本为步骤一框选圆形标记和文本标签,按 shift 加 c、 t、 r、 l 键拖动进行复制, 编辑对应的文本。步骤二、步骤三、步骤四。现在我们看到整个 app 登录页面的设计步骤基本完成,想对整个设计流程做个说明,注视可以使用便签原件拖动便签原件到画布,对整个设计流程做个说明。双击便 原件编辑说明文本内容。用标记原件制作页面之间的流程图就已经完成。现在点击右上角预览,在浏览器上查看原型,就能看到快照箭头便签标记原件制作的页面之间的流程图。 本节课程标记原件相关知识你学会了吗?记得点赞关注我!
