2016 - 2024

感恩一路有你

ps时间轴教程环形文字 ps环形箭头怎么做?

浏览量:4758 时间:2023-07-09 16:30:31 作者:采采

ps环形箭头怎么做?

类似于这个戒指...

方法很多,我举两个简单的例子:

用钢笔工具画画

2.用椭圆框选择工具和矩形框选择工具合成。

如何用Axure8实现环形进度条?

今天在网上看到几个关于圆形进度条的Axure教程。由于我生性愚钝,花了一整天才明白它的原理,但强迫症的细胞告诉我,网上的几个教程并不完美,于是我跳进了产品经理最忌讳的坑——追求完美。

不仅是进度条,很多模块都有很多方法。如果勤于思考,可以用不同的制作,灵活学习使用,互相鼓励。

一.部件准备

如上图所示:

1.一个圆形,尺寸为202*202,命名为 "外环和外环

2.一个尺寸为148*148的圆,命名为 "内环 "

3.一个名为 "开始 "作为触发按钮;

4.四分之一环由一个202*202的大圆和一个152*152的小圆组成。颜色用白色填充(图中为显示暂时填充灰色),组合命名为 "白条 "。ps:大小与元素5不同,避免圆心叠加时露出红边;

5.有四个由200*200的大圆和150*150的小圆组成的四分之一环。当它们组合在一起时,大圆圈用红色填充,小圆圈用白色填充,这种组合被命名为 "红条1234 "分别是。

二、元件放置位置

1.放置 "外环和外环在底部;

2.放置 "红条1234 "在 的中心外环和外环分别是;

3.放置 的中心白条 "和 的中心外环和外环以重叠的。这时白条会挡住红条。元件制备时白条尺寸略大于红条尺寸的原因是为了遮挡红条的边缘颜色,达到完全遮挡,不留任何缺陷;

4.放置的中心 "内环 "和 "外环和外环以重叠的;

5.最后,放置 "开始 "按钮在你最喜欢的位置。

如下图所示:

第三,添加用例

做 "当鼠标点击 "开始按钮上的事件:

具体流程:

旋转 "红条1 "到90度,的术语是 "到达和顺时针,线性,200毫秒→旋转 "红条2 "到180度,顺时针,线性,400毫秒→旋转 "红条3 "到270度,顺时针,线性,600毫秒→旋转 "红条4 "到180度。400毫秒→等待400毫秒→放置 "红条4 "在顶层→位置 "内环 "在顶层→旋转 "红条4 "旋转180度。的术语是 "通行证 ",线性,400ms→F5。让 让我们看看效果。

第四,难点的解释

1.四个红条怎么旋转?

起初,四个红色条叠加在一起。当他们开始旋转时,他们实际上是同时旋转的,但四个红色条的最终位置是不同的。就像跑一样,第一个人一声枪响就跑了。四分之一停了,第二个人跑了两个四分之一停了,第三个人跑了三个四分之一停了,只有第四个人跑完了全程。类似地,顺时针90度是红条1停止的位置,180度是红条2停止的位置,270度是红条3停止的位置,360度是红条4停止的位置。但是为什么要让红杠4旋转到180度,中途停顿呢?以下解释。

2.为什么要让红杠4先旋转180度?

聪明的同学一定都看到了!如果直接将红条4旋转360度,会被最初挡住红条的白条挡住,这样红条4旋转360度就相当于做了无用功。所以我们需要让红杠4分两步旋转,中间停下来放到顶层,这样最终的位置就不会被白杠挡住。

3.为什么最后把内圈放在顶楼?

你可以试试。什么?;不把内圈放在顶楼有什么影响?PS。事实上,它 还是追求细节,哈哈哈...

4.时间有什么关系?200ms,400ms,600ms,800ms之间有什么联系?

其实这是从身体运动的过程考虑的。红色条1234的旋转距离是倍数关系。如果希望进度条均匀增加,也要保持时间上的倍数关系。红条4的完整移动时间其实是800ms,可以尝试调整时间做一个不均匀的增量进度条。我没有。;不要尝试。

5.为什么红条4使用 "致 "对于第一轮和 "by "第二轮吗?

其实这是一个英语问题。使用介词 "致 "当你到了那里by "当你路过的时候。当红色条4第一次旋转时,它的起始位置是0度。当它第二次旋转时,如果你选择 "致 ",你会把第一次旋转后的180度位置作为新的起点,相当于一个新的起点。如果你还在用 "致 ",你将到达参考新起点上的一个固定位置。PS:其实在这种情况下,使用 "致 "or "by "是一样的,纯属巧合,但原因不同。每个人都必须明白 "致 "和 "by "。

动词 (verb的缩写)疯狂的

进度条达到100%后,单击 "开始 "按钮,看看它有什么影响。我赢了。;我不能告诉你有一个错误。

进度条 位置 红色 红条 外环

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。