2021-04-28

开发工具与关键技术： Axure

作者：黄鑫

撰写时间：2021/4/28

 

1. 打开Axure，点击元件库右边图标，点击下载元件库
2. 下载iPhone Bodies All元件库

1. 下载好后，点击iPod Touch
2. 选中iPod Pink，拖进面板后
3. 在次点击iPhone Bodies All后，点击第一个  Default

 

7、把图片拖进面板，

8、拖进两个矩形，调好合适的宽度、高度和颜色，

9、选中两个矩形左右居中、上下居中，

10、拖进一个圆形，调好合适的宽度和高度，双击圆形把上100，把矩形和圆形上下居中，圆形二分之一在矩形上

11、选中圆形，右键转换为动态面板

12、选中圆形动态面板，双击拖动时，点击移动，选中圆形动态面板，选中水平拖动

13、点击两次添加边界，选中左侧和右侧，左侧选中“大于或等于”右侧选中“小于或等于”，

14、点击左侧“右侧fx”,添加局部变量，选中文件，选中下面的矩形，点击“插入变量或函数”点击“x”选中“thix”后，点击“插入变量或函数”后，点击局部变量中的LVAR1后，减去，点击width后，除于2

 

15、点击右侧“fx”, 添加局部变量，选中文件，选中下面的矩形，点击“插入变量或函数”点击“x”选中“right”后，点击“插入变量或函数”后，点击局部变量中的LVAR1后，加上，点击width后，除于2

 

16、双击移动，点击设置尺寸，选中上面矩形，点击“fx”,

17、点击添加局部变量，选中文件，选中下面矩形，点击“插入变量或函数”点击“x”加上，点击“width”除于2，减去点击“x”选中“This”点击局部变量中的LVAR1，点击确定，

18、双击设置尺寸，点击设置透明度，选中图片，点击“fx”

19、点击两次添加局部变量，选中文件，上方选中上面矩形，下方选中下面矩形，点击“插入变量或函数”点击“width”选中“This”点击LVAR1，除于点击“插入变量或函数”点击“width”选中“This”点击LVAR2，乘100，

20、双击设置透明度，点击设置文本，选中圆形，点击“fx”

点击两次“添加局部变量”选中文件，上方选中上面矩形，下方选中下面矩形，点击“插入变量或函数”点击“width”选中“This”点击LVAR1，除于点击“插入变量或函数”点击“width”选中“This”点击LVAR2，乘100，把所有都用括号括住后，点击“插入变量或函数”的“Number”中的“toFixed(decimalPoints),把“LVAR”删除

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！

开发工具与关键技术： Axure

作者：黄鑫

撰写时间：2021/4/28

 

1. 打开Axure，点击元件库右边图标，点击下载元件库
2. 下载iPhone Bodies All元件库

1. 下载好后，点击iPod Touch
2. 选中iPod Pink，拖进面板后
3. 在次点击iPhone Bodies All后，点击第一个  Default

 

7、把图片拖进面板，

8、拖进两个矩形，调好合适的宽度、高度和颜色，

9、选中两个矩形左右居中、上下居中，

10、拖进一个圆形，调好合适的宽度和高度，双击圆形把上100，把矩形和圆形上下居中，圆形二分之一在矩形上

11、选中圆形，右键转换为动态面板

12、选中圆形动态面板，双击拖动时，点击移动，选中圆形动态面板，选中水平拖动

13、点击两次添加边界，选中左侧和右侧，左侧选中“大于或等于”右侧选中“小于或等于”，

14、点击左侧“右侧fx”,添加局部变量，选中文件，选中下面的矩形，点击“插入变量或函数”点击“x”选中“thix”后，点击“插入变量或函数”后，点击局部变量中的LVAR1后，减去，点击width后，除于2

 

15、点击右侧“fx”, 添加局部变量，选中文件，选中下面的矩形，点击“插入变量或函数”点击“x”选中“right”后，点击“插入变量或函数”后，点击局部变量中的LVAR1后，加上，点击width后，除于2

 

16、双击移动，点击设置尺寸，选中上面矩形，点击“fx”,

17、点击添加局部变量，选中文件，选中下面矩形，点击“插入变量或函数”点击“x”加上，点击“width”除于2，减去点击“x”选中“This”点击局部变量中的LVAR1，点击确定，

18、双击设置尺寸，点击设置透明度，选中图片，点击“fx”

19、点击两次添加局部变量，选中文件，上方选中上面矩形，下方选中下面矩形，点击“插入变量或函数”点击“width”选中“This”点击LVAR1，除于点击“插入变量或函数”点击“width”选中“This”点击LVAR2，乘100，

20、双击设置透明度，点击设置文本，选中圆形，点击“fx”

点击两次“添加局部变量”选中文件，上方选中上面矩形，下方选中下面矩形，点击“插入变量或函数”点击“width”选中“This”点击LVAR1，除于点击“插入变量或函数”点击“width”选中“This”点击LVAR2，乘100，把所有都用括号括住后，点击“插入变量或函数”的“Number”中的“toFixed(decimalPoints),把“LVAR”删除

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！

开发工具与关键技术： Axure

作者：黄鑫

撰写时间：2021/4/28

 

1. 打开Axure，点击元件库右边图标，点击下载元件库
2. 下载iPhone Bodies All元件库

1. 下载好后，点击iPod Touch
2. 选中iPod Pink，拖进面板后
3. 在次点击iPhone Bodies All后，点击第一个  Default

 

7、把图片拖进面板，

8、拖进两个矩形，调好合适的宽度、高度和颜色，

9、选中两个矩形左右居中、上下居中，

10、拖进一个圆形，调好合适的宽度和高度，双击圆形把上100，把矩形和圆形上下居中，圆形二分之一在矩形上

11、选中圆形，右键转换为动态面板

12、选中圆形动态面板，双击拖动时，点击移动，选中圆形动态面板，选中水平拖动

13、点击两次添加边界，选中左侧和右侧，左侧选中“大于或等于”右侧选中“小于或等于”，

14、点击左侧“右侧fx”,添加局部变量，选中文件，选中下面的矩形，点击“插入变量或函数”点击“x”选中“thix”后，点击“插入变量或函数”后，点击局部变量中的LVAR1后，减去，点击width后，除于2

 

15、点击右侧“fx”, 添加局部变量，选中文件，选中下面的矩形，点击“插入变量或函数”点击“x”选中“right”后，点击“插入变量或函数”后，点击局部变量中的LVAR1后，加上，点击width后，除于2

 

16、双击移动，点击设置尺寸，选中上面矩形，点击“fx”,

17、点击添加局部变量，选中文件，选中下面矩形，点击“插入变量或函数”点击“x”加上，点击“width”除于2，减去点击“x”选中“This”点击局部变量中的LVAR1，点击确定，

18、双击设置尺寸，点击设置透明度，选中图片，点击“fx”

19、点击两次添加局部变量，选中文件，上方选中上面矩形，下方选中下面矩形，点击“插入变量或函数”点击“width”选中“This”点击LVAR1，除于点击“插入变量或函数”点击“width”选中“This”点击LVAR2，乘100，

20、双击设置透明度，点击设置文本，选中圆形，点击“fx”

点击两次“添加局部变量”选中文件，上方选中上面矩形，下方选中下面矩形，点击“插入变量或函数”点击“width”选中“This”点击LVAR1，除于点击“插入变量或函数”点击“width”选中“This”点击LVAR2，乘100，把所有都用括号括住后，点击“插入变量或函数”的“Number”中的“toFixed(decimalPoints),把“LVAR”删除

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！