大胆人体艺术

株洲最专业的CAD培训学校 新科20年教学
  • QQ咨询

  • 在线咨询
  • 点击这里给我发消息
  • 点击这里给我发消息
  • 点击这里给我发消息
  • 点击这里给我发消息

大胆人体艺术

免责声明-|:本站作品均来自网友分享或互联网-|,若您发现本站存在您非授权的原创作品请第一时间联系本站删除-|,本站享有代替本站作者维权的权力-|-|。

      
课程搜索:
设为首页 加入收藏

  你现在的位置:首页  >>  新闻动态
Axure案例 形状:制作环形进度条 株洲UI设计培训
  来源:新科IT培训学校  发布时间:2017-10-21 11:09:37

案例.   形状:制作环形进度条

案例来源:

中国移动APP-流量管家

 

案例效果:

  • 整体界面效果:(图1-41)

1_41

  • 原型实现效果:(图1-42)

1_42

案例描述:

环状带缺口的背景条与进度条。

 

元件准备:

  • 页面中:(图1-43)

1_43

思路分析:

通过自定义形状功能可以实现环形进度条的制作。

 

操作步骤:

1、拖入一个矩形到画布,转换为带缺口的圆形;(图1-44)

1_44

2、调整圆形尺寸为宽260*高260,缺口为1/4大;(图1-45)

1_45

3、拖入一个椭圆形到画布,尺寸设置为宽230*高230,将其与带缺口的圆形中心对齐;(图1-46)

1_46

4、先点击选中带缺口的圆形,再点击选中内部的圆形;然后,在属性中点击【去除】的图标将两个形状改变成一个新的环形形状;最后,为圆环设置灰色的边框与背景色;(图1-47)

1_47

5、再次拖入两个矩形,转换成半圆形,尺寸为宽15*高10;然后,将两个半圆形旋转为合适的角度,摆放到环形形状缺口的两端;点击选中圆环,再分别选择两个半圆形,点击属性中的【合并】图标,完成背景形状的制作。(图1-48)

1_48

6、在样式中设置元件的角度{Rº}为225度,变成缺口朝下的效果。(图1-49)

1_49

7、参照步骤1~4完成进度条的制作,并将其放到与背景条重合的位置上。(图1-50)

1_50

8、最后添加其他元件,完成整个案例的制作。(图1-51)

1_51

补充说明:

注意在做形状的合并与去除时,元件的层级顺序不能颠倒。底层为主体元件,上层为被合并或者去除的部分。