- 博客(25)
- 收藏
- 关注
RSS订阅原创 元件函数：图片外框移动
元件准备包含命名矩形（用于三角形指针）PointerShape矩形（用于可移动边框）BorderShape图片（用于显示商品图片）BigImage思路分析①鼠标进入任何一个商品图标时，设置商品图片与商品图标相同（见操作步骤01和04）。②鼠标进入任何一个商品图标时，移动边框到与商品图标中心重合的位置上；因为外框宽比商品图标多出2像素，外框高比商品图标多出4像素，所以移动时需要将外框移动到商品图标的横坐标减1纵坐标减2的位置（见操作步骤02）。③边框移动的时候，三角形指针跟随移动位置。（见操
2020-07-22 02:34:52
236
原创 尺寸：改变元件尺寸
案例效果：选中前选中后案例描述：在选择兴趣时，选中后选项变色，同时会有稍稍放大的效果；另外，当有选中兴趣时，“开启部落之旅”按钮变为紫色可用；如果没有选中任何兴趣，该按钮变 呈现灰色不可用状态。元件准备包含命名全局变量（用于统计选中数量）SelectAmount矩形（用于开启部落之旅按钮）OpenButton思路分析①单击任何元件时，该元件在选中和未选中状态间切换，并呈现相应样式（操作步骤02）②任何元件选中时，都让数量记录增加1（操作步骤03）③任何元件选中时，让该元件稍稍变
2020-07-12 00:24:02
561
原创 组合：菜单整体变色
案例描述鼠标进入或单击菜单项时菜单项整体变色，包括图标、文字和形状。元件准备包含命名组合(用于我的课程选项)：MyLesson组合(用于我的微专业选项)：MyMajor组合(用于我的学习计划选项)：MyPlan组合(用于我的题库选项)：MyQuestions组合(用于我的订单选项)：MyOrder组合(用于关注/粉丝选项)：CareAndFans思路分析①鼠标移入菜单项任何位置时菜单项中的图片、文字、形状都能够同步变色。（操作步骤01）②选中菜单项时只有一项被选中（操作步骤01
2020-07-08 03:41:43
172
原创 组合：弹出菜单效果
案例描述鼠标移入用户头像时逐渐显示用户面板，鼠标移出时隐藏用户面板。元件准备案例效果鼠标移入头像前和鼠标移入头像后包含命名组合(用于统一显示面板内所有内容)UserGroup思路分析如果想让一组元件统一显示与隐藏，可以将这组元件进行组合或转换为动态面板，然后对组合或者面板进行可见性的动作设置。这个案例中通过组合来实现。操作步骤01 选取所有需要统一显示或隐藏的元件，按快捷键<Ctrl+G>，将它们设置为同一组合，默认隐藏组合并命名组合。02 为“头像”元件添加【鼠标移入
2020-07-07 16:56:05
132
原创 全局变量：打开微博详情
元件准备微博列表页面中：微博列表中继器中：微博列表数据集中：微博详情页面中(在新建页面)：案例描述在列表页中单击某一条微博消息和时间，能够在新页面打开该条微博的详情。包含命名中继器(用于微博列表)WeiBoList文本标签(用于显示微博文本)WeiBoText文本标签(用于显示微博发布时间)WeiBoTime文本标签(用于显示微博阅读数量)WeiBoRead全局变量(用于传递微博文本)VarText全局变量(用于传递微博发布时间)VarTime全局变量(用于传递微博阅读数
2020-07-02 18:49:34
461
原创 全局变量：账号登录验证
元件准备操作步骤：1、元件边框默认设置为黄色；然后，在元件属性中，设置矩形边框的【禁用】与【选中】的交互样式；禁用状态矩形边框为灰色；选中状态矩形的边框为红色，填充为淡红色；最后，勾选【禁用】选项，让边框初始状态显示灰色；（图2-7）2、创建全局变量“UserName”，并将已注册账号设置为默认值；为了避免混乱和误判断，我们需要将每个用户名用特殊符号隔开；3、为文本框【获取焦点时】事件添加“用例1”，设置动作【启用】矩形“BorderShape”，让矩形显示为黄色边框；用例动作设置：
2020-07-01 13:56:49
631
原创 中继器：选择对比商品
案例描述：点击某个商品的“对比”按钮时，页面下方向上滑出对比栏，选中的商品将在对比栏中出现。点击对比栏“隐藏”按钮时，关闭对比栏。元件准备中继器动态面板
2020-06-24 01:05:02
389
原创 中继器：商品列表排序
案例描述：鼠标移入“价格排序”按钮，显示选项列表。选项在鼠标进入时显示粉色文字，点击选项，商品列表进行相应的排序。思路分析：①完成中继器数据集与元件的关联；②并设定好模块的排布与间隔；③鼠标移入“价格排序”按钮，需要显示排序的选项，并能够在鼠标移出选项时自动隐藏选项；④为每个排序选项添加鼠标移入时的样式；⑤点击每个排序选项时，需要中继器进行相应的排序，并隐藏排序的选项列表。1.元件准备拖入中继器——打开编辑区域编辑2.中继器“GoodsList”的数据集中包含命名：中继器（用
2020-06-15 02:04:07
480
原创 内联框架：嵌入百度地图
1.元件准备2.3.鼠标双击框架打开链接属性设置界面；界面中选择【链接到url或文件】，{超链接}中填写“mymap.html”4.打开百度地图开放平台，网址：http://developer.baidu.com/。在【开发文档】菜单中选择【地图生成器】5.接下来“html”文件的制作：①设置地图中心点，此处以“国贸”为例；②设置地图尺寸、显示的内容以及其他功能；③设置地图的标注；（略）④点击【获取代码】按钮，获取地图代码。代码中需要写入地图API的密钥，点击【申请密钥】进行获取；
2020-06-12 16:41:50
841
原创 淘宝首页-搜索框
1元件准备2.选中文本框→交互3.(宝贝 天猫 店铺)元件的交互样式新建交互或者右键→交互样式…操作同上4.为(宝贝 天猫 店铺)元件分别添加交互样式新建交互→单击时→设置选中→当前元件(或当前元件的名称)→确定5.为(宝贝 天猫 店铺)元件设置选项组右键→选项组(只能选中1个选项)6.红色矩形元件移动(固定定位时的操作)①首先要找准红色矩形元件移动宽度②移动到(天猫)元件位置时的交互样式③移动到(店铺)元件位置操作同上，第1个是自己原来位置
2020-06-12 15:25:34
848
原创 Axure RP9 Web字体设置
1.下载Font Awesome字体下载链接(http://www.fontawesome.com.cn/)2.解压并打开文件3.双击(fontawesome-webfont.otf定是fontawesome-webfont.ttf)文件安装?4.
2020-06-12 15:22:22
4022
原创 中继器：制作商品列表
1.元件准备2.拖入中继器3.把刚刚编辑的元件拖入到中继器里面把矩形删除，调整到合适位置注意：如果第1步是拖入中继器那么元件准备也可以在中继器中直接编辑。4.输入数据注意：Axure RP9不能像8.0版本那样直接粘贴从Excel等文件中复制的数据，这个是RP9的一个已知BUG。在“GoodsImage”列中，点击<鼠标右键>,在菜单中选择【导入图片】，对应每行数据将图片导入到数据集中5.在检视面板中，打开交互界面，在【每项加载时】事件中添加“用例1”,设置动作
2020-06-12 15:17:00
564
原创 动态面板：元件样式联动
动态面板：①动态面板像一个透明袋(可调整大小)②动态面板里面的状态State1…(层级)不透明(可调整大小)③动态面板属性中的【自动调整为内容尺寸】(不勾选)元件准备注意：要调整好动态面板的大小和距离设置交互样式，分两部分设置图片和矩形元件要把动态面板属性中的触发内部元件鼠标交互选上效果：边框被挡住新建交互——鼠标移入时——置于顶层效果设置"关注矩形框"的字色和边框颜色的交互样式设置"Focus"动态面板的交互样式新建交互——鼠标移入时——显示/隐藏新
2020-06-11 18:09:45
767
原创 动态面板：拖动滑块解锁（1）
元件准备点中动态面板“SliderPanel”，为其【拖动时】事件添加“情形1”，用例中添加条件，判断【元件范围】“SliderPanel”【未接触】【元件范围】“Contact”设置满足条件的动作为【移动】“SliderPanel”为【水平拖动】；点击{界限}后方的【添加边界】，设置元件在x轴“147”~“471”的坐标区域内移动；“471”为模块右边界加1的位置，此位置才能够接触到触点元件“Contact”(即滑块开始到结束位置)情形1的意思是：未接触热区(Contact)，设置动态面板 动作
2020-06-10 16:44:52
3286
原创 动态面板：保持固定位置
案例效果：拉动窗口滚动条时案例描述：拉动滚动条，页面内容滚动时，导航栏始终保持固定在顶部位置。如果想将某些内容不随着页面滚动而改变位置，可以将这些内容添加到动态面板的状态中，并在动态面板的属性中进行固定到浏览器的设置。内容暂时用图片代替(图片元件)步骤：①将导航栏的图片放入画布，然后在导航栏图片上点击<鼠标右键>，选择转换为动态面板；这样操作等同于拖入动态面板，将图片放入动态面板默认的状态“State1”中在动态面板属性中（或者右键菜单中）点击【固定到浏览器】，打开设置页面，
2020-06-09 00:53:07
1254
原创 动态面板：自动图片切换
案例描述：固定区域循环播放一组图片（幻灯片效果），圆形分页标签随着播放不同的图片，而对应改变样式。思路分析：①利用动态面板可添加多个状态的特性，创建5个状态；②将5张需要展示的图片放到各个状态里面；③将圆点分页标签做成只能唯一被选中的效果，并设置第一个圆点默认被选中；④页面打开后，开启图片循环播放的效果；⑤每次切换到新的图片时，根据状态名称选中圆点分页标签，呈现蓝色效果注意：第1张图片的尺寸大小决定后面图片的大小(即与第1张保持一致)1.把动态面板拖入页面，命名为SlidePanel2.
2020-06-08 22:19:11
1022
原创 动态面板：登录面板切换
案例描述点击“快速登录”与“账户密码登录”按钮时，在两个登录面板间切换1.元件准备拖入动态面板元件，并制作"快速登录"和"账户密码登录"2个元件2.双击动态面板3.在State1页面中设计下方页面4.在State2页面中设计下方页面命名：动态面板（用于制作登录面板）：LoginPanel动态面板状态（用于包含快速登录内容）：State1动态面板状态（用于包含账户密码登录内容）：State2登录按钮，摆放在动态面板的上层；设置默认样式（灰色字体与灰色边框）以及【
2020-06-08 16:57:06
836
原创 图片：自定义复选框（1）+文本标签：添加文本链接
1.准备元件右键——交互样式——【鼠标悬停】右键——交互样式——【选中】新建交互——【单击时】——【选中】完成！
2020-06-06 16:28:56
490
原创 图片：变换样式的按钮（1）
花瓣网-登录界面1.准备元件2.使用第三方账号登录时，鼠标移入图标和在图标上按下时，显示不同状态的图片鼠标进入图标时元件的属性中包含【鼠标悬停】与【鼠标按下】的交互样式操作步骤：1、设置每个图标【鼠标悬停】的交互样式右键 交互样式(或新建交互——交互样式)——【鼠标悬停】2、设置每个图标【鼠标按下】的交互样式右键 交互样式(或新建交互——交互样式)——【鼠标按下】完成...
2020-06-06 14:28:06
305
原创 Axure RP9安装完成后不能打开解决方法
Axure RP9安装完成后，打开软件时，软件无反应。方法：通过微软发布的更新补丁，解决这个问题。下载地址中包含32位（X86）以及64位两个系统的补丁，可以根据自己的系统类型选择其中一个下载安装。下载链接：[https://pan.baidu.com/s/16JU_URUmhQDZcvIDUGmdNg]重启计算机之后，Axure RP9可以打开。...
2020-06-03 00:23:48
12729
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人